.cs-head{padding-block:calc(var(--s-24) + var(--tap)) var(--s-12);display:grid;gap:var(--s-4);max-width:54rem;margin-inline:auto}.cs-head h1{font-family:var(--f-display);font-size:var(--t-display);line-height:.95;letter-spacing:-.035em;margin:0}.cs-kicker{letter-spacing:.08em;text-transform:uppercase}.cs-lede{font-size:var(--t-lead);color:var(--titanium);max-width:42ch;text-wrap:pretty}.cs-back{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);color:var(--titanium);white-space:nowrap}.cs-back:hover{color:var(--bone)}.cs-back .ic{transform:scaleX(-1)}.cs-facts{max-width:54rem;margin-inline:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-6);margin:0 0 var(--s-16);padding:var(--s-6) 0;border-block:1px solid var(--line)}.cs-facts div{min-width:0}.cs-facts dt{letter-spacing:.08em;text-transform:uppercase}.cs-facts dd{margin:var(--s-2) 0 0;font-size:1rem;overflow-wrap:anywhere}.cs-body{display:grid;gap:var(--s-16);max-width:54rem;margin-inline:auto}.cs-sec{display:grid;gap:var(--s-4)}.cs-sec h2{font-family:var(--f-display);font-size:var(--t-section);line-height:1.05;letter-spacing:-.025em;margin:0 0 var(--s-2)}.cs-sec p{max-width:68ch;text-wrap:pretty}.cs-note{margin-top:var(--s-4);padding:var(--s-6);background:var(--graphite);border:1px solid var(--line);border-left:2px solid var(--chrome-2);border-radius:var(--r-md);display:grid;gap:var(--s-3)}.cs-note__label{letter-spacing:.08em;text-transform:uppercase}.cs-note p{margin:0;color:var(--bone)}.cs-limits ul{margin:0;padding-left:1.1rem;display:grid;gap:var(--s-3)}.cs-limits li{max-width:68ch;color:var(--titanium);text-wrap:pretty}.shot{margin:0;display:grid;gap:var(--s-3)}.shot__frame{position:relative;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--graphite)}.shot__frame img{display:block;width:100%;height:auto}.shot__tag{position:absolute;left:var(--s-4);bottom:var(--s-4);padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--titanium)}.shot figcaption{max-width:60ch}.cs-next{max-width:54rem;margin-inline:auto;display:flex;flex-wrap:wrap;gap:var(--s-4);padding-block:var(--s-24) var(--s-12)}.will-in{opacity:0;transition:opacity .7s var(--ease)}.is-in{opacity:1}@media (prefers-reduced-motion: reduce){.will-in{opacity:1;transition:none}}@media (max-width: 640px){.cs-head{padding-block:calc(var(--s-16) + var(--tap)) var(--s-8)}.cs-facts{gap:var(--s-4)}}.demo__stage{position:relative;border:1px solid var(--line);border-radius:var(--r-md);background:var(--graphite);aspect-ratio:16 / 10;overflow:hidden}.demo__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.demo__canvas canvas{display:block;width:100%;height:100%;cursor:grab}.demo__canvas canvas:active{cursor:grabbing}.demo__fallback{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:grid;place-content:center;text-align:center;padding:var(--s-8);max-width:44ch;margin-inline:auto}.demo__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s-4) var(--s-6);align-items:end;margin-top:var(--s-6)}.demo__controls label{display:grid;gap:var(--s-2);font:500 var(--t-meta)/1.3 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--titanium)}.demo__cap{display:block}.demo__controls output{color:var(--bone);font-family:var(--f-mono);text-transform:none}.demo__controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--tap);background:transparent;cursor:pointer}.demo__controls input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--line-strong);border-radius:999px}.demo__controls input[type=range]::-moz-range-track{height:3px;background:var(--line-strong);border-radius:999px}.demo__controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8.5px;border-radius:50%;background:var(--chrome-2);border:1px solid var(--chrome-3)}.demo__controls input[type=range]::-moz-range-thumb{width:20px;height:20px;border:1px solid var(--chrome-3);border-radius:50%;background:var(--chrome-2)}.demo__controls input[type=range]:focus-visible{outline:2px solid var(--chrome-1);outline-offset:4px}.demo__spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-4);margin:var(--s-6) 0 0;padding-top:var(--s-6);border-top:1px solid var(--line)}.demo__spec dt{letter-spacing:.08em;text-transform:uppercase}.demo__spec dd{margin:var(--s-2) 0 0;color:var(--bone);font-family:var(--f-mono)}.demo__note{margin-top:var(--s-6)}