.pl:where(:not(.cev *)){--pw:max(100cqw, 100cqh * var(--pa));--ph:max(100cqh, 100cqw / var(--pa));left:calc((100cqw - var(--pw)) * var(--pfx) + var(--x) * var(--pw));top:calc((100cqh - var(--ph)) * var(--pfy) + var(--y) * var(--ph));font:700 calc(var(--f) * var(--ph)) / .8 var(--font-mono);white-space:pre;transform:translate(-50%, -50%) matrix(var(--m), 0, 0);position:absolute}.pl:where(:not(.cev *))[data-read]{outline:2px solid var(--accent);outline-offset:.5em}.pl-face{background:var(--ink);font:700 15px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;justify-items:center;gap:3px;padding:5px 9px 6px;display:inline-grid}.pl-face small{font:600 8px/1 var(--font-body)}.sw-framed{--sw-t:calc(var(--nav-h) + 2 * var(--nav-inset));--sw-hold:100svh;--sw-row:var(--sw-row-d);box-sizing:border-box;container-type:inline-size}.sw-hold{flex-direction:column;display:flex}.sw-run{display:contents}.sw-run,.sw-run>.sw-stage{order:-1}@media (width>=1000px){.sw-hold{max-block-size:max(100svh - var(--sw-t) - var(--nav-inset), 720px)}}.sw-track{display:none}.sw-framed .sw-stage{border-radius:var(--radius-xl);block-size:clamp(420px,min(78svh,100svh - 330px),56.25cqi);min-block-size:0}.sw-framed .sw-scan{display:none}@property --sw-gap{syntax:"<length>";inherits:false;initial-value:0}.sw-calls{margin:0;padding:0;list-style:none;position:absolute;inset:0}.sw-co{--tier:var(--tier-d,0);--cl:calc((var(--ay) - var(--sw-row)) * var(--h) + 24px + var(--tier) * 64px);--pw:calc(68px + max(var(--kc,0) * 10.2px, var(--lc,0) * 8.4px))}.sw-cq{--pw:calc(48px + max(var(--kc,0) * 8.9px, var(--lc,0) * 6.8px))}.sw-co:after{content:"";background:var(--ground);box-shadow:0 0 0 4px rgb(var(--scrim-ground) / .28);border:2px solid;border-radius:50%;position:absolute;inset:-5px}.sw-cl{inline-size:1px;block-size:var(--cl);box-shadow:0 0 2px rgb(var(--scrim-ground) / .5);background:currentColor;position:absolute;inset:auto auto 0 -.5px}.sw-cp{inset:auto auto var(--cl) 0;translate:clamp(12px - var(--px), 24px * (2 * var(--al) - 1) - 100% * var(--al), 100cqw - 12px - var(--px) - 100%);position:absolute}@media (width<=899px) and (aspect-ratio<=4/5){.sw-framed{--sw-hold:70svh;--sw-row:var(--sw-row-p)}.sw-framed .sw-stage{block-size:clamp(420px, 100svh - var(--sw-t) - 292px, 170cqi)}.sw-co{--tier:var(--tier-p,0);--cl:calc((var(--ay) - var(--sw-row)) * var(--h) + 24px + var(--tier) * 52px);--pw:calc(54px + max(var(--kc,0) * 8.9px, var(--lc,0) * 7.3px))}.sw-co .co{gap:8px;padding:4px 12px 4px 4px}.sw-co .co-d{block-size:28px;inline-size:28px}.sw-co .co-t{gap:2px;font-size:13px}.sw-co .co-k{font-size:11px}}@media (prefers-reduced-motion:no-preference) and (height>=620px){:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw.sw-framed{block-size:auto}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw-framed .sw-stage{position:relative;inset-block-start:auto}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw.sw-framed[data-live] :is(.sw-scan,.sw-reveal){will-change:auto}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw-track{inline-size:1px;block-size:calc(100svh + var(--sw-hold));visibility:hidden;pointer-events:none;display:block;position:absolute;inset-block-start:calc(-1 * var(--sw-t));inset-inline-start:0}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion][data-scroll-ready]):not([data-motion=off]) .sw-framed .sw-scan{display:block}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion][data-scroll-ready]):not([data-motion=off]) .sw-framed .sw-co{--sw-gap:min(var(--sw-x) + var(--sw-d) - .32492 * var(--y) - var(--px) - 8px, var(--sw-x) + var(--sw-d) - .32492 * (var(--y) - var(--cl)) - clamp(12px + var(--pw), var(--px) + 24px * (2 * var(--al) - 1) + var(--pw) * (1 - var(--al)), 100cqw - 12px) - 8px);--seen:clamp(0, tan(atan2(var(--sw-gap), 24px)), 1);opacity:var(--seen);translate:0 calc(4px * (1 - var(--seen)))}}@supports (opacity:sign(1px)){@media (prefers-reduced-motion:no-preference) and (height>=620px){:is(html[data-scroll-driver=css],html[data-scroll-driver=motion][data-scroll-ready]):not([data-motion=off]) .sw-framed .sw-co{--seen:clamp(0, (sign(var(--sw-gap) - 2px) + sign(var(--sw-gap) - 6px) + sign(var(--sw-gap) - 10px) + sign(var(--sw-gap) - 14px) + sign(var(--sw-gap) - 18px) + sign(var(--sw-gap) - 22px)) / 12 + .5, 1)}}}@media (prefers-reduced-motion:no-preference) and (height>=620px) and (not ((width<=899px) and (aspect-ratio<=4/5))){:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw-framed:after{content:"";block-size:var(--sw-hold);display:block}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw-hold{position:sticky;inset-block-start:var(--sw-t)}}@media (prefers-reduced-motion:no-preference) and (height>=620px) and (width<=899px) and (aspect-ratio<=4/5){:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw-run{display:block}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw-run:after{content:"";block-size:var(--sw-hold);display:block}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw-framed .sw-run>.sw-stage{block-size:min(100dvh - var(--sw-t) - var(--nav-inset), 100cqi / var(--sw-ar));position:sticky;inset-block-start:var(--sw-t)}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion][data-scroll-ready]):not([data-motion=off]) .sw-framed .sw-run>.sw-stage:after{content:"";background:linear-gradient(to right, var(--accent) calc(var(--sw-p) * 100%), color-mix(in oklab, var(--ink) 18%, transparent) 0);border-radius:1px;block-size:2px;position:absolute;inset:auto 24px 16px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (height>=620px){html[data-scroll-driver=css]:not([data-motion=off]) div.sw-framed{animation-timeline:--sw;animation-range:exit-crossing calc(-1 * var(--sw-t)) exit-crossing calc(var(--sw-hold) - var(--sw-t))}}}.sw{--sw-ar:var(--sw-ar-d);--sw-fx:var(--sw-fx-d);--sw-fy:var(--sw-fy-d);--sw-sa:var(--sw-sa-d);--sw-sb:var(--sw-sb-d);--sw-wa:var(--sw-wa-d);--sw-wb:var(--sw-wb-d);--sw-ok:color-mix(in oklab, var(--tint-ok) 52%, var(--ink));--sw-no:color-mix(in oklab, var(--orange-cta) 72%, var(--ink));position:relative}.sw-pin{--ax:var(--ax-d);--ay:var(--ay-d);--lift:var(--lift-d);--al:var(--al-d,0);--dn:var(--dn-d,0);--lead:26px;display:var(--show-d,block)}@media (width<=899px) and (aspect-ratio<=4/5){.sw{--sw-ar:var(--sw-ar-p);--sw-fx:var(--sw-fx-p);--sw-fy:var(--sw-fy-p);--sw-sa:var(--sw-sa-p);--sw-sb:var(--sw-sb-p);--sw-wa:var(--sw-wa-p);--sw-wb:var(--sw-wb-p)}.sw-pin{--ax:var(--ax-p);--ay:var(--ay-p);--lift:var(--lift-p);--al:var(--al-p,0);--dn:var(--dn-p,0);--lead:18px;display:var(--show-p,block)}}.sw-stage{isolation:isolate;background:var(--ground);--sw-d:16.246cqh;block-size:100svh;min-block-size:max(560px,32vw);position:relative;overflow:clip;container-type:size}.sw-pic{position:absolute;inset:0}.sw-base{background:color-mix(in oklab, var(--ground) 94%, var(--accent));display:none}.sw-base img{filter:saturate(.32)brightness(.8)contrast(.95);opacity:.6}.sw-scan{background:var(--accent);inline-size:2px;box-shadow:0 0 18px 1px color-mix(in oklch, var(--accent) 50%, transparent);rotate:18deg;translate:max(72cqw, 50cqw + min(50cqw - var(--gutter), 21rem) + 16px) 0;opacity:.9;position:absolute;inset-block:-12%;inset-inline-start:-1px;mask-image:linear-gradient(#0000 15%,#000 22% 34%,#0000 43%)}.sw-scan:before{content:"";background:linear-gradient(to left, color-mix(in oklch, var(--accent) 22%, transparent), transparent);inline-size:72px;position:absolute;inset-block:0;inset-inline-end:100%}.sw-chips{--pa:var(--sw-ar);--pfx:var(--sw-fx);--pfy:var(--sw-fy);margin:0;padding:0;list-style:none;position:absolute;inset:0}.sw-pl[data-c=p]{display:none}.sw-pin{--w:max(100cqw, 100cqh * var(--sw-ar));--h:max(100cqh, 100cqw / var(--sw-ar));--px:calc((100cqw - var(--w)) * var(--sw-fx) + var(--ax) * var(--w));--y:calc((100cqh - var(--h)) * var(--sw-fy) + var(--ay) * var(--h));--tone:var(--sw-ok);left:var(--px);top:var(--y);color:var(--ink);position:absolute}.sw-pin:is([data-tone=no],[data-tone=hit]){--tone:var(--sw-no)}@media (width<=899px) and (aspect-ratio<=4/5){.sw-scan{translate:82cqw}.sw-pl[data-c=d]{display:none}.sw-pl[data-c=p]{display:block}}@media (prefers-reduced-motion:no-preference) and (height>=620px){:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw{block-size:calc(100svh + max(100svh,min(190svh,100vw + 32.5svh)))}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw-stage{min-block-size:0;position:sticky;inset-block-start:0}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw-base{display:block}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion][data-scroll-ready]):not([data-motion=off]) .sw-scan{mask-image:none}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw[data-live] .sw-scan{will-change:translate, opacity}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion]):not([data-motion=off]) .sw[data-live] .sw-reveal{will-change:clip-path}.sw{--sw-p:var(--p,0)}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion][data-scroll-ready]):not([data-motion=off]) .sw-stage{--sw-s:clamp(0, calc((var(--sw-p) - var(--sw-sa)) / (var(--sw-sb) - var(--sw-sa))), 1);--sw-x:calc(var(--sw-s) * (100cqw + 2 * var(--sw-d)) - var(--sw-d))}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion][data-scroll-ready]):not([data-motion=off]) :is(.sw-reveal,.sw-chips){clip-path:polygon(0 0, calc(var(--sw-x) + var(--sw-d)) 0, calc(var(--sw-x) - var(--sw-d)) 100%, 0 100%)}:is(html[data-scroll-driver=css],html[data-scroll-driver=motion][data-scroll-ready]):not([data-motion=off]) .sw-scan{translate:var(--sw-x) 0;opacity:calc(.9 * min(1, var(--sw-s) * 25, (1 - var(--sw-s)) * 25))}}@property --sw-p{syntax:"<number>";inherits:true;initial-value:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (height>=620px){html[data-scroll-driver=css]:not([data-motion=off]) .sw{view-timeline:--sw block;view-timeline-inset:0;animation:linear both sw-p}html[data-scroll-driver=css]:not([data-motion=off]) section.sw{animation-timeline:--sw;animation-range:contain}}}@keyframes sw-p{0%{--sw-p:0}to{--sw-p:1}}