.film{--film-length:2650vh;background:var(--void);height:100svh;position:relative}.film.is-open{height:var(--film-length)}[data-tier=lite] .film{--film-length:1800vh}.film-stage{background:var(--void);height:100svh;position:sticky;top:0;overflow:hidden}.film-poster img{object-fit:cover;color:#0000;width:100%;height:100%;position:absolute;inset:0}.film-stage canvas{opacity:0;width:100%;height:100%;transition:opacity .5s linear;display:block;position:absolute;inset:0}.film-stage.is-live canvas{opacity:1}.film-stage.is-live .film-poster{visibility:hidden;transition:visibility 0s .6s}.film.is-off canvas{display:none}.film-stage:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#020204b8,#0000);height:96px;position:absolute;inset:0 0 auto}.caption{z-index:2;opacity:0;pointer-events:none;text-shadow:0 1px 10px #000;width:min(21em,32vw);margin:0;transition:opacity .35s;position:absolute;top:50%;translate:0 -50%}.caption.left{left:max(5vw, env(safe-area-inset-left,0px))}.caption.right{right:max(5vw, env(safe-area-inset-right,0px))}.caption.on{opacity:1}.caption strong{border-bottom:2px solid;border-image:var(--spectrum) 1;text-wrap:balance;padding-bottom:10px;font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1.25;display:block}.caption span{color:#c4c8d0;padding-top:10px;font-size:clamp(14px,1.2vw,16px);line-height:1.7;display:block}.caption-price{color:#fff;font-variant-numeric:tabular-nums;padding-top:12px;font-size:clamp(22px,2.3vw,30px);font-weight:900;line-height:1.2;display:block}.caption-link{color:#000;text-shadow:none;background:#fff;border-radius:4px;margin-top:14px;padding:8px 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.caption.on .caption-link{pointer-events:auto}.film-load{left:var(--gutter);z-index:3;color:var(--ash);font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #000;font-size:13px;position:absolute;bottom:22px}.film-load[hidden]{display:none}.film-skip{right:var(--gutter);z-index:3;color:#fff;text-underline-offset:4px;text-shadow:0 1px 6px #000;padding:6px 0;font-size:14px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;position:absolute;bottom:18px}.film-skip:hover{text-decoration-thickness:2px}.film-bar{z-index:3;background:var(--spectrum);transform-origin:0;height:2px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.film.is-off .film-bar{display:none}#hud{z-index:4;color:#eee;white-space:pre;background:#000000b8;margin:0;padding:8px 10px;font:12px/1.5 Consolas,monospace;position:absolute;top:72px;left:12px}#hud[hidden]{display:none}@media (aspect-ratio<=1){.caption{top:auto;left:max(16px, env(safe-area-inset-left,0px));right:max(16px, env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 58px);width:auto;translate:none}.caption.left{left:max(16px, env(safe-area-inset-left,0px))}.caption.right{right:max(16px, env(safe-area-inset-right,0px))}.caption span{color:#d6d9df}.film-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#020204d6 50%);height:42%;position:absolute;inset:auto 0 0}.film-load{left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px)}.film-skip{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}}.pick{border-bottom:1px solid var(--rule);gap:20px 40px;padding-block:36px;display:grid}.pick-media{min-width:0}.pick-media img{width:100%}.pick h3{font-size:clamp(22px,2.4vw,30px);font-weight:700}.pick-for{color:var(--ash);margin-top:2px}.pick .price{margin-top:18px}.pick .specs{margin-top:22px}.pick .btn{margin-top:24px}.pick-lead{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;padding-top:12px}.pick-lead .pick-media{margin-left:calc(var(--gutter) * -.5)}.pick-lead .price{font-size:clamp(60px,8vw,112px)}.pick:not(.pick-lead){grid-template-columns:minmax(0,3fr) minmax(0,9fr);align-items:center}.pick:not(.pick-lead) .pick-body{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price""note price""specs btn";align-items:end;gap:0 40px;display:grid}.pick:not(.pick-lead) h3{grid-area:name}.pick:not(.pick-lead) .pick-for{grid-area:note}.pick:not(.pick-lead) .price{grid-area:price;place-self:start end;margin-top:0}.pick:not(.pick-lead) .specs{grid-area:specs;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.pick:not(.pick-lead) .btn{grid-area:btn;justify-self:end;margin-top:18px}.band-more{margin-top:24px}.load-note{color:var(--ash);padding-block:32px}.steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px clamp(20px,3vw,40px);margin-top:28px;display:grid}.steps li{counter-increment:step}.steps li:before{content:counter(step);letter-spacing:-.02em;font-size:clamp(72px,9vw,120px);font-weight:900;line-height:1;display:block}.steps h3{margin-top:14px;font-size:20px}.steps p{color:var(--ash);margin-top:6px}.slab{padding:clamp(48px, 7vw, 96px) var(--gutter);background:var(--slab);color:var(--slab-ink);margin-top:clamp(64px,9vw,120px)}.slab-inner{max-width:var(--page);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(32px,5vw,80px);margin-inline:auto;display:grid}.slab h2{font-size:clamp(40px,6vw,80px);font-weight:900;line-height:1.12}.kit li{border-top:3px solid var(--slab-ink);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2px 24px;padding-block:18px;display:grid}.kit li:last-child{border-bottom:3px solid var(--slab-ink)}.kit h3{font-size:20px;font-weight:800}.kit p{color:#30333b}.terms{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px clamp(24px,4vw,56px);margin-top:24px;display:grid}.term-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(96px,13vw,176px);font-weight:900;line-height:1}.term-num span{letter-spacing:0;margin-left:.08em;font-size:.26em;font-weight:700}.term h3{margin-top:10px;font-size:20px}.term p:last-child{color:var(--ash);margin-top:4px}.band-tight{padding-top:clamp(48px,6vw,80px)}.swap{border-block:1px solid var(--rule-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 48px;padding-block:28px;display:flex}.swap h2{font-size:clamp(26px,3vw,36px);font-weight:800}.swap p{max-width:38em;color:var(--ash);margin-top:6px}.faq summary{cursor:pointer;padding:18px 44px 18px 0;font-size:clamp(17px,1.6vw,20px);font-weight:700;list-style:none;display:block;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:26px;font-weight:400;line-height:1;position:absolute;top:50%;right:4px;translate:0 -50%}.faq details[open] summary:after{content:"−"}.faq details{border-bottom:1px solid var(--rule)}.faq details p{max-width:42em;color:var(--ash);padding-bottom:22px}.closing{max-width:calc(var(--page) + 2 * var(--gutter));padding:clamp(72px, 10vw, 140px) var(--gutter) 0;margin-inline:auto}.closing h2{max-width:14em;font-size:clamp(36px,6.2vw,84px);font-weight:900;line-height:1.16}.closing-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.closing-actions .btn{min-width:180px;min-height:56px;font-size:17px}.closing>p{color:var(--ash);margin-top:18px}@media (width<=860px){.pick-lead,.pick:not(.pick-lead){grid-template-columns:minmax(0,1fr)}.pick-lead .pick-media{margin-inline:calc(var(--gutter) * -1)}.pick:not(.pick-lead) .pick-body{display:block}.pick:not(.pick-lead) .price{margin-top:14px}.pick:not(.pick-lead) .specs{grid-template-columns:repeat(2,minmax(0,1fr))}.pick .btn{width:100%}.steps{grid-template-columns:minmax(0,1fr);gap:0;margin-top:8px}.steps li{border-bottom:1px solid var(--rule);grid-template-columns:76px minmax(0,1fr);padding-block:16px;display:grid}.steps li:before{grid-row:1/span 2;font-size:64px}.steps h3{margin-top:2px}.slab-inner,.kit li,.terms{grid-template-columns:minmax(0,1fr)}.term{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,148px) minmax(0,1fr);align-items:end;gap:0 12px;padding-block:12px;display:grid}.term-num{grid-row:1/span 2;font-size:84px}.term h3{margin-top:0}.swap .btn{width:100%}.closing-actions .btn{flex:100%}}
