@font-face{font-family: 'Unbounded';src: url('/assets/fonts/unbounded-500-600.woff2') format('woff2');font-weight: 500 600;font-display: swap}@font-face{font-family: 'Archivo';src: url('/assets/fonts/archivo-112-400-620.woff2') format('woff2');font-weight: 400 620;font-display: swap}@font-face{font-family: 'Martian Mono';src: url('/assets/fonts/martian-mono-400-520.woff2') format('woff2');font-weight: 400 520;font-display: swap}:root{--bg: #06060b;--bg2: #0b0b13;--bg3: #11111b;--line: rgba(236,238,245,0.09);--line2: rgba(236,238,245,0.16);--line3: rgba(236,238,245,0.34);--text: #eceef5;--muted: #a0a6b6;--faint: #858b9c;--ink: #05060a;--v3: #14e0c0;--core: #12f06a;--core-press: #0bc958;--display: 'Unbounded',ui-sans-serif,system-ui,sans-serif;--sans: 'Archivo',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--mono: 'Martian Mono',ui-monospace,Menlo,Consolas,monospace;--u: 4px;--n: calc(var(--u) * 2);--notch: polygon(0 0,calc(100% - var(--n)) 0,calc(100% - var(--n)) var(--n),100% var(--n),100% 100%,0 100%);--notch-filled: polygon(0 0,100% 0,100% 0,100% 0,100% 100%,0 100%);--hop: 120ms steps(3,jump-end);--snap: 80ms steps(1,jump-end);--ruler: repeating-linear-gradient(90deg,var(--line2) 0 1px,transparent 1px 64px) left bottom / 100% 7px no-repeat,repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 8px) left bottom / 100% 3px no-repeat;--gutter: clamp(16px,4vw,48px);--max: 1240px;color-scheme: dark;padding-top: env(safe-area-inset-top,0px);padding-bottom: env(safe-area-inset-bottom,0px)}*,*::before,*::after{box-sizing: border-box}html{background: var(--bg);scroll-behavior: smooth;-webkit-text-size-adjust: 100%;overflow-x: clip}body{margin: 0;min-height: 100vh;background: var(--bg);color: var(--text);font-family: var(--sans);font-size: 16px;line-height: 1.6;overflow-x: clip;-webkit-font-smoothing: antialiased}img,video,canvas{max-width: 100%}a{color: inherit}:focus-visible{outline: 2px solid var(--core);outline-offset: 3px}::selection{background: var(--core);color: var(--ink)}[hidden]{display: none !important}svg.g{display: block;flex: none}svg.g .gc{fill: var(--core)}.skip{position: absolute;left: 12px;top: -48px;z-index: 60;padding: 8px 14px;background: var(--text);color: var(--ink);font-weight: 600;text-decoration: none}.skip:focus{top: 12px}.core-stop{display: inline-block;position: relative;color: transparent;margin-left: 0.04em}.core-stop::after{content: '';position: absolute;left: 0.02em;bottom: 0.1em;width: 0.21em;height: 0.21em;background: var(--core)}.key,.line{position: relative;isolation: isolate;display: inline-flex;align-items: center;gap: 12px;height: 48px;padding: 0 22px 0 18px;font: 600 15px/1 var(--sans);letter-spacing: 0.005em;text-decoration: none;white-space: nowrap;cursor: pointer;user-select: none}.key{color: var(--ink)}.key::before,.line::before,.line::after{content: '';position: absolute;inset: 0;clip-path: var(--notch)}.key::before{z-index: -1;background: var(--text);transition: clip-path var(--hop),background-color var(--snap)}.key::after{content: '';order: -1;flex: none;width: 8px;height: 8px;background: var(--core);box-shadow: 0 0 0 1px var(--ink);transition: background-color var(--snap)}.key:hover::before{background: var(--core);clip-path: var(--notch-filled)}.key:hover::after{background: var(--ink)}.key:active{translate: 0 1px}.key:active::before{background: var(--core-press)}.line{color: var(--text);padding: 0 18px 0 22px}.line::before{z-index: -2;background: var(--line3);transition: background-color var(--snap)}.line::after{z-index: -1;inset: 1px;background: var(--bg)}.line:hover::before{background: var(--text)}.line svg{transition: translate var(--hop)}.line:hover svg{translate: 4px 0}.line:hover svg.g-down{translate: 0 4px}.line:active{translate: 0 1px}.key-sm{height: 38px;gap: 9px;padding: 0 14px 0 12px;font-size: 14px;--n: 6px}.key-sm::after{width: 6px;height: 6px}.nav{position: sticky;top: env(safe-area-inset-top,0px);z-index: 50;background: var(--bg)}.nav::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 7px;pointer-events: none;border-bottom: 1px solid var(--line);background: var(--ruler)}.nav-inner{max-width: var(--max);margin: 0 auto;height: 64px;padding-inline: var(--gutter);display: flex;align-items: center;gap: 32px}.brand{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;flex: none}.brand svg{display: block;width: 28px;height: 28px}.wordmark{font-family: var(--display);font-weight: 600;font-size: 15.5px;letter-spacing: 0.02em;white-space: nowrap}.labs{padding: 3px 6px 2px;font-family: var(--mono);font-size: 10px;letter-spacing: 0.08em;color: var(--muted);box-shadow: inset 0 0 0 1px var(--line2)}.nav-links{position: relative;display: flex;gap: 26px;height: 100%;align-items: center;font-size: 14px;color: var(--muted)}.nav-links a,.nav-quiet{text-decoration: none;transition: color var(--snap)}.nav-links a:hover,.nav-quiet:hover,.nav-links a[aria-current]{color: var(--text)}.nav-links a[aria-current='page']{position: relative}.nav-links a[aria-current='page']::after{content: '';position: absolute;left: calc(50% - 3px);bottom: -14px;width: 6px;height: 6px;background: var(--core)}.spy{position: absolute;left: 0;bottom: 12px;width: 6px;height: 6px;background: var(--core);translate: var(--spy-x,0) 0;opacity: 0;transition: translate 160ms steps(4,jump-end),opacity var(--snap)}.nav-links[data-spy-on] .spy{opacity: 1}.nav-right{margin-left: auto;display: flex;align-items: center;gap: 20px;font-size: 14px;color: var(--muted)}.nav-quiet{display: inline-flex;align-items: center;gap: 6px}.nav-quiet svg{color: var(--faint)}.sheet{display: none;position: relative}.sheet summary{list-style: none;cursor: pointer;width: 40px;height: 40px;display: grid;place-items: center;box-shadow: inset 0 0 0 1px var(--line2);color: var(--text)}.sheet summary::-webkit-details-marker{display: none}.sheet .s-close{display: none}.sheet[open] .s-open{display: none}.sheet[open] .s-close{display: block}.sheet-panel{position: fixed;left: 0;right: 0;top: calc(64px + env(safe-area-inset-top,0px));padding: 8px var(--gutter) calc(20px + env(safe-area-inset-bottom,0px));background: var(--bg);border-bottom: 1px solid var(--line2);box-shadow: 0 0 0 100vmax rgba(3,3,8,0.72);clip-path: inset(0 0 -100vmax 0);display: grid;gap: 16px}.sheet-panel nav{display: grid}.sheet-panel nav a{display: flex;align-items: center;gap: 14px;padding: 14px 0;border-bottom: 1px solid var(--line);font-size: 17px;color: var(--text);text-decoration: none}.sheet-idx{font-family: var(--mono);font-size: 11px;color: var(--faint);width: 22px}.sheet-panel .key{justify-content: center}.hero{position: relative;max-width: var(--max);margin: 0 auto;padding: clamp(20px,5vh,64px) var(--gutter) 0;display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);column-gap: clamp(16px,3vw,40px);align-items: center}.hero-copy{position: relative;z-index: 2}.h1{font-family: var(--display);font-weight: 600;letter-spacing: -0.035em;line-height: 1.02;font-size: clamp(34px,3.5vw,54px);margin: 0}.h1>span:not(.core-stop){display: block;white-space: nowrap}.lede{margin: 28px 0 0;max-width: 31em;font-size: clamp(16px,1.25vw,18px);color: var(--muted)}.cta-row{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 32px}.hero-note{margin: 22px 0 0;max-width: 36em;font-size: 13.5px;color: var(--faint)}.hero-note a{color: var(--muted);text-underline-offset: 3px}.stage{position: relative;margin: 0 calc(-0.5 * var(--gutter)) 0 0;min-width: 0}.stage-art{position: relative;aspect-ratio: 1}.stage-art::before{content: '';position: absolute;inset: 8%;pointer-events: none;background: radial-gradient(closest-side,rgba(47,91,255,0.09),transparent)}.stage picture,.poster,.stage canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block}.poster{object-fit: contain}.stage canvas{z-index: 1;opacity: 0}.stage.live canvas{opacity: 1}.stage.live picture{visibility: hidden}.stage figcaption{margin: 0 calc(0.5 * var(--gutter)) 0 0;text-align: right;font-family: var(--mono);font-size: 10.5px;line-height: 1.7;color: var(--faint)}.stage figcaption b{font-weight: 500;color: var(--muted);margin-right: 8px}.contents{grid-column: 1 / -1;margin-top: clamp(32px,6vh,64px);display: grid;grid-template-columns: auto minmax(0,1fr);align-items: stretch;border-top: 1px solid var(--line2);border-bottom: 1px solid var(--line)}.contents-label{font-family: var(--mono);font-size: 11px;color: var(--faint);padding: 18px 24px 18px 0;display: flex;align-items: center}.contents ol{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr))}.contents li{border-left: 1px solid var(--line)}.contents a{display: flex;align-items: baseline;gap: 12px;height: 100%;padding: 18px 20px;font-family: var(--display);font-weight: 500;font-size: 17px;letter-spacing: -0.01em;text-decoration: none}.contents a b{display: inline-flex;align-items: center;gap: 8px;font-family: var(--mono);font-weight: 400;font-size: 11px;color: var(--faint)}.contents a b::before{content: '';width: 6px;height: 6px;box-shadow: inset 0 0 0 1px var(--faint);transition: background-color var(--snap),box-shadow var(--snap)}.contents a:hover b::before{background: var(--core);box-shadow: none}.section{max-width: var(--max);margin: 0 auto;padding: clamp(96px,15vh,160px) var(--gutter) 0;scroll-margin-top: 40px}.section,.final,.footer{content-visibility: auto;contain-intrinsic-size: auto 900px}.head{display: grid;grid-template-columns: 64px minmax(0,780px);align-items: start;margin-bottom: clamp(36px,6vh,64px)}.head-split{grid-template-columns: 64px minmax(0,1fr) auto;align-items: end;gap: 0 24px}.idx{display: inline-flex;align-items: center;gap: 10px;padding-top: 0.9em;font-family: var(--mono);font-size: 11.5px;color: var(--faint)}.idx::before{content: '';width: 6px;height: 6px;background: var(--core)}.head-links{display: flex;gap: 22px;margin: 0;font-size: 14.5px;color: var(--muted)}.head-links a{text-underline-offset: 4px}.head-links a:hover{color: var(--text)}.h2{text-wrap: balance;font-family: var(--display);font-weight: 600;font-size: clamp(30px,3.6vw,50px);line-height: 1.05;letter-spacing: -0.03em;margin: 0}.h3{font-family: var(--display);font-weight: 500;font-size: clamp(22px,2.1vw,28px);line-height: 1.15;letter-spacing: -0.02em;margin: 0 0 12px}.h4{font-size: 16.5px;font-weight: 600;margin: 0}.lede2{margin: 18px 0 0;color: var(--muted);font-size: 17px;max-width: 36em}.systems{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--line2)}.system{display: grid;grid-template-columns: 150px minmax(0,1.2fr) minmax(0,1fr);gap: clamp(20px,3vw,48px);padding: clamp(28px,4vh,40px) 0;border-bottom: 1px solid var(--line)}.sys-id{display: grid;gap: 6px;align-content: start;font-family: var(--mono);font-size: 11.5px}.sys-id svg{color: var(--muted);margin-bottom: 10px}.sys-n{color: var(--text)}.sys-kind{color: var(--faint)}.sys-main p{margin: 0;color: var(--muted);font-size: 16px;max-width: 34em}.more{display: inline-flex;align-items: center;gap: 8px;margin-top: 18px;font-weight: 600;font-size: 14.5px;text-decoration: none;color: var(--text)}.more svg{color: var(--faint);transition: translate var(--hop),color var(--snap)}.more:hover svg{color: var(--text);translate: 2px -2px}.spec{margin: 0;align-content: start;border-top: 1px solid var(--line2)}.spec div{display: grid;grid-template-columns: minmax(96px,0.42fr) minmax(0,1fr);gap: 16px;padding: 10px 0;border-bottom: 1px solid var(--line)}.spec dt{font-family: var(--mono);font-size: 11px;line-height: 2;color: var(--faint)}.spec dd{margin: 0;font-size: 14.5px;color: var(--text)}.direction{--n: 12px;position: relative;isolation: isolate;margin-top: clamp(48px,8vh,80px);display: grid;grid-template-columns: auto minmax(0,1fr);gap: clamp(20px,3vw,40px);padding: clamp(24px,3.6vw,40px)}.direction::before,.direction::after{content: '';position: absolute;inset: 0;clip-path: var(--notch)}.direction::before{z-index: -2;background: var(--line2)}.direction::after{z-index: -1;inset: 1px;background: var(--bg2)}.direction-glyph{color: var(--muted);padding-top: 4px}.direction-label{margin: 0 0 10px;font-family: var(--mono);font-weight: 400;font-size: 11.5px;color: var(--faint)}.direction-h{margin: 0;max-width: 30em;font-family: var(--display);font-weight: 500;font-size: clamp(19px,1.9vw,25px);line-height: 1.35;letter-spacing: -0.015em}.direction-note{margin: 14px 0 0;font-size: 13.5px;color: var(--faint)}.principles{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--line2)}.principles>li{display: grid;grid-template-columns: 64px 28px minmax(0,0.75fr) minmax(0,1.25fr);gap: 0 20px;align-items: start;padding: 24px 0;border-bottom: 1px solid var(--line)}.principles>li>svg{color: var(--muted);margin-top: 2px}.principles .h4{padding-top: 1px}.principles p{margin: 0;color: var(--muted);font-size: 15.5px;max-width: 38em}.p-n{display: inline-flex;align-items: center;gap: 10px;padding-top: 4px;font-family: var(--mono);font-size: 11.5px;color: var(--faint)}.p-n::before{content: '';width: 6px;height: 6px;box-shadow: inset 0 0 0 1px var(--faint)}.p-core .p-n{color: var(--text)}.p-core .p-n::before{background: var(--core);box-shadow: none}.p-core>svg{color: var(--text)}.perm{list-style: none;margin: 14px 0 0;padding: 0;border-top: 1px solid var(--line)}.perm li{display: grid;grid-template-columns: minmax(96px,0.36fr) minmax(0,1fr);gap: 4px 16px;padding: 9px 0;border-bottom: 1px solid var(--line);font-size: 13.5px}.perm b{font-weight: 600;color: var(--text)}.perm span{font-family: var(--mono);font-size: 11px;line-height: 1.9;color: var(--muted)}.products{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 14px}.plate{--n: 12px;position: relative;isolation: isolate;display: flex;flex-direction: column;gap: 8px;height: 100%;min-height: 260px;padding: 22px;text-decoration: none}.plate::before,.plate::after{content: '';position: absolute;inset: 0;clip-path: var(--notch)}.plate::before{z-index: -2;background: var(--line2);transition: background-color var(--snap)}.plate::after{z-index: -1;inset: 1px;background: var(--bg2)}.plate:hover::before{background: var(--line3)}.notch-core{position: absolute;top: 0;right: 0;width: var(--n);height: var(--n);background: var(--core);opacity: 0;transition: opacity var(--snap)}.plate:hover .notch-core,.plate:focus-visible .notch-core{opacity: 1}.plate-main::after{background: var(--bg3)}.prod-host{font-family: var(--mono);font-size: 11px;color: var(--faint)}.prod-name{font-family: var(--display);font-weight: 500;font-size: 22px;letter-spacing: -0.015em;margin-top: 6px}.plate-main .prod-name{font-size: 30px}.prod-body{color: var(--muted);font-size: 14.5px;flex: 1}.prod-go{display: inline-flex;align-items: center;gap: 10px;margin-top: 10px;font-weight: 600;font-size: 14px}.prod-go svg{transition: translate var(--hop)}.plate:hover .prod-go svg{translate: 4px 0}.notes{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--line2)}.note a{display: grid;grid-template-columns: 150px minmax(0,1fr) auto;gap: 8px clamp(20px,3vw,48px);align-items: baseline;padding: 24px 0;border-bottom: 1px solid var(--line);text-decoration: none}.note time{display: inline-flex;align-items: center;gap: 10px;font-family: var(--mono);font-size: 11.5px;color: var(--faint)}.note time::before{content: '';width: 6px;height: 6px;box-shadow: inset 0 0 0 1px var(--faint);transition: background-color var(--snap),box-shadow var(--snap)}.note a:hover time::before,.note a:focus-visible time::before{background: var(--core);box-shadow: none}.note-title{display: block;font-family: var(--display);font-weight: 500;font-size: clamp(18px,1.6vw,21px);letter-spacing: -0.015em;line-height: 1.3}.note-sum{display: block;margin-top: 6px;color: var(--muted);font-size: 15px;max-width: 46em}.note-badge,.tag{justify-self: end;display: inline-flex;padding: 4px 8px;font-family: var(--mono);font-size: 10.5px;color: var(--muted);background: var(--bg3);box-shadow: inset 0 0 0 1px var(--line2);white-space: nowrap}.note a:hover .note-title{text-decoration: underline;text-decoration-color: var(--line3);text-underline-offset: 5px}.note-archived .note-title{color: var(--muted)}.final{position: relative;max-width: var(--max);margin: clamp(110px,18vh,190px) auto 0;padding: 44px var(--gutter) 0;display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);gap: 32px;align-items: end}.final::before,.footer::before{content: '';position: absolute;left: var(--gutter);right: var(--gutter);top: 0;height: 7px;border-top: 1px solid var(--line2);background: repeating-linear-gradient(90deg,var(--line2) 0 1px,transparent 1px 64px) left top / 100% 7px no-repeat,repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 8px) left top / 100% 3px no-repeat}.final-h{text-wrap: balance;font-family: var(--display);font-weight: 600;font-size: clamp(36px,5.6vw,76px);line-height: 1;letter-spacing: -0.035em;margin: 0}.final-side .lede2{margin: 0}.final-side .cta-row{margin-top: 24px}.footer{position: relative;max-width: var(--max);margin: clamp(90px,14vh,140px) auto 0;padding: 36px var(--gutter) calc(32px + env(safe-area-inset-bottom,0px))}.footer-cols{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 28px;font-size: 14px}.footer-about{margin: 14px 0 0;color: var(--muted);max-width: 26em}.footer-cols h2{margin: 0 0 12px;font-family: var(--mono);font-weight: 400;font-size: 11px;color: var(--faint)}.footer-cols ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.footer-cols a{color: var(--muted);text-decoration: none;transition: color var(--snap)}.footer-cols a:hover{color: var(--text)}.disclaimer{margin: 36px 0 0;padding-top: 22px;border-top: 1px solid var(--line);font-size: 12.5px;line-height: 1.65;color: var(--faint);max-width: 82em;scroll-margin-top: 96px}.disclaimer b{color: var(--muted);font-weight: 600}.copyright{display: flex;flex-wrap: wrap;gap: 6px 22px;margin: 14px 0 0;font-family: var(--mono);font-size: 11px;color: var(--faint)}.copyright a{color: var(--faint)}.copyright a:hover{color: var(--text)}.page{max-width: 820px;margin: 0 auto;padding: clamp(56px,10vh,110px) var(--gutter) 0}.page-wide{max-width: var(--max)}.page .h1{font-size: clamp(32px,4.6vw,56px)}.page .idx{padding-top: 0;margin-bottom: 18px}.page-lede{margin: 18px 0 0;color: var(--muted);font-size: 17.5px;max-width: 38em}.back{display: inline-flex;align-items: center;gap: 10px;margin-bottom: 28px;font-family: var(--mono);font-size: 11.5px;color: var(--faint);text-decoration: none}.back svg{rotate: 180deg;transition: translate var(--hop)}.back:hover{color: var(--text)}.back:hover svg{translate: -4px 0}.post-meta{display: flex;flex-wrap: wrap;gap: 10px 16px;align-items: center;margin-bottom: 16px;font-family: var(--mono);font-size: 11.5px;color: var(--faint)}.post-title{font-family: var(--display);font-weight: 600;font-size: clamp(28px,4.2vw,46px);line-height: 1.1;letter-spacing: -0.03em;margin: 0}.post-lede{margin: 18px 0 0;padding-bottom: 28px;border-bottom: 1px solid var(--line);color: var(--muted);font-size: 18px}.post-notice{--n: 8px;position: relative;isolation: isolate;margin: 28px 0 0;padding: 16px 18px;font-size: 14.5px;color: var(--muted)}.post-notice::before,.post-notice::after{content: '';position: absolute;inset: 0;clip-path: var(--notch)}.post-notice::before{z-index: -2;background: var(--line2)}.post-notice::after{z-index: -1;inset: 1px;background: var(--bg2)}.post-notice b{color: var(--text);font-weight: 600}.post-body{margin-top: 28px}.post-body h2{font-family: var(--display);font-weight: 500;font-size: 22px;letter-spacing: -0.015em;margin: 40px 0 12px}.post-body h3{font-size: 18px;font-weight: 600;margin: 28px 0 8px}.post-body p,.post-body ul,.post-body ol{color: var(--muted);font-size: 16.5px;line-height: 1.75;margin: 0 0 16px}.post-body ul,.post-body ol{padding-left: 1.3em}.post-body li{margin-bottom: 6px}.post-body ul{list-style: square}.post-body strong{color: var(--text);font-weight: 600}.post-body a{color: var(--text);text-decoration-color: var(--line3);text-underline-offset: 4px}.post-body a:hover{text-decoration-color: var(--core)}.post-body code{font-family: var(--mono);font-size: 0.84em;padding: 0.1em 0.35em;background: var(--bg3);box-shadow: inset 0 0 0 1px var(--line)}.post-body img{box-shadow: 0 0 0 1px var(--line2)}.not-found .code{display: inline-flex;align-items: center;gap: 10px;margin: 0 0 18px;font-family: var(--mono);font-size: 11.5px;color: var(--faint)}.not-found .code::before{content: '';width: 6px;height: 6px;background: var(--core)}.licence pre{white-space: pre-wrap;font-family: var(--mono);font-size: 11.5px;line-height: 1.7;color: var(--muted);padding: 18px;background: var(--bg2);box-shadow: inset 0 0 0 1px var(--line);overflow-x: auto}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){[data-reveal]{animation: scan steps(5,jump-end) both;animation-timeline: view();animation-range: entry 0% entry 40%}@keyframes scan{from{clip-path: inset(0 0 100% 0)}to{clip-path: inset(0 0 0 0)}}}.io-motion [data-reveal]{clip-path: inset(0 0 100% 0);transition: clip-path 300ms steps(5,jump-end)}.io-motion [data-reveal].in-view{clip-path: inset(0 0 0 0)}}@media (max-width: 1080px){.nav-links{display: none}.system{grid-template-columns: 110px minmax(0,1fr)}.spec{grid-column: 2}.principles>li{grid-template-columns: 64px 28px minmax(0,1fr);row-gap: 8px}.principles>li>p,.principles .p-body{grid-column: 3}.products{grid-template-columns: 1fr 1fr}.footer-cols{grid-template-columns: 1fr 1fr}.final{grid-template-columns: 1fr;gap: 18px}}@media (max-width: 860px){.contents ol{grid-template-columns: repeat(2,minmax(0,1fr))}.contents li:nth-child(n + 3){border-top: 1px solid var(--line)}}@media (max-width: 700px){.nav-quiet{display: none}.nav-right>.key{display: none}.nav-right{gap: 10px}.sheet{display: block}.wordmark{font-size: 14px}.hero{grid-template-columns: 1fr}.stage{grid-row: 1;margin: 0 calc(-1 * var(--gutter))}.stage-art{aspect-ratio: 4 / 3}.stage figcaption{margin: 0 var(--gutter);text-align: left}.hero-copy{grid-row: 2;margin-top: 18px}.h1{font-size: clamp(24px,6.8vw,44px)}.h1>span:not(.core-stop){white-space: normal}.lede{margin-top: 18px}.cta-row{margin-top: 24px}.cta-row .key,.cta-row .line{flex: 1 1 100%;justify-content: center}.contents{grid-template-columns: 1fr}.contents-label{padding: 14px 0 4px}.contents li{border-left: 0;border-top: 1px solid var(--line)}.contents a{padding: 12px 14px 12px 0;font-size: 15.5px}.head,.head-split{grid-template-columns: 1fr;row-gap: 14px}.idx{padding-top: 0}.system{grid-template-columns: 1fr;gap: 14px}.sys-id{grid-auto-flow: column;justify-content: start;align-items: center;gap: 12px}.sys-id svg{margin: 0 4px 0 0}.spec{grid-column: auto}.direction{grid-template-columns: 1fr}.principles>li{grid-template-columns: 28px minmax(0,1fr);gap: 10px 14px}.principles .p-n{grid-column: 1 / -1}.principles>li>p,.principles .p-body{grid-column: 1 / -1}.perm li{grid-template-columns: 1fr;gap: 0}.products{grid-template-columns: 1fr}.plate{min-height: 0}.note a{grid-template-columns: 1fr auto}.note time{grid-column: 1}.note-badge{grid-column: 2;grid-row: 1}.note a>span:not(.note-badge){grid-column: 1 / -1}.final .line{max-width: 100%;overflow: hidden;text-overflow: ellipsis}.footer-cols{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation: none !important;transition: none !important}.stage canvas{display: none}}