@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-700-normal.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed Fallback;src:local(Arial Narrow),local(Arial);size-adjust:82%;ascent-override:118%}@font-face{font-family:Barlow Fallback;src:local(Arial);size-adjust:96%;ascent-override:100%}:root{color-scheme:dark;--c-bg:#090b0f;--c-panel:#12161c;--c-raised:#212630;--c-fg:#edf1f6;--c-muted:#949eb0;--c-dim:#9aa3b4;--c-line:#ffffff17;--c-line-strong:#ffffff2e;--c-good:#61e6b8;--c-bad:#ff5c4d;--accent:#ffa838;--c-accent:var(--accent);--c-on-accent:#090b0f;--accent-soft:color-mix(in srgb, var(--accent) 22%, transparent);--accent-bar:linear-gradient(90deg, color-mix(in srgb, var(--accent) 62%, var(--c-bg)) 0%, color-mix(in srgb, var(--accent) 26%, var(--c-bg)) 100%);--c-curtain:var(--c-panel);--f-display:"Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;--f-body:"Barlow", "Barlow Fallback", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-mega:clamp(5.5rem, 1rem + 17vw, 16rem);--t-xl:clamp(2.75rem, 1.2rem + 5.4vw, 6.5rem);--t-l:clamp(1.7rem, 1.15rem + 1.9vw, 2.9rem);--t-m:clamp(1.25rem, 1.1rem + .55vw, 1.6rem);--t-body:clamp(1.0625rem, 1rem + .2vw, 1.125rem);--t-s:.9375rem;--t-xs:.8125rem;--u:clamp(.5rem, .35rem + .6vw, 1rem);--gutter:clamp(1rem, .6rem + 1.6vw, 2.5rem);--edge:clamp(1rem, 5.8vw, 7rem);--cols:12;--radius:4px;--ease-soft:cubic-bezier(.215, .61, .355, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--z-gl:0;--z-content:1;--z-header:50;--z-cursor:80;--z-menu:85;--z-curtain:90;--z-loader:100}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;background:var(--c-bg);color:var(--c-fg)}body{min-height:100dvh;font-family:var(--f-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;line-height:1.5;overflow-x:clip}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:inherit;font-size:inherit;text-wrap:balance}p{text-wrap:pretty}#main:focus{outline:none}.skip-link{left:50%;top:var(--gutter);z-index:calc(var(--z-loader) + 1);background:var(--c-fg);color:var(--c-bg);margin-left:-5rem;padding:.6em 1em;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}#gl{z-index:var(--z-gl);pointer-events:none;position:fixed;inset:0}.gl-canvas{width:100%;height:100%;position:absolute;inset:0}#main,[data-layer=content]{z-index:var(--z-content);position:relative}.gl-on [data-gl] img,.gl-on [data-gl] .gl-fallback{opacity:0}.gl-on [data-gl]{background:0 0!important}[data-gl=procedural] .gl-fallback{background:radial-gradient(120% 90% at 30% 20%, var(--c-muted), var(--c-fg));position:absolute;inset:0}[data-gl]{position:relative}.motion [data-split],.motion [data-reveal]{visibility:hidden}.split-line{margin-bottom:-.08em;padding-bottom:.08em}[data-split]>*,[data-split]>*>*{text-indent:0}[data-split]>:first-child,[data-split]>:first-child>:first-child{text-indent:inherit}#curtain{z-index:var(--z-curtain);pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.curtain__panel{background:var(--c-curtain);position:absolute;inset:0}#cursor{z-index:var(--z-cursor);pointer-events:none;opacity:0;place-items:center;width:0;height:0;display:grid;position:fixed;top:0;left:0}#cursor.is-ready{opacity:1}#cursor span{aspect-ratio:1;background:var(--c-fg);min-width:5.5rem;color:var(--c-bg);font-size:var(--t-xs);letter-spacing:.02em;border-radius:50%;place-items:center;transition:transform .5s cubic-bezier(.16,1,.3,1);display:grid;transform:translate(-50%,-50%)scale(0)}#cursor.is-active span{transform:translate(-50%,-50%)scale(1)}@media (hover:none),(pointer:coarse){#cursor{display:none}}#loader{z-index:var(--z-loader);padding:var(--gutter);background:var(--c-fg);color:var(--c-bg);clip-path:inset(0%);align-content:end;display:grid;position:fixed;inset:0}.loader__inner{justify-content:space-between;align-items:end;display:flex;overflow:hidden}.loader__count{font-variant-numeric:tabular-nums}.loader__bar{height:1px;margin-top:calc(var(--u) * 1.5);transform-origin:0;background:currentColor;transform:scaleX(0)}html:not(.js) #loader,#loader[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{background:var(--c-bg);scrollbar-color:var(--c-raised) var(--c-bg)}body{font-family:var(--f-body);background:var(--c-bg);color:var(--c-fg);font-weight:500;line-height:1.55}::selection{background:var(--accent);color:var(--c-on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius)}code,pre,kbd,.mono{font-family:var(--f-mono);font-variant-ligatures:none}:is(p,.row__hint)>code,.step p code{white-space:nowrap}.num{font-variant-numeric:tabular-nums}.wrap{padding-inline:var(--edge)}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);display:grid}.display,.h-xl,.h-l,.label,.btn,.menu a,.menu button,.tab,.chip,.kbd{font-family:var(--f-display);text-transform:uppercase}.display{font-weight:700;font-size:var(--t-mega);letter-spacing:-.012em;margin-left:-.04em;line-height:.84}.h-xl{font-weight:700;font-size:var(--t-xl);letter-spacing:-.008em;margin-left:-.03em;line-height:.9}.h-l{font-weight:700;font-size:var(--t-l);letter-spacing:0;line-height:1}.label{font-weight:600;font-size:var(--t-xs);letter-spacing:.08em;color:var(--c-muted);line-height:1.2}.lede{font-size:var(--t-m);color:var(--c-fg);text-wrap:pretty;max-width:34ch;line-height:1.42}.body{max-width:62ch;color:var(--c-muted)}.body p+p{margin-top:1em}.body strong,.lede strong{color:var(--c-fg);font-weight:600}.eyebrow{color:var(--accent);font-family:var(--f-display);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:var(--t-xs);align-items:center;gap:.75em;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:1.75rem;height:2px}.link{color:var(--c-fg);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.22em;transition:text-decoration-thickness .25s var(--ease-soft), text-underline-offset .25s var(--ease-soft);text-decoration-thickness:1px}@media (hover:hover){.link:hover{text-underline-offset:.1em;text-decoration-thickness:.32em;text-decoration-color:var(--accent-soft)}}.link:focus-visible{text-decoration-thickness:.32em}.keys{color:var(--c-muted);font-size:var(--t-xs);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.keys span{align-items:center;gap:.5em;display:inline-flex}.kbd{background:var(--c-raised);border:1px solid var(--c-line-strong);min-width:1.9em;height:1.6em;color:var(--c-fg);letter-spacing:.04em;border-radius:3px;place-items:center;padding:0 .45em;font-size:.75rem;font-weight:600;display:inline-grid}.menu{padding:0;list-style:none;display:grid;position:relative}.menu__bar{pointer-events:none;border-left:3px solid var(--accent);background:var(--accent-bar);border-radius:0 var(--radius) var(--radius) 0;opacity:0;width:100%;height:0;position:absolute;top:0;left:0}.menu a,.menu button{text-align:left;letter-spacing:.01em;width:100%;font-weight:600;font-size:var(--menu-size,clamp(1.6rem, 1.2rem + 1.2vw, 2.35rem));color:var(--c-muted);transition:color .2s var(--ease-soft), translate .3s var(--ease-soft);align-items:baseline;gap:.6em;padding:.16em .5em .12em .55em;line-height:1.1;display:flex;position:relative}.menu a small,.menu button small{font-family:var(--f-body);text-transform:none;font-size:var(--t-xs);letter-spacing:0;color:var(--c-dim);font-weight:500;transition:color .2s}.menu .is-sel{color:var(--c-fg);translate:.2em}@media (hover:hover){.menu:hover .menu__bar{filter:brightness(1.3)saturate(1.1)}}.menu__bar{transition:filter .25s}.menu .is-sel small,.menu [aria-current=page]{color:var(--c-fg)}@media (hover:hover){.menu a:hover,.menu button:hover{color:var(--c-fg);translate:.7em}.menu a:hover small,.menu button:hover small{color:var(--c-fg)}}.menu a:focus-visible,.menu button:focus-visible{translate:.7em}.menu a:focus-visible small,.menu button:focus-visible small{color:var(--c-fg)}.menu [aria-current=page]:after{content:"";background:var(--accent);border-radius:1px;order:-1;align-self:center;width:.35em;height:.35em;margin-left:-.15em}html:not(.motion) .menu a:before,html:not(.motion) .menu button:before{content:"";z-index:-1;border-left:3px solid var(--accent);background:var(--accent-bar);border-radius:0 var(--radius) var(--radius) 0;opacity:0;position:absolute;inset:0}html:not(.motion) .menu li{isolation:isolate}@media (hover:hover){html:not(.motion) .menu a:hover:before,html:not(.motion) .menu button:hover:before{opacity:1}html:not(.motion) .menu a:hover{color:var(--c-fg)}}html:not(.motion) .menu a:focus-visible:before,html:not(.motion) .menu button:focus-visible:before,html:not(.motion) .menu .is-sel:before{opacity:1}html:not(.motion) .menu a:focus-visible{color:var(--c-fg)}.menu a:focus-visible,.menu button:focus-visible{outline-offset:0}.btn{isolation:isolate;border-radius:var(--radius);background:var(--c-raised);border:1px solid var(--c-line-strong);border-left:3px solid var(--accent);min-height:2.9rem;color:var(--c-fg);letter-spacing:.05em;transition:color .28s var(--ease-soft);align-items:center;gap:.7em;padding:.55em 1.25em .5em 1.1em;font-size:1.125rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:clip}.btn:before{content:"";z-index:-1;background:var(--accent);transform-origin:0;transition:scale .34s var(--ease-soft);position:absolute;inset:0;scale:0 1}.btn .btn__label{transition:translate .34s var(--ease-soft)}.btn svg{width:.95em;height:.95em;transition:translate .34s var(--ease-soft)}@media (hover:hover){.btn:hover{color:var(--c-on-accent)}.btn:hover:before{scale:1}.btn:hover svg{translate:.3em}}.btn:focus-visible{color:var(--c-on-accent)}.btn:focus-visible:before{scale:1}.btn:active{scale:.98}.btn--primary{background:var(--accent);color:var(--c-on-accent);border-color:#0000;border-left-color:color-mix(in srgb, var(--accent) 60%, #fff)}.btn--primary:before{background:color-mix(in srgb, var(--accent) 50%, #fff)}@media (hover:hover){.btn--primary:hover .btn__label{translate:.2em}.btn--primary:hover svg{translate:.55em}.btn--primary:hover{border-left-width:8px}}.btn--primary{transition:color .28s var(--ease-soft), border-left-width .3s var(--ease-soft)}@media (prefers-reduced-motion:reduce){.btn:before,.btn svg,.btn__label{transition:none}}.chip{background:var(--c-raised);height:1.75rem;color:var(--c-fg);letter-spacing:.06em;white-space:nowrap;border-radius:3px;align-items:center;padding:0 .7em;font-size:.8125rem;font-weight:600;display:inline-flex}.chip--on{background:var(--accent);color:var(--c-on-accent)}.panel{background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius)}.panel--accent{border-left:3px solid var(--accent)}.shot{margin:0;position:relative}.shot__frame{border-radius:var(--radius);background:var(--c-panel);aspect-ratio:16/9;outline:1px solid var(--c-line);outline-offset:-1px;position:relative;overflow:clip}.shot__frame picture{width:100%;height:100%;display:block}.shot__frame img{object-fit:cover;width:100%;height:100%}.shot figcaption{font-size:var(--t-xs);color:var(--c-muted);justify-content:space-between;align-items:baseline;gap:1em;margin-top:.7rem;display:flex}.shot figcaption code{color:var(--c-dim);font-size:.8125rem}.code{background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius);position:relative;overflow:hidden}.code__bar{border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.code pre{color:#c9d1dc;tab-size:4;margin:0;padding:1.1rem 1.15rem 1.25rem;font-size:clamp(.78rem,.72rem + .2vw,.9rem);line-height:1.7;overflow-x:auto}.code .tk-k{color:var(--accent)}.code .tk-s{color:#a5e3c8}.code .tk-c{color:#8f99ab}.code .tk-t{color:#9cc7ff}.copy{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);border-radius:3px;min-height:1.75rem;padding:0 .6em;font-size:.8125rem;font-weight:600;transition:color .2s,background .2s}@media (hover:hover){.copy:hover{color:var(--c-on-accent);background:var(--accent)}}.copy:focus-visible{color:var(--c-on-accent);background:var(--accent)}.frame{z-index:var(--z-header);padding:1rem var(--edge);pointer-events:none;transition:translate .6s var(--ease-out);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.frame:before{content:"";z-index:-1;background:var(--c-bg);border-bottom:1px solid var(--c-line);opacity:0;transition:opacity .2s;position:absolute;inset:0}html.is-scrolled .frame:before{opacity:1}.frame{padding-block:.75rem}html.frame-away .frame{translate:0 -110%}.frame>*{pointer-events:auto}.frame__id{align-items:baseline;gap:.9rem;display:flex}.wordmark{font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.45em;min-height:2.75rem;font-size:1.6rem;font-weight:700;line-height:1;display:inline-flex}.wordmark svg{width:1.05em;height:1.05em;color:var(--accent);overflow:visible}.mark__c,.mark__b{transition:translate .35s var(--ease-soft), scale .35s var(--ease-soft), rotate .35s var(--ease-soft);transform-box:fill-box;transform-origin:50%}.wordmark{transition:color .25s}@media (hover:hover){.wordmark:hover .mark__tl{translate:-3.5px -3.5px}.wordmark:hover .mark__tr{translate:3.5px -3.5px}.wordmark:hover .mark__br{translate:3.5px 3.5px}.wordmark:hover .mark__bl{translate:-3.5px 3.5px}.wordmark:hover .mark__b{rotate:45deg;scale:.7}.wordmark:hover{color:var(--accent)}}.wordmark:focus-visible .mark__tl{translate:-3.5px -3.5px}.wordmark:focus-visible .mark__tr{translate:3.5px -3.5px}.wordmark:focus-visible .mark__br{translate:3.5px 3.5px}.wordmark:focus-visible .mark__bl{translate:-3.5px 3.5px}.wordmark:focus-visible .mark__b{rotate:45deg;scale:.7}.state{align-items:center;gap:.5em;display:inline-flex}.state:before{content:"";background:var(--accent);border-radius:1px;width:.45rem;height:.45rem}.frame__tools{align-items:center;gap:1.25rem;display:flex}.fps{font-family:var(--f-mono);color:var(--c-good);border:1px solid var(--c-line);white-space:nowrap;background:#090b0fb8;border-radius:3px;padding:.3em .6em;font-size:.75rem}.fps b{color:var(--c-fg);font-weight:400}.menu-btn{border-radius:var(--radius);min-height:2.75rem;font-family:var(--f-display);text-transform:uppercase;letter-spacing:.06em;background:var(--c-raised);border:1px solid var(--c-line-strong);isolation:isolate;transition:color .28s var(--ease-soft);padding:0 .2rem 0 .9rem;align-items:center;gap:.6rem;padding-right:.55rem;font-size:1.0625rem;font-weight:600;display:inline-flex;position:relative;overflow:clip}.menu-btn:before{content:"";z-index:-1;background:var(--accent);transform-origin:0;transition:scale .34s var(--ease-soft);position:absolute;inset:0;scale:0 1}@media (hover:hover){.menu-btn:hover{color:var(--c-on-accent)}.menu-btn:hover:before{scale:1}}.menu-btn:focus-visible{color:var(--c-on-accent)}.menu-btn:focus-visible:before{scale:1}.pause{z-index:var(--z-menu);padding:6rem var(--edge) 2rem;overscroll-behavior:contain;background:#090b0ff7;grid-template-columns:minmax(0,1fr);align-content:center;display:grid;position:fixed;inset:0;overflow-y:auto}.pause[hidden]{display:none}.pause__inner{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:2.5rem;display:grid}.pause__main{grid-column:1/span 6}.pause__side{grid-column:8/span 5;gap:1.25rem;display:grid}.pause__title{font-family:var(--f-display);text-transform:uppercase;margin:.5rem 0 1.6rem -.03em;font-size:clamp(3.4rem,2rem + 4vw,6rem);font-weight:700;line-height:.9}.pause .menu{--menu-size:clamp(1.7rem, 1.3rem + 1.2vw, 2.4rem);max-width:26rem}.pause__note{color:var(--c-dim);font-size:var(--t-xs);max-width:40ch;margin-top:1.4rem}.pause__keys{margin-top:2.25rem}.pause-card{padding:1.25rem 1.25rem 1.4rem}.pause-card h3{font-family:var(--f-display);text-transform:uppercase;margin:.4rem 0 .35rem;font-size:1.5rem;font-weight:700}.pause-card p{color:var(--c-muted);font-size:var(--t-s)}.swatches{border:0;flex-wrap:wrap;gap:.55rem;padding:0;display:flex}.swatch{border-radius:var(--radius);background:var(--c-raised);border:1px solid var(--c-line-strong);width:2.75rem;height:2.75rem;transition:translate .25s var(--ease-soft);place-items:center;display:grid;position:relative}.swatch span{background:var(--sw);width:1.65rem;height:1.65rem;transition:scale .25s var(--ease-soft);border-radius:3px}.swatch[aria-checked=true]{border-color:var(--sw);box-shadow:inset 0 0 0 1px var(--sw)}.swatch[aria-checked=true]:after{content:"";background:var(--sw);width:1.2rem;height:2px;position:absolute;bottom:-.55rem;left:50%;translate:-50%}@media (hover:hover){.swatch:hover{border-color:var(--sw);box-shadow:0 0 0 2px var(--sw);translate:0 -4px}.swatch:hover span{scale:1.12}}.swatch:focus-visible span{scale:1.12}.swatch:active{translate:0 1px}.accent-pick{gap:.8rem;display:grid}.accent-pick__head{align-items:baseline;gap:1.25rem;display:flex}.attract{color:var(--c-muted);border:1px solid var(--c-line-strong);background:0 0;justify-self:start;gap:.5em;font-size:.75rem}.attract[hidden]{display:none}.attract .kbd{height:1.35em;font-size:.65rem}.accent-pick__head>*{white-space:nowrap}.accent-pick__name{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.05em;color:var(--c-fg);font-size:1rem;font-weight:600}#curtain .curtain__panel{padding-inline:var(--edge);background:var(--c-panel);border-left:3px solid var(--accent);align-content:center;display:grid}.curtain__title{font-family:var(--f-display);text-transform:uppercase;margin-top:.6rem;font-size:clamp(3rem,1.5rem + 5vw,7rem);font-weight:700;line-height:.9}.foot{border-top:1px solid var(--c-line);margin-top:clamp(3rem,5vw,5rem);padding-block:clamp(4rem,8vw,7rem) 2rem;position:relative}.foot__big{grid-column:1/-1}.foot__cta{grid-column:1/span 6;align-content:start;gap:1.5rem;margin-top:2.5rem;display:grid}.foot__code{grid-column:7/-1;margin-top:2.5rem}.foot__links{border-top:1px solid var(--c-line);color:var(--c-muted);font-size:var(--t-xs);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:1rem 2rem;margin-top:clamp(3.5rem,7vw,6rem);padding-top:1.25rem;display:flex}.foot__links ul{flex-wrap:wrap;gap:.25rem 1.5rem;padding:0;list-style:none;display:flex}.foot__links a{min-height:1.75rem;transition:color .2s;transition:color .2s, background-size .35s var(--ease-soft);background:linear-gradient(currentColor 0 0) 0 85%/0% 1px no-repeat;align-items:center;display:inline-flex}@media (hover:hover){.foot__links a:hover{color:var(--accent);background-size:100% 1px}}.foot__links a:focus-visible{background-size:100% 1px}.section{padding-block:clamp(4rem,7.5vw,7.5rem);position:relative}.section--tight{padding-block:clamp(3rem,5vw,5rem)}.section-head{grid-column:1/-1;gap:1rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:grid}@media (width<=900px){.pause__main,.pause__side,.foot__cta,.foot__code{grid-column:1/-1}}@media (width<=767px){:root{--cols:6}.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.pause__inner{grid-template-columns:minmax(0,1fr)}.pause{align-content:start;padding-top:5.5rem}.fps,.frame__id .state{display:none}.foot__links ul{grid-template-columns:repeat(3,auto);justify-content:start;column-gap:1.5rem;display:grid}.menu a,.menu button{flex-wrap:wrap;gap:0 .6em}.menu a small,.menu button small{flex-basis:100%;margin-top:-.1em;padding-bottom:.25em}.shot figcaption{flex-direction:column;gap:.2em}.code pre{font-size:.78rem;-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}.code__bar .label:after{content:" · scroll";color:var(--c-dim)}}.rows{gap:3px;padding:0;list-style:none;display:grid}.row{background:var(--c-panel);border-radius:0 var(--radius) var(--radius) 0;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:1.5rem;padding:.95rem 1.1rem;display:flex}.row__text{gap:.15rem;min-width:0;display:grid}.row__label{color:var(--c-fg);font-size:1.0625rem;font-weight:600}.row__hint{color:var(--c-muted);font-size:var(--t-s);max-width:64ch;line-height:1.45}.row__code{color:var(--accent);overflow-wrap:anywhere;margin-top:.35rem;font-size:.8rem}.row{transition:background-color .25s,border-color .25s}.row.is-sel{border-left-color:var(--accent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 16%, var(--c-panel)), var(--c-panel) 65%)}.row.is-sel .row__label{color:var(--c-fg)}@media (width<=767px){.row{flex-direction:column;align-items:flex-start;gap:.6rem}}