.s-hero{position:relative;min-height:100svh;background:var(--c-black);display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-img{position:absolute;right:0;bottom:0;left:0;width:100%;height:115%;top:-7.5%;object-fit:cover;object-position:right center;display:block;will-change:transform}.hero-gradient{position:absolute;display:block!important;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--c-black) 28%,rgba(8,8,8,.6) 48%,rgba(8,8,8,.1) 72%,rgba(8,8,8,0) 100%)}.hero-gradient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(8,8,8,.6) 0%,transparent 20%,transparent 75%,rgba(8,8,8,.9) 100%)}.hero-content{position:relative;z-index:1;padding-top:120px;padding-bottom:100px;max-width:640px}.hero-eyebrow{display:inline-block;font-size:var(--t-label);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--c-blue);margin-bottom:28px;opacity:.85}.hero-headline{font-size:var(--t-display);font-weight:300;letter-spacing:-.035em;line-height:.97;color:var(--c-white);margin-bottom:28px}.hero-sub{font-size:clamp(17px,1.8vw,21px);font-weight:300;line-height:1.65;color:var(--c-text-dim-dark);max-width:420px;margin-bottom:44px}.hero-ctas{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.hero-founder{font-size:var(--t-xs);font-weight:400;letter-spacing:.04em;color:#f5f4f057}.hero-scroll{position:absolute;bottom:36px;left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.3;animation:scrollBounce 2.5s ease-in-out infinite}.hero-scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,transparent,var(--c-white))}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@media(max-width:768px){.hero-img{opacity:.65;object-fit:contain}.hero-gradient{background:linear-gradient(to bottom,var(--c-black) 0%,rgba(8,8,8,.75) 30%,rgba(8,8,8,.25) 60%,var(--c-black) 100%)}.hero-content{padding-top:100px;padding-bottom:80px;max-width:100%}.hero-ctas{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.hero-img{transform:none!important}.hero-scroll{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/hero-image-banner.css.map */