.nn-twin{position:relative;padding:var(--nn-section-mobile) 0;isolation:isolate}.nn-twin--white{background-color:var(--nn-white)}.nn-twin--cream{background-color:var(--nn-cream)}.nn-twin__section-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.nn-twin__section-bg{width:100%;height:100%;object-fit:cover;object-position:center}.nn-twin__section-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(20,36,27,var(--nn-twin-overlay, .45))}.nn-twin__inner{position:relative;z-index:1;width:100%;max-width:var(--nn-container);margin:0 auto;padding:0 1.6rem}.nn-twin--has-bg .nn-twin__heading{color:var(--nn-white)}.nn-twin--has-bg .nn-twin__eyebrow{color:var(--nn-sage-light)}.nn-twin__head{max-width:56rem;margin:0 auto 4rem;text-align:center}.nn-twin__eyebrow{margin:0 0 1.2rem;font-family:var(--nn-font-body);font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--nn-sage)}.nn-twin__heading{margin:0;font-family:var(--nn-font-display);font-size:var(--nn-fs-section);font-weight:500;line-height:1.2;color:var(--nn-forest-deep)}.nn-twin__heading p{margin:0}.nn-twin__grid{display:grid;grid-template-columns:1fr;gap:2rem}.nn-twin__card{position:relative;display:flex;align-items:center;min-height:260px;padding:3.2rem;border-radius:var(--nn-r-card);overflow:hidden;isolation:isolate;color:var(--nn-white)}.nn-twin__card--forest-deep{background-color:var(--nn-forest-deep)}.nn-twin__card--forest{background-color:var(--nn-forest)}.nn-twin__card--sage{background-color:var(--nn-sage);color:var(--nn-forest-deep)}.nn-twin__card--glass,.nn-twin__card--glass-light{background-color:var(--nn-forest-deep);color:var(--nn-white)}.nn-twin--has-bg .nn-twin__card--glass{background:#14281e57;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 32px #0f1e1647;color:var(--nn-white)}.nn-twin--has-bg .nn-twin__card--glass-light{background:#fbfaf7b8;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 32px #0f1e162e;color:var(--nn-ink)}.nn-twin--has-bg .nn-twin__card--glass-light .nn-twin__text{color:var(--nn-muted)}.nn-twin--has-bg .nn-twin__card--glass-light .nn-twin__btn{border-color:var(--nn-forest-deep);color:var(--nn-forest-deep)}.nn-twin--has-bg .nn-twin__card--glass-light .nn-twin__btn:hover{background:var(--nn-forest-deep);border-color:var(--nn-forest-deep);color:var(--nn-white)}.nn-twin--has-bg .nn-twin__card--glass-light .nn-twin__placeholder{border-color:#1e3a2a4d;color:#1e3a2a99}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.nn-twin--has-bg .nn-twin__card--glass{background:#14281eb8}.nn-twin--has-bg .nn-twin__card--glass-light{background:#fbfaf7f0}}.nn-twin__content{position:relative;z-index:1;max-width:58%}.nn-twin__badge{display:inline-block;margin-bottom:1.4rem;padding:.5rem 1.2rem;border-radius:var(--nn-r-pill);background:var(--nn-sage-light);color:var(--nn-forest-deep);font-family:var(--nn-font-body);font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.nn-twin__title{margin:0 0 1rem;font-family:var(--nn-font-display);font-size:clamp(24px,3vw,30px);font-weight:500;line-height:1.15;color:inherit}.nn-twin__text{margin:0 0 2rem;font-family:var(--nn-font-body);font-size:1.5rem;line-height:1.5;color:var(--nn-sage-light)}.nn-twin__card--sage .nn-twin__text{color:var(--nn-forest)}.nn-twin__btn{display:inline-flex;align-items:center;gap:.8rem;min-height:44px;padding:1rem 2.2rem;border:1.5px solid rgba(255,255,255,.55);border-radius:var(--nn-r-pill);background:transparent;color:var(--nn-white);font-family:var(--nn-font-body);font-size:1.4rem;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:background-color .2s var(--nn-ease),color .2s var(--nn-ease),border-color .2s var(--nn-ease),transform .2s var(--nn-ease)}.nn-twin__btn:hover{background:var(--nn-white);border-color:var(--nn-white);color:var(--nn-forest-deep);transform:translateY(-2px)}.nn-twin__card--sage .nn-twin__btn{border-color:var(--nn-forest-deep);color:var(--nn-forest-deep)}.nn-twin__card--sage .nn-twin__btn:hover{background:var(--nn-forest-deep);border-color:var(--nn-forest-deep);color:var(--nn-white)}.nn-twin__btn-arrow{transition:transform .2s var(--nn-ease)}.nn-twin__btn:hover .nn-twin__btn-arrow{transform:translate(3px)}.nn-twin__imgzone{position:absolute;right:1.2rem;top:1.6rem;bottom:1.6rem;width:38%;z-index:1;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.nn-twin__product{max-height:100%;max-width:100%;width:auto;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 14px 28px rgba(0,0,0,.28))}.nn-twin__placeholder{align-self:center;display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100%;height:78%;justify-content:center;border:1.5px dashed rgba(255,255,255,.3);border-radius:var(--nn-r-card-sm);color:#fff9}.nn-twin__card--sage .nn-twin__placeholder{border-color:#1e3a2a4d;color:#1e3a2a99}.nn-twin__placeholder-label{font-family:var(--nn-font-body);font-size:1.2rem;font-weight:500;letter-spacing:.02em}.nn-twin__grid[data-nn-reveal] .nn-twin__card{opacity:0;transform:translateY(20px)}.nn-twin__grid[data-nn-reveal].nn-is-visible .nn-twin__card{animation:nnFadeUp .6s var(--nn-ease) both;animation-delay:var(--nn-d, 0ms)}@keyframes nnFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:750px){.nn-twin{padding:var(--nn-section) 0}.nn-twin__inner{padding:0 2.4rem}.nn-twin__grid{grid-template-columns:1fr 1fr;gap:2.4rem}.nn-twin__card{min-height:320px;padding:4rem}.nn-twin__content{max-width:26rem}.nn-twin__imgzone{width:42%;top:2rem;bottom:2rem}}@media(prefers-reduced-motion:reduce){.nn-twin__grid[data-nn-reveal] .nn-twin__card,.nn-twin__grid[data-nn-reveal].nn-is-visible .nn-twin__card{animation:none!important;opacity:1!important;transform:none!important}.nn-twin__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-collection-banner-pair.css.map */