.nn-hero{--nn-hero-fg: var(--nn-color-background, #faf8f3);position:relative;display:flex;overflow:hidden;width:100%;color:var(--nn-hero-fg);isolation:isolate}.nn-hero--h-small{min-height:clamp(420px,60vh,640px)}.nn-hero--h-medium{min-height:clamp(520px,75vh,760px)}.nn-hero--h-large{min-height:clamp(560px,85vh,840px)}.nn-hero--h-full{min-height:100svh}.nn-hero--pos-top{align-items:flex-start}.nn-hero--pos-middle{align-items:center}.nn-hero--pos-bottom{align-items:flex-end}.nn-hero--align-left .nn-hero__inner{text-align:left;margin-right:auto}.nn-hero--align-center .nn-hero__inner{text-align:center;margin:0 auto}.nn-hero--align-right .nn-hero__inner{text-align:right;margin-left:auto}.nn-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;transform:scale(1.06);animation:nn-hero-ken-burns 12s ease-out forwards}.nn-hero__image,.nn-hero__placeholder-svg{width:100%;height:100%;object-fit:cover;object-position:30% center;display:block}.nn-hero__placeholder{width:100%;height:100%;background:var(--nn-color-secondary);display:flex;align-items:center;justify-content:center}.nn-hero__placeholder-svg{width:100%;height:100%;fill:var(--nn-color-text-muted);opacity:.5}.nn-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,color-mix(in srgb,var(--nn-color-primary) 55%,transparent),color-mix(in srgb,var(--nn-color-primary) 25%,transparent),color-mix(in srgb,var(--nn-color-primary) 60%,transparent));pointer-events:none}.nn-hero__content{width:100%;padding:clamp(4rem,10vh,6rem) 1.25rem;display:flex;justify-content:center}@media(min-width:640px){.nn-hero__content{padding:clamp(4rem,12vh,8rem) 1.5rem}}.nn-hero__inner{max-width:56rem;width:100%}.nn-hero__eyebrow{font-family:var(--nn-font-body);font-size:.5625rem;font-weight:300;letter-spacing:.4em;text-transform:uppercase;margin:0 0 1rem;color:color-mix(in srgb,var(--nn-hero-fg) 70%,transparent)}@media(min-width:640px){.nn-hero__eyebrow{font-size:.625rem;letter-spacing:.5em;margin-bottom:1.5rem}}.nn-hero__headline{font-family:var(--nn-font-heading);font-weight:300;color:var(--nn-hero-fg);font-size:clamp(3rem,8.5vw,8rem);line-height:1.08;letter-spacing:.01em;margin:0}.nn-hero__headline em{font-style:italic;font-weight:300}.nn-hero__headline p{margin:0}.nn-hero__headline p+p{margin-top:.25em}.nn-hero__subheadline{font-family:var(--nn-font-body);font-size:.8125rem;font-weight:300;line-height:1.65;margin:1.25rem auto 0;max-width:34rem;color:color-mix(in srgb,var(--nn-hero-fg) 65%,transparent)}@media(min-width:640px){.nn-hero__subheadline{font-size:.9375rem;margin-top:2rem}}.nn-hero__subheadline>p{margin:0}.nn-hero__subheadline>p+p{margin-top:.6em}.nn-hero--align-left .nn-hero__subheadline,.nn-hero--align-right .nn-hero__subheadline{margin-left:0;margin-right:0}.nn-hero__ctas{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.75rem;margin-top:2rem}@media(min-width:640px){.nn-hero__ctas{flex-direction:row;gap:1rem;margin-top:2.5rem}}.nn-hero--align-left .nn-hero__ctas{justify-content:flex-start}.nn-hero--align-right .nn-hero__ctas{justify-content:flex-end}.nn-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2.5rem;font-family:var(--nn-font-body);font-size:.75rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .4s ease,color .4s ease,border-color .4s ease;min-height:3rem;white-space:nowrap}.nn-btn--primary{background:var(--nn-hero-fg);color:var(--nn-color-primary)}.nn-btn--primary:hover,.nn-btn--primary:focus-visible{background:color-mix(in srgb,var(--nn-hero-fg) 90%,transparent)}.nn-btn--secondary{background:transparent;color:var(--nn-hero-fg);border-color:color-mix(in srgb,var(--nn-hero-fg) 40%,transparent);font-weight:300}.nn-btn--secondary:hover,.nn-btn--secondary:focus-visible{background:color-mix(in srgb,var(--nn-hero-fg) 12%,transparent)}.nn-hero__scroll{position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:.5rem;z-index:1;color:color-mix(in srgb,var(--nn-hero-fg) 40%,transparent)}@media(min-width:640px){.nn-hero__scroll{display:flex;bottom:2rem}}.nn-hero__scroll-label{font-family:var(--nn-font-body);font-size:.5625rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase}.nn-hero__scroll-line{width:1px;height:2rem;background:linear-gradient(to bottom,currentColor 0%,transparent 100%);transform-origin:top;animation:nn-hero-scroll-pulse 2s ease-in-out infinite}[data-nn-anim]{opacity:0;transform:translateY(20px);animation:nn-hero-enter .8s cubic-bezier(.25,.1,.25,1) forwards}[data-nn-anim="1"]{animation-delay:.3s}[data-nn-anim="2"]{animation-delay:.5s;transform:translateY(30px)}[data-nn-anim="3"]{animation-delay:.7s}[data-nn-anim="4"]{animation-delay:.9s}[data-nn-anim="5"]{animation-delay:1.3s;transform:translateY(0)}@keyframes nn-hero-enter{to{opacity:1;transform:translateY(0)}}@keyframes nn-hero-ken-burns{to{transform:scale(1)}}@keyframes nn-hero-scroll-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}@media(prefers-reduced-motion:reduce){.nn-hero__media{animation:none;transform:none}[data-nn-anim]{opacity:1;transform:none;animation:none}.nn-hero__scroll-line{animation:none}}.nn-hero__subheadline{font-size:1rem;color:color-mix(in srgb,var(--nn-hero-fg) 90%,transparent);max-width:40rem}@media(min-width:640px){.nn-hero__subheadline{font-size:1.1875rem;line-height:1.7}}.nn-hero__ctas .nn-btn{font-size:.8125rem;padding:1.05rem 2.75rem;min-height:3.25rem}.nn-hero--h-medium .nn-hero__headline,.nn-hero--h-medium .nn-hero__headline p{white-space:nowrap}.nn-hero--h-medium .nn-hero__headline{font-size:clamp(2.5rem,7vw,6rem)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/nn-hero.css.map */