.hero{position:relative;display:grid;width:100%;min-height:42rem;height:var(--hero-h-fallback);height:var(--hero-h);overflow:hidden;isolation:isolate;background:var(--c-bg);color:var(--hero-fg)}.hero--light{--hero-fg: var(--c-bg);--hero-fg-rgb: var(--c-bg-rgb);--hero-overlay-rgb: var(--c-fg-rgb)}.hero--dark{--hero-fg: var(--c-fg);--hero-fg-rgb: var(--c-fg-rgb);--hero-overlay-rgb: var(--c-bg-rgb)}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--c-bg)}.hero__media picture,.hero__image,.hero__video,.hero__video-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero__image,.hero__video-el{object-fit:cover;object-position:center}.hero__image.placeholder-svg{opacity:.4}.hero__video{z-index:1;display:block;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease)}.hero__video.is-ready{opacity:1}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(var(--hero-overlay-rgb),var(--hero-overlay, 0));pointer-events:none}.hero__video-toggle{position:absolute;right:var(--page-pad);bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));z-index:4;width:4.4rem;height:4.4rem;display:grid;place-items:center;pointer-events:auto;color:var(--hero-fg);background:rgba(var(--hero-overlay-rgb),.35)}.hero__video-toggle:hover{background:rgba(var(--hero-overlay-rgb),.55)}.hero__video-icon{display:grid;place-items:center}.hero__video-icon svg{width:1.2rem;height:1.4rem}.hero__video-icon--play{display:none}.hero__video.is-paused .hero__video-icon--play{display:grid}.hero__video.is-paused .hero__video-icon--pause{display:none}.hero__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4);align-self:end;padding-top:calc(var(--header-height) + var(--sp-7));padding-bottom:calc(var(--sp-9) + env(safe-area-inset-bottom))}.hero--m-center .hero__content{align-self:center;align-items:center;text-align:center;padding-top:var(--sp-7);padding-bottom:var(--sp-7)}.hero__logo{display:flex;justify-content:center;width:100%}.hero__logo img{width:72vw;max-width:100%;height:auto}.hero__eyebrow{color:var(--hero-fg);opacity:.85}.hero__tagline{font-size:calc(var(--fs-4xl) * var(--display-scale, 1));line-height:var(--lh-tight);max-width:16ch;text-wrap:balance;color:var(--hero-fg)}.hero__tagline--small{margin-top:var(--sp-2);max-width:40ch;font-family:var(--font-mono);font-size:var(--fs-xs);line-height:var(--lh-base);letter-spacing:.08em;text-transform:uppercase}.hero--m-center .hero__tagline{max-width:20ch}.hero--m-center .hero__tagline--small{max-width:40ch}.hero__cta{margin-top:var(--sp-2);min-height:5.2rem;padding-inline:var(--sp-6)}.hero--light .hero__cta{--btn-bg: var(--c-bg);--btn-fg: var(--c-fg);--btn-border: var(--c-bg)}.hero--light .hero__cta:hover{--btn-bg: transparent;--btn-fg: var(--c-bg);--btn-border: var(--c-bg)}.hero--dark .hero__cta{--btn-bg: var(--c-fg);--btn-fg: var(--c-bg);--btn-border: var(--c-fg)}.hero--dark .hero__cta:hover{--btn-bg: transparent;--btn-fg: var(--c-fg);--btn-border: var(--c-fg)}@media(min-width:750px){.hero__content{padding-bottom:calc(var(--sp-8) + env(safe-area-inset-bottom))}.hero__logo img{width:var(--hero-logo-w, 50vw)}.hero__tagline--small{font-size:var(--fs-sm)}.hero__cta{margin-top:var(--sp-3)}}@media(min-width:990px){.hero--d-bottom-left .hero__content{align-self:end;align-items:flex-start;text-align:left}.hero--d-bottom-left .hero__logo{justify-content:flex-start}.hero--d-bottom-center .hero__content{align-self:end;align-items:center;text-align:center}.hero--d-center .hero__content{align-self:center;align-items:center;text-align:center;padding-top:var(--sp-7);padding-bottom:var(--sp-7)}.hero--d-bottom-left .hero__content,.hero--d-bottom-center .hero__content{padding-top:calc(var(--header-height) + var(--sp-7));padding-bottom:calc(var(--sp-8) + env(safe-area-inset-bottom))}.hero--d-bottom-center .hero__tagline,.hero--d-center .hero__tagline{max-width:22ch}.hero--d-bottom-left .hero__tagline{max-width:18ch}.hero--d-bottom-center .hero__tagline--small,.hero--d-center .hero__tagline--small,.hero--d-bottom-left .hero__tagline--small{max-width:48ch}}@media(prefers-reduced-motion:no-preference){html:not(.no-motion) .hero__content>*{animation:hero-rise .6s var(--ease-out) both;animation-delay:calc(.18s + var(--i, 0) * .12s)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-hero-fullscreen.css.map */