.tof-hero{--tof-p: 0;--tof-hero-h: 100vh;position:relative;isolation:isolate;display:flex;width:100%;min-height:52rem;height:calc(var(--tof-hero-h) - var(--tof-hero-top, 0px));overflow:hidden;background:var(--tof-ink);color:var(--tof-white)}.tof-hero--full{--tof-hero-h: 100vh}.tof-hero--large{--tof-hero-h: 86vh}.tof-hero--medium{--tof-hero-h: 68vh}@supports (height: 100svh){.tof-hero--full{--tof-hero-h: 100svh}.tof-hero--large{--tof-hero-h: 86svh}.tof-hero--medium{--tof-hero-h: 68svh}}.tof-hero__media,.tof-hero__parallax,.tof-hero__drift,.tof-hero__settle{position:absolute;top:0;right:0;bottom:0;left:0}.tof-hero__media{z-index:0;overflow:hidden}.tof-hero__img,.tof-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--tof-focal, 70% 50%)}.tof-hero__video{opacity:0;transition:opacity 1.8s var(--tof-ease)}.tof-hero.is-video-playing .tof-hero__video{opacity:1}@media screen and (max-width:749px){.tof-hero__img{object-position:var(--tof-focal-mobile, 50% 40%)}}.tof-hero .tof-hero__shade{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0009,#0000 22%),linear-gradient(0deg,#000000e6,#0006 34%,#0000 60%),linear-gradient(rgba(0,0,0,var(--tof-overlay, .35)),rgba(0,0,0,var(--tof-overlay, .35)))}@media screen and (min-width:750px){.tof-hero--align-left .tof-hero__shade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000b3,#00000040 45%,#0000 70%)}}.tof-hero .tof-hero__curtain{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--tof-ink);pointer-events:none;opacity:0}.tof-hero__inner{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:calc(var(--header-height, 0px) + 3.2rem) var(--tof-gutter) clamp(2rem,3.6vw,4.4rem)}.tof-hero--center .tof-hero__inner{justify-content:center}.tof-hero--align-center .tof-hero__inner{align-items:center;text-align:center}.tof-hero__heading{max-width:4.4em;margin-top:1.4rem;font-size:clamp(6.4rem,33vw,18rem);color:var(--tof-white)}.tof-hero__text{max-width:44ch;margin:2.4rem 0 0;font-size:1.5rem;line-height:1.6;color:#ffffffb8}.tof-hero__foot{display:grid;grid-template-columns:1fr;gap:1.2rem;width:100%;margin-top:2.8rem;padding-top:1.6rem;border-top:1px solid var(--tof-rule)}.tof-hero__caption{order:3}@media screen and (max-width:749px){.tof-hero__foot .tof-label{letter-spacing:.1em}}@media screen and (min-width:750px){.tof-hero__heading{margin-top:2rem;font-size:clamp(9.6rem,16.5vw,28rem)}.tof-hero__foot{grid-template-columns:1fr auto 1fr;align-items:center;gap:3.2rem;margin-top:clamp(3.2rem,4.4vw,6.4rem);padding-top:2rem}.tof-hero__caption{order:0;justify-self:end;text-align:right}.tof-hero--align-center .tof-hero__foot>*{justify-self:center}}.tof-hero--align-center .tof-hero__heading,.tof-hero--align-center .tof-hero__text{margin-left:auto;margin-right:auto}@media(prefers-reduced-motion:no-preference){.tof-hero--motion .tof-hero__curtain{opacity:1;animation:tof-hero-lift 1.8s var(--tof-ease) .1s forwards}.tof-hero--motion .tof-hero__settle{animation:tof-hero-settle 3.6s var(--tof-ease-slow) both}.tof-hero--motion .tof-hero__drift{animation:tof-hero-drift 40s ease-in-out 3.6s infinite alternate}.tof-hero--motion .tof-hero__parallax{transform:translate3d(0,calc(var(--tof-p) * 16%),0);will-change:transform}.tof-hero--motion .tof-hero__inner{opacity:calc(1 - var(--tof-p) * 1.6);transform:translate3d(0,calc(var(--tof-p) * -6rem),0)}}@keyframes tof-hero-lift{to{opacity:0}}@keyframes tof-hero-settle{0%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes tof-hero-drift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.07) translate3d(-1.6%,-1.2%,0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tof-hero.css.map */