.hero{position:relative;--q:0;--p:0}.hero,.hero-stage{background:var(--color-umber)}.hero-stage{position:sticky;top:0;height:100svh;overflow:hidden}.hero-frame{position:absolute;inset:0;overflow:hidden}.hero-frame img,.hero-frame picture,.hero-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-frame video{opacity:0;transition:opacity .4s var(--ease-house)}.hero[data-film=ready] .hero-frame video{opacity:1}.hero-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(24,18,14,.56),rgba(24,18,14,.46) 8%,rgba(24,18,14,.14) 15%,rgba(24,18,14,0) 22%),linear-gradient(0deg,rgba(24,18,14,.55),rgba(24,18,14,0) 26%),linear-gradient(90deg,rgba(24,18,14,.62),rgba(24,18,14,.62) 32%,rgba(24,18,14,.593) 36%,rgba(24,18,14,.523) 40%,rgba(24,18,14,.424) 44%,rgba(24,18,14,.31) 48%,rgba(24,18,14,.196) 52%,rgba(24,18,14,.097) 56%,rgba(24,18,14,.027) 60%,rgba(24,18,14,0) 64%)}.hero[data-hero=flow-woman-v1]{--film-x:clamp(160px,17vw,360px);--copy-r:calc(max(var(--gutter), (100vw - 1440px) / 2) + 9.31 * clamp(40px, 5.4vw, 84px))}.hero[data-hero=flow-woman-v1] .hero-frame{left:var(--film-x)}.hero[data-hero=flow-woman-v1] .hero-frame :is(img,video){object-position:0 30%}.hero[data-hero=flow-woman-v1] .hero-veil{left:calc(-1 * var(--film-x));background:linear-gradient(180deg,rgba(24,18,14,.5) 0,rgba(24,18,14,.36) 8%,rgba(24,18,14,.1) 15%,rgba(24,18,14,0) 22%),linear-gradient(0deg,rgba(24,18,14,.78) 0,rgba(24,18,14,.56) 7%,rgba(24,18,14,.2) 15%,rgba(24,18,14,0) 24%),linear-gradient(90deg,rgba(24,18,14,1) var(--film-x),rgba(24,18,14,.82) calc(var(--film-x) + 72px),rgba(24,18,14,.74) calc(var(--copy-r) - 300px),rgba(24,18,14,.66) calc(var(--copy-r) - 200px),rgba(24,18,14,.58) calc(var(--copy-r) - 100px),rgba(24,18,14,.46) var(--copy-r),rgba(24,18,14,.26) calc(var(--copy-r) + 70px),rgba(24,18,14,.1) calc(var(--copy-r) + 140px),rgba(24,18,14,0) calc(var(--copy-r) + 210px))}.hero[data-hero=flow-woman-v1] .hero-veil:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,18,14,.5) 0,rgba(24,18,14,.5) calc(var(--copy-r) - 60px),rgba(24,18,14,.3) calc(var(--copy-r) + 40px),rgba(24,18,14,.1) calc(var(--copy-r) + 140px),rgba(24,18,14,0) calc(var(--copy-r) + 240px));opacity:clamp(0,calc((var(--p) - .6) * 6),1)}.hero-dim{position:absolute;inset:0;background:var(--color-umber);opacity:calc(min(1, var(--q) * 1.6) * .72);pointer-events:none}.hero-copy{position:absolute;left:0;right:0;bottom:clamp(104px,15vh,168px);opacity:clamp(0,calc(1 - var(--q) * 3.2),1);transform:translate3d(0,calc(var(--q) * -40px),0)}.hero-h1{font-size:clamp(40px,5.4vw,84px);font-weight:400;line-height:1.04;letter-spacing:-.045em}.hero-strip{position:absolute;left:0;right:0;bottom:24px;opacity:clamp(0,calc(1 - var(--q) * 4),1)}.hero-progress{position:relative;height:1px;background:rgba(243,238,230,.36)}.hero-playhead{position:absolute;bottom:0;left:calc(var(--p) * 100%);transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--color-signal)}.hero-scrub{height:220svh}.hero-after{position:relative;z-index:2}@media (max-width:47.99rem),(orientation:portrait) and (max-width:64rem){.hero-frame{bottom:auto;height:min(133.333vw,58svh)}.hero-frame img,.hero-frame video{object-position:50% 38%}.hero-veil{background:linear-gradient(180deg,rgba(24,18,14,.34),rgba(24,18,14,0) 16%,rgba(24,18,14,0) 60%,rgba(24,18,14,.55) 82%,rgba(24,18,14,1))}.hero-copy{bottom:auto;top:calc(min(133.333vw, 58svh) - 36px);opacity:clamp(0,calc(1 - var(--q) * 8),1)}.hero-h1{font-size:clamp(36px,10.4vw,64px)}.hero-strip{bottom:18px}.hero-cats{display:none!important}.hero-scrub{height:170svh}.hero[data-hero=flow-woman-v1] .hero-frame,.hero[data-hero=flow-woman-v1] .hero-veil{left:0}.hero[data-hero=flow-woman-v1] .hero-frame :is(img,video){object-position:50% 30%}.hero[data-hero=flow-woman-v1] .hero-veil:after{content:none}.hero[data-hero=flow-woman-v1] .hero-veil{background:linear-gradient(180deg,rgba(24,18,14,.34),rgba(24,18,14,0) 16%,rgba(24,18,14,0) 60%,rgba(24,18,14,.55) 82%,rgba(24,18,14,1))}}@media (prefers-reduced-motion:reduce){.hero-scrub{height:0}.hero-copy,.hero-strip{transform:none}}.hero[data-film=static] .hero-playhead{display:none}