.hero{position:relative;width:100%;min-height:100svh;display:flex;align-items:center;overflow:hidden;background-color:var(--color-bg-primary)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;will-change:transform}.hero__image--poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.hero__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 60%,#1A2D4A 0%,transparent 60%),radial-gradient(ellipse at 70% 20%,#0F2038 0%,transparent 55%),var(--color-bg-primary)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(160deg,rgba(0,0,0,var(--hero-overlay-opacity, .55)),rgba(13,20,33,calc(var(--hero-overlay-opacity, .55) * 1.1)))}.hero__content{position:relative;z-index:10;padding-top:calc(var(--header-height) + var(--space-16));padding-bottom:var(--space-32);max-width:var(--container-max);text-align:center;display:flex;flex-direction:column;align-items:center}.hero__eyebrow{margin-bottom:var(--space-5);opacity:0;transform:translateY(12px);transition:opacity .7s ease .1s,transform .7s ease .1s}.hero__eyebrow.is-visible{opacity:1;transform:translateY(0)}.hero__headline{font-family:var(--font-family-display);font-size:var(--font-size-hero);font-weight:var(--font-weight-black);letter-spacing:-.04em;line-height:.9;color:var(--color-text-primary);margin-bottom:var(--space-6);max-width:14ch;opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.16,1,.3,1) .2s,transform .9s cubic-bezier(.16,1,.3,1) .2s}.hero__headline.is-visible{opacity:1;transform:translateY(0)}.hero__headline:after{content:""}.hero__subline{font-family:var(--font-family-display);font-size:clamp(1.125rem,2.5vw,1.875rem);font-weight:var(--font-weight-medium);letter-spacing:-.01em;line-height:var(--line-height-snug);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:36ch;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .8s ease .35s,transform .8s ease .35s}.hero__subline.is-visible{opacity:1;transform:translateY(0)}.hero__body{font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-secondary);max-width:46ch;margin-bottom:var(--space-8);opacity:0;transform:translateY(16px);transition:opacity .7s ease .45s,transform .7s ease .45s}.hero__body.is-visible{opacity:1;transform:translateY(0)}.hero__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;opacity:0;transform:translateY(16px);transition:opacity .7s ease .5s,transform .7s ease .5s}.hero__actions.is-visible{opacity:1;transform:translateY(0)}.hero__scroll-cue{position:absolute;bottom:var(--space-10);left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);opacity:0;transition:opacity .7s ease .8s}.hero__scroll-cue.is-visible{opacity:1}.is-scrolled .hero__scroll-cue{opacity:0;pointer-events:none;transition:opacity .3s ease}.hero__scroll-label{color:var(--color-text-tertiary);font-size:10px}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--color-text-tertiary),transparent);animation:scroll-line 2s ease-in-out infinite}@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top;opacity:1}50%{transform:scaleY(1);transform-origin:top;opacity:1}51%{transform:scaleY(1);transform-origin:bottom;opacity:1}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}.hero__fade-bottom{position:absolute;bottom:0;left:0;right:0;height:160px;background:linear-gradient(to bottom,transparent,var(--color-bg-primary));z-index:5;pointer-events:none}@media(prefers-reduced-motion:reduce){.hero__headline,.hero__subline,.hero__body,.hero__actions,.hero__eyebrow,.hero__scroll-cue{opacity:1;transform:none;transition:none}.hero__scroll-line{animation:none;opacity:.3}}@media(max-width:768px){.hero{min-height:100svh;align-items:flex-end}.hero__content{padding-top:calc(var(--header-height) + var(--space-8));padding-bottom:var(--space-20)}.hero__headline,.hero__subline{max-width:none}.hero__actions{flex-direction:column;align-items:flex-start}.hero__actions .btn{width:100%;justify-content:center}.hero__scroll-cue{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero.css.map */