.reel{position:relative;height:100svh;min-height:600px;overflow:hidden;background:#000}.reel video,.reel .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s}.reel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,#000000e0,#0006 36%,#0000 60%),linear-gradient(to bottom,#0000008c,#0000 18%)}.reel-copy{position:absolute;z-index:2;left:var(--gut);right:var(--gut);bottom:calc(68px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px}.reel h1{font:900 clamp(72px,11.5vw,196px)/.8 var(--display);text-transform:uppercase}.reel h1 span{display:block}.reel-lead{max-width:34ch;margin-top:clamp(18px,2.4vw,32px);font-size:clamp(15px,1.25vw,19px);color:#edebe6e0}.reel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.now{justify-self:end;text-align:right;display:grid;gap:6px;min-width:220px}.now .what{font:800 clamp(24px,2.4vw,38px)/1 var(--display);text-transform:uppercase}.now button{justify-self:end;font-size:13px;color:var(--etyp);font-weight:400}.now button:hover{text-decoration:underline;text-underline-offset:4px}.track{position:absolute;z-index:2;left:var(--gut);right:var(--gut);bottom:calc(26px + env(safe-area-inset-bottom));display:flex;gap:3px;height:22px;align-items:end}.track button{position:relative;flex:1;height:100%;display:flex;align-items:end}.track button:before{content:"";width:100%;height:3px;background:#edebe638;transition:height .2s,background .2s}.track button:hover:before{height:7px;background:#edebe680}.track i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--light);pointer-events:none}.track button.on i{background:var(--etyp)}.track b{position:absolute;left:0;bottom:10px;font:400 10px/1 var(--mono);color:#edebe68c;opacity:0;transition:opacity .2s}.track button.on b,.track button:hover b{opacity:1}@media(max-width:860px){.reel-copy{grid-template-columns:1fr;bottom:calc(60px + env(safe-area-inset-bottom))}.now{justify-self:start;text-align:left;min-width:0;grid-auto-flow:column;align-items:baseline;gap:12px}.now .tc{display:none}.now .what{font-size:22px}.now button{font-size:12px}}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding-top:4px}.facts div{background:var(--film);padding:clamp(18px,2.4vw,32px);display:grid;gap:8px;align-content:start}.facts b{font:900 clamp(48px,6vw,96px)/.85 var(--display);text-transform:uppercase}.facts span{color:var(--soft);max-width:26ch}@media(max-width:760px){.facts{grid-template-columns:1fr}.facts div{grid-template-columns:110px 1fr;align-items:center}.facts b{font-size:46px}}.svc-list{border-top:1px solid var(--line)}.svc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) clamp(140px,18vw,280px) 40px;gap:clamp(16px,3vw,48px);align-items:center;padding:clamp(22px,3vw,40px) 0;border-bottom:1px solid var(--line);transition:background .2s}.svc h3{font:800 clamp(48px,7vw,118px)/.85 var(--display);text-transform:uppercase;transition:color .2s}.svc p{max-width:42ch;color:var(--soft)}.svc .mono{display:block;margin-top:12px}.svc .arrow{font-size:28px;color:var(--ash);transition:transform .2s,color .2s}.svc:hover h3{color:var(--etyp)}.svc:hover .arrow{transform:translate(6px);color:var(--light)}.peek{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--film);display:block}.peek img,.peek video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.peek video{opacity:0;transition:opacity .4s}.peek.playing video{opacity:1}@media(max-width:860px){.svc{grid-template-columns:1fr clamp(96px,26vw,140px)}.svc>div{grid-column:1 / -1;grid-row:2}.svc .peek{grid-row:1;grid-column:2;aspect-ratio:1}.svc .arrow{display:none}}.test{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,110px);padding-top:clamp(110px,14vw,200px);align-items:start}.test h2{font:900 clamp(64px,10vw,170px)/.82 var(--display);text-transform:uppercase}.test h2 small{display:block;font-weight:500;color:var(--etyp)}.test .terms{margin-top:22px;display:grid;gap:6px;color:var(--ash)}@media(max-width:860px){.test{grid-template-columns:1fr}}
