:root{--site-bar-h: 56px;--intro-fade: 40svh}.site-bar{position:fixed;inset:0 0 auto;z-index:30;height:var(--site-bar-h);padding:0 max(4.2%,16px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;color:var(--ink-1);font:12px/1.6 var(--font-ui);background:linear-gradient(color-mix(in srgb,var(--surface-0) 72%,transparent),transparent);transition:opacity .25s}.site-bar:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--surface-0);opacity:0;transition:opacity .35s}body[data-layer=intro] .site-bar:before,body:has(#stage[data-mode=read]) .site-bar:before{opacity:1}body[data-layer=scene]:has(#stage[data-mode=focus],#stage[data-mode=return]) .site-bar{opacity:0;pointer-events:none}.site-wordmark{letter-spacing:.3em;font-size:clamp(14px,1.2vw,17px);text-shadow:0 2px 15px color-mix(in srgb,var(--surface-0) 47%,transparent)}.site-nav{position:relative;display:flex;align-items:center;gap:28px}.site-bar button{background:none;color:inherit;border:0;font-size:12px;min-height:44px}.site-nav button{padding:0 2px;color:var(--ink-2);letter-spacing:.12em;border-bottom:1px solid transparent}.site-nav button:hover{color:var(--ink-0)}.site-nav button[aria-current=page]{color:var(--ink-0);border-bottom-color:var(--accent)}.site-bar .language-switch{justify-self:end;grid-column:auto;grid-row:auto}.intro-state{position:absolute;right:calc(100% + 28px);margin:0;white-space:nowrap;color:var(--ink-2);letter-spacing:.045em}.intro-state:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;vertical-align:1px;background:var(--ink-3)}.intro-state[data-state=introReady]:before{background:var(--accent)}.intro-state[data-state=failed]{color:var(--warn)}.intro-state[data-state=failed]:before{background:var(--warn)}body:not([data-layer=intro]) .intro-state{display:none}#readPanel{border-top:var(--site-bar-h) solid transparent}.intro{position:fixed;inset:0;z-index:20;overflow-y:auto;overscroll-behavior:contain;color:var(--ink-1);font-family:var(--font-ui);outline:none}.intro[hidden],html[data-intro=skip] .intro{display:none}.intro-sheet{min-height:100svh;padding:var(--site-bar-h) max(4.2%,16px) 12vh;background:var(--surface-0);display:flex;flex-direction:column}.intro-reveal{height:calc(100svh + var(--intro-fade));background:linear-gradient(var(--surface-0),transparent var(--intro-fade));pointer-events:none}.intro-hero{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,560px);gap:clamp(28px,5vw,72px);align-items:end;margin:clamp(48px,12vh,140px) auto 0;width:min(100%,960px)}.intro-photo{margin:0;aspect-ratio:4 / 5;border-radius:4px;overflow:hidden;background:var(--surface-1)}.intro-photo img{display:block;width:100%;height:100%;object-fit:cover}.intro-kicker{margin:0 0 14px;color:var(--accent);font-size:12px;letter-spacing:.18em}.intro h1{margin:0;color:var(--ink-0);font-weight:500;font-size:clamp(34px,4.2vw,56px);line-height:1.15}.intro-name-alt{margin:8px 0 0;color:var(--ink-2);font-size:clamp(15px,1.3vw,18px);letter-spacing:.08em}.intro-lede{margin:22px 0 0;color:var(--ink-1);font-size:clamp(17px,1.4vw,20px);line-height:1.7}.intro-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin:clamp(56px,10vh,112px) auto 0;width:min(100%,960px);padding-top:28px;border-top:1px solid var(--surface-2)}.intro-part h2{margin:0 0 12px;color:var(--ink-2);font-size:12px;font-weight:500;letter-spacing:.18em}.intro-part p{margin:0;font-size:15px;line-height:1.8}.intro-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin:48px auto 0;padding:0;width:min(100%,960px);list-style:none;font-size:13px;color:var(--ink-2)}.intro-links a{color:var(--ink-1);text-underline-offset:4px}.intro-onward{margin:auto auto 0;padding-top:72px;color:var(--ink-2);font-size:12px;letter-spacing:.12em;text-align:center}html[lang=en] .intro h1{letter-spacing:-.015em}@media(max-width:700px){.site-bar{grid-template-columns:auto 1fr auto;gap:12px}.site-wordmark{letter-spacing:.18em;font-size:13px}.site-nav{justify-content:center;gap:16px}.intro-state{display:none}.intro-hero{grid-template-columns:1fr;align-items:start;margin-top:32px}.intro-photo{width:min(60%,220px)}.intro-body{grid-template-columns:1fr}}:root{--surface-0: #14161d;--surface-1: #252631;--surface-2: #2f3140;--surface-3: #3b3e4f;--ink-0: #eef0f6;--ink-1: #c9cdda;--ink-2: #8e95a8;--ink-3: #5b6072;--accent-dim: #5b3f8f;--accent: #a68aef;--accent-lit: #d4c6ff;--face-1: #b4afa4;--face-ink: #2b2925;--warn: #ffb4a0;--font-ui: "MH Plex Sans", "MH Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-face: "MH Plex Serif", "MH Noto Serif SC", "Songti SC", "SimSun", serif;--font-fitlog-heading: "Fitlog Case Serif", "MH Plex Serif", "MH Noto Serif SC", "Songti SC", "SimSun", serif;--font-fitlog-body: "MH Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--fitlog-paper: #FBF8F1;--fitlog-desk: #EFE9DC;--fitlog-inset: #E7E0D0;--fitlog-rule: #D9D0BC;--fitlog-ink: #1A1714;--fitlog-body: #554E45;--fitlog-muted: #665E53;--fitlog-accent: #B23A28;--laser-paper: #15161A;--laser-desk: #1D1F25;--laser-inset: #262932;--laser-rule: #2D303A;--laser-ink: #EDEFF4;--laser-body: #D3D7E0;--laser-muted: #8D93A3;--laser-accent: #3E97A6;--myronhub-paper: #14161d;--myronhub-desk: #252631;--myronhub-inset: #2f3140;--myronhub-rule: #3b3e4f;--myronhub-ink: #eef0f6;--myronhub-body: #c9cdda;--myronhub-muted: #8e95a8;--myronhub-accent: #a68aef}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--surface-1);color:var(--ink-1)}body{font-family:var(--font-ui)}.face-reader{font-family:var(--font-face)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent-lit);outline-offset:5px}button[hidden],a[hidden]{display:none!important}#app,#stage{width:100%;height:100%;height:100svh;position:relative;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;outline-offset:-6px;touch-action:none}.holo{position:absolute;left:0;top:0;width:460px;height:320px;transform-origin:0 0;border:1.5px solid color-mix(in srgb,var(--accent) 69%,transparent);background:linear-gradient(112deg,color-mix(in srgb,var(--accent-dim) 22%,transparent),color-mix(in srgb,var(--accent-dim) 30%,transparent) 65%,color-mix(in srgb,var(--accent) 13%,transparent));box-shadow:0 0 16px color-mix(in srgb,var(--accent) 17%,transparent),inset 0 0 26px color-mix(in srgb,var(--accent) 7%,transparent);color:var(--ink-0);padding:21px 13px 17px;opacity:0;visibility:hidden;will-change:transform;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.holo:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--accent-dim) 11%,transparent);pointer-events:none}.holo ol{margin:0;padding:0;list-style:none}.project-row{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:62px;padding:8px 9px;border:0;border-left:2px solid transparent;background:transparent;color:inherit;font-size:24px;line-height:1.25;text-shadow:0 0 8px color-mix(in srgb,var(--accent) 20%,transparent)}.project-row .marker{font-size:18px;width:13px;flex-shrink:0;opacity:0}.project-row.is-selected{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 33%,transparent),color-mix(in srgb,var(--accent) 4%,transparent));border-left-color:var(--accent-lit);box-shadow:inset 0 1px color-mix(in srgb,var(--accent) 16%,transparent)}.project-row.is-selected .marker{opacity:1}.project-row:hover{background-color:color-mix(in srgb,var(--accent) 9%,transparent)}.holo-rule{height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,transparent),transparent);margin:15px 17px}.face-reader{position:absolute;left:0;top:0;width:1024px;height:1024px;transform-origin:0 0;clip-path:polygon(50% 2.5%,95.2% 35.3%,78% 88.5%,22% 88.5%,4.8% 35.3%);color:var(--face-ink);opacity:0;visibility:hidden;pointer-events:none;will-change:transform}.face-reader.is-visible{opacity:1;pointer-events:auto}.face-copy{position:absolute;left:220px;right:220px;top:165px;text-align:center}.face-copy p{margin:0}#readId{font-size:58px;line-height:1.2}.face-divider{display:block;width:40px;height:1px;background:var(--face-1);margin:20px auto 18px}#readTitle{font-size:56px;font-weight:400;line-height:1.12;margin:0 0 38px;overflow-wrap:anywhere}#readBody{text-align:left;font-size:40px;line-height:1.65;min-height:175px;overflow-wrap:anywhere}#readStack{list-style:none;padding:0;margin:30px 0 0;text-align:left;font:24px/1.5 var(--font-face);color:color-mix(in srgb,var(--face-1) 90%,black)}.navigation{position:absolute;bottom:0;left:0;right:0;min-height:68px;padding:15px 4.2% 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(transparent,color-mix(in srgb,var(--surface-0) 66%,transparent));color:var(--ink-1);font:12px/1.6 var(--font-ui)}.navigation p{margin:0;letter-spacing:.045em}.navigation-actions{display:flex;align-items:center;gap:25px}.navigation button{background:none;color:inherit;border:0;padding:7px 0;font-size:12px}.navigation kbd{font:10px var(--font-ui);opacity:.65;margin-left:12px}#keyHint{opacity:.65;font-size:11px}#legalToggle{opacity:.65}#legalToggle:hover,#legalToggle:focus-visible{opacity:1}.legal-dialog{max-width:min(480px,calc(100vw - 32px));padding:28px 28px 22px;border:1px solid var(--surface-3);border-radius:6px;background:var(--surface-1);color:var(--ink-1);font:13px/1.7 var(--font-ui)}.legal-dialog::backdrop{background:color-mix(in srgb,var(--surface-0) 60%,transparent)}.legal-dialog h2{margin:0 0 14px;color:var(--ink-0);font-size:15px;font-weight:600}.legal-dialog p{margin:0 0 10px}.legal-dialog a{color:var(--accent-lit)}.legal-dialog a:focus-visible,.legal-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.legal-dialog .legal-owner{margin-top:16px;color:var(--ink-2);font-size:12px}.legal-dialog form{display:flex;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid var(--surface-3)}.legal-dialog button{min-height:36px;padding:0 14px;border:1px solid var(--surface-3);border-radius:4px;background:var(--surface-2);color:var(--ink-0);font:inherit}#loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:var(--surface-1);z-index:5;font-size:14px;letter-spacing:.15em;transition:opacity .4s}#loading.ready{opacity:0;pointer-events:none}.loading-beam{position:relative;width:132px;height:1px;background:color-mix(in srgb,var(--accent-dim) 35%,transparent);overflow:hidden}.loading-beam:after{content:"";position:absolute;inset:0 auto 0 0;width:38%;background:linear-gradient(90deg,transparent,var(--accent-lit),transparent);box-shadow:0 0 9px var(--accent);animation:warmup 1.6s ease-in-out infinite}@keyframes warmup{0%{transform:translate(-100%)}to{transform:translate(360%)}}.load-error{color:var(--warn)}#stage[data-mode=browse] #backButton{display:none}body[data-ready=true] .holo{visibility:visible}@media(max-width:700px){.navigation{padding:12px 5% 16px;gap:4px;align-items:flex-start;flex-direction:column;min-height:85px}.navigation-actions{gap:24px}.navigation p{font-size:11px}#keyHint{display:none}.navigation button{font-size:12px}.face-copy{left:205px;right:205px}#readBody{font-size:45px}#readTitle{font-size:58px;margin-bottom:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.face-reader.is-visible{visibility:visible}#readBody{height:265px;min-height:0}#readStack{margin-top:18px}@media(max-width:700px){.project-row{font-size:34px;min-height:65px}.holo{padding:19px 11px}.holo-rule{margin-top:10px}}.holo{border:0;background:none;box-shadow:none;padding:57px 16px 29px}.holo .holo-rule{display:none}.holo .project-row{height:55.25px;min-height:0;color:transparent;text-shadow:none;background:none;border-color:transparent}.holo .project-row.is-selected{color:transparent;background:none}.holo .marker{opacity:0}.holo .project-row:focus-visible{outline:1px solid var(--accent-lit);outline-offset:-3px}.holo{-webkit-backdrop-filter:none;backdrop-filter:none}.holo:before{display:none}.holo{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.holo.is-dragging{cursor:grabbing}.holo.is-dragging .project-row{pointer-events:none}.holo .project-row{cursor:pointer}.holo .project-row.is-selected{box-shadow:none;border-color:transparent}.holo-scale-handle{position:absolute;z-index:2;width:42px;height:42px;transform:translate(-50%,-50%);touch-action:none}.holo-scale-handle[data-panel-corner=nw]{left:3.32%;top:5.31%;cursor:nwse-resize}.holo-scale-handle[data-panel-corner=ne]{left:96.68%;top:5.31%;cursor:nesw-resize}.holo-scale-handle[data-panel-corner=sw]{left:3.32%;top:94.69%;cursor:nesw-resize}.holo-scale-handle[data-panel-corner=se]{left:96.68%;top:94.69%;cursor:nwse-resize}.holo.is-resizing{user-select:none;-webkit-user-select:none}@media(max-width:699px){#stage[data-mode=browse]:after{content:"";position:absolute;inset:auto 0 0;height:16%;background:linear-gradient(transparent,var(--surface-0));pointer-events:none}.navigation{z-index:1}}#app,#stage{overflow:clip}#stage[data-dev-mode=user] .dev-panel,#stage[data-dev-mode=user] .dev-playback{display:none}.dev-panel{position:absolute;right:16px;top:16px;z-index:30;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:10px 12px 12px;box-sizing:border-box;background:color-mix(in srgb,var(--surface-2) 93%,transparent);color:var(--ink-1);border:1px solid var(--surface-3);border-radius:10px;font:12px/1.4 var(--font-ui);scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.dev-panel button{padding:3px 9px;border:1px solid var(--surface-3);border-radius:5px;background:var(--surface-2);color:var(--ink-1);font:inherit;cursor:pointer}.dev-panel button:hover{background:var(--surface-3)}.dev-panel button[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent)}.dev-bar{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;gap:7px 8px}.dev-hint{grid-column:1 / -1;min-width:0;color:var(--ink-2);font-size:11px}.dev-hint button{margin-left:6px}.dev-share{grid-column:1 / -1;min-width:0;color:var(--ink-2);font-size:11px}.dev-share[data-unsaved=true]{color:var(--accent)}.dev-camera-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px}.dev-camera-actions button:disabled{opacity:.4;cursor:default}.dev-stats{grid-column:1 / -1;min-width:0;color:var(--ink-2);font-size:11px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dev-fold{justify-self:end;margin-left:0}.dev-panel[data-collapsed] .dev-group,.dev-panel[data-collapsed] .dev-section{display:none}.dev-section{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:18px 0 0;padding-top:8px;border-top:2px solid var(--surface-3);color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.16em}.dev-section a{color:var(--ink-2);font-weight:400;letter-spacing:0}.dev-section+.dev-group{border-top:0;margin-top:2px}.dev-panel[data-collapsed]{width:auto}.dev-group{margin-top:10px;padding-top:8px;border-top:1px solid var(--surface-3)}.dev-group summary{cursor:pointer;list-style:none;color:var(--ink-0);font-weight:600;letter-spacing:.08em}.dev-group summary::-webkit-details-marker{display:none}.dev-group summary:before{content:"▾";display:inline-block;width:1em;color:var(--accent)}.dev-group:not([open]) summary:before{content:"▸"}.dev-group h4{margin:10px 0 2px;font-size:11px;font-weight:500;color:var(--ink-2);letter-spacing:.12em}.dev-field{display:grid;grid-template-columns:minmax(4.5em,auto) minmax(0,1fr) minmax(4.25em,max-content);align-items:center;gap:8px;min-height:24px;cursor:default}.dev-field span{color:var(--ink-1);white-space:nowrap}.dev-field input[type=range]{width:100%;margin:0;accent-color:var(--accent);height:16px}.dev-colour input[type=color]{width:100%;height:18px;padding:0;border:1px solid var(--surface-3);border-radius:3px;background:none;cursor:pointer}.dev-colour input[type=color]::-webkit-color-swatch-wrapper{padding:1px}.dev-colour input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}.dev-field output{min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;font:11px/1 ui-monospace,Consolas,monospace;color:var(--ink-0)}.dev-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.dev-actions span{color:var(--ink-2);font-size:11px;word-break:break-all}.dev-playback{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;padding:8px 12px;border:1px solid var(--surface-3);border-radius:8px;background:var(--surface-1);color:var(--ink-1);font:12px var(--font-ui);white-space:nowrap}.dev-playback button,.dev-playback select{padding:5px 8px;border:1px solid var(--surface-3);border-radius:4px;background:var(--surface-2);color:var(--ink-0);font:inherit}.dev-playback button[aria-pressed=true]{border-color:var(--accent)}body[data-gesture-close] #holo{display:none}#readPanel{transition:none;transform-origin:0 0}#readPanel.is-turning{opacity:1;visibility:visible;pointer-events:none;will-change:transform}#stage[data-mode=focus] .dev-panel,#stage[data-mode=return] .dev-panel{visibility:hidden}.face-reader{position:absolute;inset:0;width:auto;height:auto;transform:none;clip-path:none;will-change:auto;background:var(--surface-0);color:var(--ink-0);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surface-3) var(--surface-0);padding:clamp(72px,12.5vh,120px) max(7vw,24px) 110px;scroll-padding-block:32px 110px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;align-items:center;gap:7vw;z-index:5;visibility:hidden}.read-cover{display:block;width:100%;max-width:620px;aspect-ratio:1;object-fit:contain;border-radius:8px}.read-details{min-width:0;display:flex;flex-direction:column;gap:24px}.face-copy{position:static;text-align:left}.face-copy #readId{font:13px var(--font-ui);color:var(--accent-lit)}.face-divider{margin:20px 0;background:var(--surface-3)}#readTitle{font:600 clamp(28px,3vw,46px)/1.2 var(--font-ui);margin-bottom:26px}#readId,.read-chapter-number,.read-step-number,.read-route-index{font-variant-numeric:tabular-nums}#readTitle:focus{outline:none}#readBody{font:17px/1.9 var(--font-ui);height:auto;min-height:0;white-space:pre-line}#readStack{font:12px/1.8 var(--font-ui);color:var(--ink-2);display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:26px}#stage[data-mode=read] .navigation{z-index:7;background:var(--surface-0)}#stage[data-mode=read] .dev-panel{display:none}.navigation button{min-height:44px}#loading{padding:24px;text-align:center}#loading p{margin:0}#loading button{min-height:44px;padding:10px 24px;background:var(--surface-2);color:var(--ink-0);border:1px solid var(--accent);border-radius:4px}@media(max-width:700px){.face-reader{display:block;padding:48px 24px 130px}.read-cover{width:min(100%,36vh);margin:0 auto 32px}.read-details{gap:24px}}#readPanel.is-turning{overflow:hidden}.read-sections{grid-column:1 / -1;max-width:760px;margin-top:56px;display:flex;flex-direction:column;gap:40px;font:17px/1.9 var(--font-ui);color:var(--ink-1)}.read-sections[hidden]{display:none}.read-text h3{font:600 15px/1.6 var(--font-ui);color:var(--ink-0);letter-spacing:.04em;margin:0 0 12px}.read-text p{margin:0 0 1em}.read-text p:last-child{margin-bottom:0}.read-figure{margin:0}.read-plot{position:relative}.read-plot svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.read-plot line{stroke:var(--accent);stroke-width:2;stroke-dasharray:8 5}.read-plot-key{display:flex;align-items:center;gap:10px;color:var(--ink-1);font-size:12px;margin:12px 0 0}.read-plot-key:before{content:"";width:24px;border-top:2px dashed var(--accent)}.read-interaction{padding:clamp(20px,3vw,40px);background:var(--surface-1);border:1px solid var(--surface-3)}.read-interaction .read-label{margin-bottom:12px}.read-interaction-note{color:var(--ink-2);font-size:13px;line-height:1.8;margin:0 0 24px}.read-interaction-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.read-interaction-step{font:inherit;text-align:left;cursor:pointer;padding:16px;color:var(--ink-1);background:transparent;border:1px solid var(--surface-3)}.read-interaction-step strong{display:block;font-size:14px;font-weight:600;margin-top:10px}.read-interaction-step[aria-pressed=true]{border-color:var(--accent);background:var(--surface-0)}.read-interaction-step:focus-visible{outline:2px solid var(--accent-lit);outline-offset:3px}.read-interaction-display{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-top:24px}.read-interaction-screen{padding:clamp(16px,2vw,28px);background:var(--surface-0);border:1px solid var(--surface-3);font-family:var(--font-ui)}.read-interaction-state{color:var(--ink-2);font-size:12px;margin:0 0 16px}.read-interaction-value{color:var(--ink-0);font-size:clamp(20px,2.5vw,34px);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.read-interaction-value mark{color:var(--surface-0);background:var(--ink-0)}.read-interaction-description{color:var(--ink-1);font-size:15px;line-height:1.9;margin:0}@media(max-width:900px){.read-interaction-steps{grid-template-columns:1fr}.read-interaction-step{display:flex;gap:14px;align-items:center;padding:10px 14px}.read-interaction-step strong{margin:0}.read-interaction-display{grid-template-columns:1fr;gap:20px}}.radio-simulator{padding:clamp(20px,3vw,40px);border:1px solid var(--surface-3);background:var(--surface-1)}.radio-simulator-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.radio-simulator-top .read-label{margin:0}.radio-simulator button,.radio-simulator input{font:inherit}.radio-simulator button{color:var(--ink-0);background:var(--surface-2);border:1px solid var(--surface-3);cursor:pointer}.radio-simulator button:hover{border-color:var(--accent)}.radio-simulator :focus-visible{outline:2px solid var(--accent-lit);outline-offset:4px}.radio-simulator .radio-reset{padding:9px 14px;font-size:12px;flex-shrink:0;background:transparent}.radio-note,.radio-keyboard{font:13px/1.8 var(--font-ui);color:var(--ink-2)}.radio-note{margin:16px 0 28px;max-width:64em}.radio-hardware{max-width:840px;margin:0 auto;padding:clamp(18px,3vw,38px);border:1px solid var(--surface-3);border-radius:20px;background:var(--surface-0)}.radio-screens{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,34px)}.radio-screen-module{margin:0;min-width:0}.radio-screen-module figcaption{color:var(--ink-2);font-size:11px;letter-spacing:.08em;margin:0 0 12px}.radio-oled{position:relative;container-type:inline-size;aspect-ratio:2;overflow:hidden;border:6px solid var(--surface-2);outline:1px solid var(--surface-3);background:var(--surface-0);color:var(--ink-0)}.radio-oled-line{position:absolute;left:0;width:100%;height:12.5%;display:flex;font:400 5.5cqw/1 var(--font-ui);font-variant-numeric:tabular-nums;white-space:pre}.radio-oled-cell{display:inline-flex;align-items:center;justify-content:center;flex:0 0 4.6875%;height:100%}.radio-oled-cell.is-inverted{background:var(--ink-0);color:var(--surface-0)}.radio-controls{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px;border-radius:8px}.radio-control{display:flex;flex-direction:column;align-items:center;min-width:0}.radio-control h4{margin:0 0 18px;color:var(--ink-1);font-size:13px;font-weight:400}.radio-control>p{color:var(--ink-2);font-size:11px;line-height:1.8;text-align:center;margin:18px 0 0}.radio-joystick{position:relative;width:240px;height:230px;max-width:100%;flex-shrink:0}.radio-simulator .radio-direction{position:absolute;z-index:3;width:36px;height:36px;font-size:20px;border-radius:50%;border-color:transparent;color:var(--ink-2);background:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.radio-direction-up{top:0;left:calc(50% - 18px)}.radio-direction-down{bottom:0;left:calc(50% - 18px)}.radio-direction-left{left:0;top:calc(50% - 18px)}.radio-direction-right{right:0;top:calc(50% - 18px)}.radio-simulator .radio-stick{position:absolute;left:calc(50% - 74px);top:calc(50% - 74px);width:148px;height:148px;padding:0;border-radius:50%;border:2px solid var(--ink-2);background:var(--surface-2);touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;cursor:grab}.radio-simulator .radio-stick:active{cursor:grabbing}.radio-stick-cap{display:block;position:absolute;inset:16px;border:2px solid var(--ink-1);border-radius:50%;background:var(--ink-3);box-shadow:inset 0 0 0 6px var(--surface-3);pointer-events:none}.radio-joystick[data-direction=up] .radio-direction-up,.radio-joystick[data-direction=down] .radio-direction-down,.radio-joystick[data-direction=left] .radio-direction-left,.radio-joystick[data-direction=right] .radio-direction-right{color:var(--surface-0);background:var(--accent-lit)}.radio-encoder{display:flex;flex-direction:column;align-items:center;height:230px;justify-content:center;gap:20px}.radio-simulator .radio-dial{position:relative;width:124px;height:124px;border:8px solid var(--surface-3);border-radius:50%;background:radial-gradient(circle,var(--surface-2) 60%,var(--surface-1) 61%);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.radio-simulator .radio-dial.is-held{cursor:grabbing;border-color:var(--ink-3)}.radio-dial-indicator{position:absolute;inset:10px;pointer-events:none}.radio-dial-indicator:before{content:"";position:absolute;left:calc(50% - 2px);top:0;width:4px;height:17px;border-radius:2px;background:var(--ink-0)}.radio-detents{display:flex;gap:16px}.radio-turn{min-width:52px;height:40px;border-radius:20px;font-size:23px!important}.radio-hint{color:var(--ink-0);font:400 15px/1.8 var(--font-ui);margin:26px 0 8px;min-height:1.8em}.radio-keyboard{margin:0 0 12px}.radio-blink{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}.radio-blink input{accent-color:var(--accent)}.radio-sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.radio-pc{margin-top:22px;padding-top:18px;border-top:1px solid var(--surface-3);font-size:13px;color:var(--ink-2)}.radio-pc summary{cursor:pointer;color:var(--ink-1)}.radio-pc p{line-height:1.8}.radio-command-form{display:flex;align-items:end;gap:12px;max-width:580px}.radio-command-form label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.radio-command-form input{width:100%;box-sizing:border-box;border:1px solid var(--surface-3);background:var(--surface-0);color:var(--ink-0);padding:12px}.radio-command-form button{padding:12px 20px}.radio-reply{overflow-wrap:anywhere}@media(max-width:700px){.radio-simulator{padding:18px 14px}.radio-hardware{padding:20px 14px;border-radius:12px}.radio-screens{grid-template-columns:1fr;gap:22px;max-width:320px;margin:auto}.radio-controls{gap:22px;grid-template-columns:1fr}.radio-control>p{margin-top:12px}.radio-hint{font-size:14px}}.read-figure img{display:block;width:100%;height:auto;border-radius:8px;background:var(--surface-1)}.read-figure figcaption{font-size:13px;color:var(--ink-2);margin-top:10px}.read-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;align-items:start}.read-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.read-material-pair{min-width:0;padding-top:20px;border-top:1px solid var(--surface-3)}.read-material-pair h4{margin:0 0 20px;font-size:17px;font-weight:600}.read-material-views{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px;align-items:start}.read-material-views .read-figure{min-width:0}@media(max-width:1000px){.read-material-grid{grid-template-columns:1fr}}@media(max-width:520px){.read-material-views{grid-template-columns:1fr;gap:18px}.read-material-views .read-figure:first-child{width:120px}}.read-placeholder{border:1px dashed var(--surface-3);border-radius:8px;padding:40px 24px;text-align:center;color:var(--ink-2);font-size:14px;background:var(--surface-1)}.read-placeholder p{margin:0}.read-placeholder-note{font-size:12px;color:var(--ink-3);margin-top:8px!important}.read-entry{border-top:1px solid var(--surface-3);padding-top:24px}.read-entry a{font:16px/1.8 var(--font-ui);color:var(--accent-lit)}.read-entry p{font-size:13px;color:var(--ink-2);margin:6px 0 0}.face-reader[data-case-study]{overflow-anchor:none;padding:30px max(5.6vw,24px) 120px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:7vw;row-gap:0;font-family:var(--font-ui);scroll-padding-block:36px 110px}.read-masthead{grid-column:1 / -1;display:flex;justify-content:space-between;gap:24px;padding:0 0 24px;margin-bottom:62px;border-bottom:1px solid var(--surface-3);font:11px/1.6 var(--font-ui);letter-spacing:.13em;color:var(--ink-2)}[data-case-study] .read-cover[hidden],[data-case-study] [hidden]{display:none}[data-case-study] .read-details{grid-column:1;align-self:center;padding-block:24px}[data-case-study] .face-divider{display:none}[data-case-study] #readId{color:var(--accent);font-size:12px;letter-spacing:.16em}[data-case-study] #readTitle{font-size:clamp(42px,5.8vw,88px);line-height:1.12;letter-spacing:0;margin:18px 0 24px;overflow-wrap:normal}[data-case-study] .read-headline{font:400 clamp(24px,2.6vw,38px)/1.5 var(--font-ui);letter-spacing:0;color:var(--ink-0);white-space:pre-line;margin:0 0 24px}[data-case-study] #readBody{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:36em}[data-case-study] #readStack{font-size:11px;gap:6px 14px;margin-top:28px;color:var(--ink-2)}.read-actions{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:28px;align-items:center}.read-actions a{color:var(--ink-1);text-decoration:none;font-size:13px;min-height:44px;padding:12px 0}.read-actions a:first-child{background:var(--accent-lit);color:var(--surface-0);padding:12px 20px}.read-actions a:hover{text-decoration:underline;text-underline-offset:5px}.read-visual{min-width:0;margin:0;align-self:center}.read-visual[data-kind=image]{display:grid;justify-items:center;padding:24px 24px 18px;background:var(--surface-1);border:1px solid var(--surface-3)}.read-visual>img{height:min(49vh,490px);max-width:100%;width:auto;object-fit:contain;border:1px solid var(--surface-3);border-radius:12px}.read-visual figcaption{font:11px/1.7 var(--font-ui);color:var(--ink-2);margin-top:16px}.read-visual[data-shape=landscape]>img{height:auto;width:100%}.read-routes{list-style:none;padding:0;margin:0;border-top:1px solid var(--surface-3)}.read-routes li{position:relative;padding:24px 20px 24px 62px;border-bottom:1px solid var(--surface-3)}.read-routes li:first-child{background:var(--surface-1)}.read-route-index{position:absolute;top:30px;left:20px;color:var(--accent);font-size:11px}.read-routes h3{font:600 23px/1.5 var(--font-ui);margin:0 0 10px;color:var(--ink-0)}.read-routes p{font:13px/1.9 var(--font-ui);color:var(--ink-2);margin:0}.read-facts{grid-column:1 / -1;margin:62px 0 0;display:grid;grid-template-columns:repeat(var(--fact-count, 4),minmax(0,1fr));padding:26px 0;border-block:1px solid var(--surface-3);gap:24px}.read-facts dt{color:var(--ink-2);font-size:11px;margin-bottom:12px}.read-facts dd{color:var(--ink-1);font-size:14px;line-height:1.7;margin:0}.read-contents{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:12px 32px;padding:18px 0}.read-contents a{font-size:11px;color:var(--ink-2);text-decoration:none;padding-block:10px}.read-contents a:hover{color:var(--accent-lit)}[data-case-study] .read-sections{max-width:none;width:100%;margin-top:64px;gap:44px;font-size:15px}[data-case-study] .read-text{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:8vw;padding-top:36px;margin-top:16px;border-top:1px solid var(--surface-3);scroll-margin-top:36px}[data-case-study] .read-text:focus{outline:none}[data-case-study] .read-text h3{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.6;font-weight:600;letter-spacing:0}.read-chapter-number{display:block;color:var(--accent);font-size:11px;letter-spacing:.12em;margin-bottom:18px}.read-prose{max-width:46em}.read-prose p{margin:0 0 18px}.read-prose p:last-child{margin-bottom:0}[data-case-study] .read-gallery{padding:36px;background:var(--surface-1);border:1px solid var(--surface-3);display:flex;justify-content:center;gap:clamp(24px,7vw,100px);align-items:start}[data-case-study] .read-gallery .read-figure{flex:0 1 280px;min-width:0}[data-case-study] .read-gallery img{max-height:530px;object-fit:contain;border-radius:5px}[data-case-study] .read-figure figcaption{font-size:12px;color:var(--ink-2);margin-top:16px}[data-case-study] .read-placeholder{padding:62px 32px;border-radius:0;background:transparent}[data-case-study] .read-placeholder>p:first-child{color:var(--ink-1);font-size:16px}[data-case-study] .read-placeholder-note{color:var(--ink-2);max-width:52em;margin:10px auto 0!important;line-height:1.9}.read-label{margin:0 0 22px;color:var(--ink-2);font-size:11px;letter-spacing:.1em}.read-process{border:1px solid var(--surface-3);padding:28px}.read-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}[data-case-theme=myronhub] .read-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.read-steps li{min-width:0;padding-top:16px;border-top:1px solid var(--accent-dim)}.read-step-number{color:var(--accent);font-size:11px}.read-steps h4,.read-decisions h4{font-size:17px;font-weight:600;color:var(--ink-0);margin:12px 0}.read-steps p,.read-decisions p{font-size:13px;line-height:1.9;color:var(--ink-2);margin:0}.read-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.read-decisions section{border-left:1px solid var(--surface-3);padding-left:24px}.read-decisions h4{margin-top:0}.read-technical{border-block:1px solid var(--surface-3);padding:20px 0}.read-technical summary{cursor:pointer;min-height:44px;padding-block:10px;color:var(--ink-1);font-size:14px}.read-technical summary:focus-visible{outline:2px solid var(--accent-lit);outline-offset:5px}.read-technical .read-prose{padding:20px 0 12px;font-size:14px;color:var(--ink-2)}[data-case-study] .read-entry{border:0;padding:0}[data-case-study] .read-entry a{font-size:22px;text-underline-offset:7px}@media(min-width:1800px){.face-reader[data-case-study]{padding-inline:max(5.6vw,calc((100vw - 1500px)/2))}}@media(max-width:900px){.read-masthead{margin-bottom:34px}.read-facts,.read-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.read-decisions{gap:20px}}@media(max-width:700px){.face-reader[data-case-study]{display:block;padding:24px 24px 140px}.read-masthead{font-size:9px;gap:16px;padding-bottom:18px;margin-bottom:28px}.read-masthead span:last-child{text-align:right}[data-case-study] .read-details{padding:0}[data-case-study] #readTitle{font-size:clamp(36px,11vw,60px);margin:16px 0 22px}[data-case-study] .read-headline{font-size:25px}[data-case-study] #readBody{font-size:14px}[data-case-study] #readStack{margin-top:22px}.read-visual{margin-top:34px}.read-visual>img{height:400px}.read-facts{margin-top:34px;gap:26px 18px}.read-facts dd{font-size:12px}.read-contents{gap:4px 20px;padding-block:14px}[data-case-study] .read-sections{margin-top:36px;gap:28px}[data-case-study] .read-text{display:block;margin-top:12px;padding-top:24px}[data-case-study] .read-text h3{margin-bottom:22px;font-size:25px}.read-chapter-number{margin-bottom:10px}[data-case-study] .read-gallery{padding:24px;flex-direction:column;align-items:center;gap:32px}[data-case-study] .read-gallery .read-figure{flex:none;width:min(100%,260px)}[data-case-study] .read-gallery img{max-height:none}.read-process{padding:22px}.read-steps{gap:24px}[data-case-theme=myronhub] .read-steps{grid-template-columns:1fr}.read-steps h4{font-size:15px}.read-decisions{grid-template-columns:1fr;gap:28px}[data-case-study] .read-placeholder{padding:42px 22px}}.read-fitlog-demo{padding:28px 0;border-top:1px solid var(--fitlog-rule)}.read-fitlog-demo h4{margin:0 0 12px;font-size:20px;font-weight:600}.read-fitlog-demo>p{max-width:68ch;line-height:1.8;color:var(--fitlog-muted)}.read-fitlog-demo-start{min-height:44px;padding:12px 20px;margin:12px 0;border:1px solid var(--fitlog-ink);background:var(--fitlog-paper);color:var(--fitlog-ink);font:inherit;cursor:pointer}.read-fitlog-demo-start:focus-visible{outline:2px solid var(--fitlog-ink);outline-offset:4px}.read-fitlog-demo iframe{display:block;width:min(100%,1000px);height:850px;margin:20px auto;border:1px solid var(--fitlog-rule);background:var(--fitlog-paper)}#readPanel[data-case-theme=fitlog],#stage[data-mode=read]:has(#readPanel[data-case-theme=fitlog]) .navigation{--surface-0: var(--fitlog-paper);--surface-1: var(--fitlog-desk);--surface-2: var(--fitlog-inset);--surface-3: var(--fitlog-rule);--ink-0: var(--fitlog-ink);--ink-1: var(--fitlog-body);--ink-2: var(--fitlog-muted);--ink-3: var(--fitlog-muted);--accent: var(--fitlog-accent);--accent-lit: var(--fitlog-accent);--accent-dim: var(--fitlog-rule);--font-ui: var(--font-fitlog-body);color-scheme:light}#readPanel[data-case-theme=laser],#stage[data-mode=read]:has(#readPanel[data-case-theme=laser]) .navigation{--surface-0: var(--laser-paper);--surface-1: var(--laser-desk);--surface-2: var(--laser-inset);--surface-3: var(--laser-rule);--ink-0: var(--laser-ink);--ink-1: var(--laser-body);--ink-2: var(--laser-muted);--ink-3: var(--laser-muted);--accent: var(--laser-accent);--accent-lit: var(--laser-accent);--accent-dim: var(--laser-rule);color-scheme:dark}#readPanel[data-case-theme=myronhub],#stage[data-mode=read]:has(#readPanel[data-case-theme=myronhub]) .navigation{--surface-0: var(--myronhub-paper);--surface-1: var(--myronhub-desk);--surface-2: var(--myronhub-inset);--surface-3: var(--myronhub-rule);--ink-0: var(--myronhub-ink);--ink-1: var(--myronhub-body);--ink-2: var(--myronhub-muted);--ink-3: var(--myronhub-muted);--accent: var(--myronhub-accent);--accent-lit: var(--myronhub-accent);--accent-dim: var(--myronhub-rule);color-scheme:dark}#stage[data-mode=read]:has(#readPanel[data-case-theme]) .navigation{color:var(--ink-1);border-top:1px solid var(--surface-3)}[data-case-theme] .read-actions a:first-child{background:var(--accent);color:var(--surface-0)}[data-case-theme=fitlog] .read-masthead{border-bottom:2px solid var(--ink-0);letter-spacing:.16em}[data-case-theme=fitlog] #readId{display:inline-block;padding:7px 10px;border:1px solid var(--accent)}[data-case-theme=fitlog] #readTitle{font-family:var(--font-fitlog-heading);font-weight:600;letter-spacing:0;font-size:clamp(44px,5.5vw,80px)}[data-case-theme=fitlog] .read-headline{font-family:var(--font-fitlog-heading);font-weight:600;font-size:clamp(25px,2.4vw,35px);line-height:1.6;letter-spacing:0}[data-case-theme=fitlog] .read-text h3,[data-case-theme=fitlog] .read-steps h4,[data-case-theme=fitlog] .read-decisions h4{font-family:var(--font-fitlog-heading);font-weight:600}[data-case-theme=fitlog] .read-steps h4{font-size:18px}[data-case-theme=fitlog] .read-chapter-number{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--accent);font:12px var(--font-ui);letter-spacing:0}[data-case-theme=fitlog] .read-visual[data-kind=image],[data-case-theme=fitlog] .read-gallery{border:0;border-top:2px solid var(--accent)}[data-case-theme=fitlog] .read-visual>img{border-radius:4px}[data-case-theme=fitlog] .read-facts{border-top:2px solid var(--ink-0)}[data-case-theme=fitlog] .read-process{background:var(--surface-0);border-width:1px 0}[data-case-theme=fitlog] .read-steps li{border-top-color:var(--surface-3)}[data-case-theme=fitlog] .read-entry a{font-family:var(--font-fitlog-heading);font-weight:600}[data-case-theme=fitlog] .read-masthead{margin-bottom:38px}[data-case-theme=fitlog] .read-visual[data-kind=image]{background:transparent;border-top:0;padding:0 24px}[data-case-theme=fitlog] .read-visual>img{width:min(100%,27vh,264px);height:auto;border:1px solid var(--surface-3)}[data-case-theme=fitlog] #readStack{margin-top:18px}[data-case-theme=fitlog] .read-facts{margin-top:40px}[data-case-theme=fitlog] .read-contents{border-bottom:1px solid var(--surface-3)}[data-case-theme=fitlog] .read-sections{gap:56px;margin-top:36px}.read-excerpt{margin:0;padding:32px;background:var(--surface-1);border-left:3px solid var(--accent);display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:18px 5vw}.read-excerpt .read-label{grid-row:1 / 3;margin:0}.read-excerpt blockquote{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/2 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink-1)}.read-excerpt-note{margin:0;font-size:12px;line-height:1.9;color:var(--ink-2)}.read-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8vw;align-items:center;border-top:1px solid var(--surface-3);padding-top:42px;scroll-margin-top:36px}.read-feature:focus{outline:none}.read-feature h3{margin:0 0 28px;color:var(--ink-0);font:600 clamp(24px,2.6vw,36px)/1.6 var(--font-fitlog-heading);white-space:pre-line}.read-feature .read-figure{width:min(100%,280px);justify-self:center}.read-feature .read-figure[data-shape=landscape]{width:100%}.read-walkthrough-screen:has(.read-figure[data-shape=landscape]){width:100%}#readPanel:not([data-case-theme=fitlog]) .read-feature h3{font:600 clamp(22px,2.2vw,30px)/1.6 var(--font-ui)}#readPanel:not([data-case-theme=fitlog]) .read-walkthrough-step strong{font:600 17px/1.6 var(--font-ui)}.read-feature .read-figure img{border:1px solid var(--surface-3)}.read-model{margin:0}.read-model-stage{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-1);border:1px solid var(--surface-3)}.read-model-stage>img{display:block;width:100%;height:100%;object-fit:cover}.read-model-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.read-model-canvas:active{cursor:grabbing}.read-model[data-state=live] .read-model-stage>img{display:none}.read-model:not([data-state=failed]) .read-model-retry{display:none}.read-model-retry{position:absolute;left:50%;bottom:24px;transform:translate(-50%);min-height:44px;padding:12px 22px;border:0;cursor:pointer;background:var(--accent-lit);color:var(--surface-0);font:13px/1.4 var(--font-ui)}.read-model-retry:focus-visible{outline:2px solid var(--accent-lit);outline-offset:4px}.read-model-status{position:absolute;left:0;right:0;top:16px;margin:0;text-align:center;font:12px/1.6 var(--font-ui);color:var(--ink-1)}.read-model figcaption{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:12px;color:var(--ink-2)}.read-model figcaption .read-label{margin:0}@media(max-width:700px){.read-model-stage{aspect-ratio:4 / 3}.read-model-retry{bottom:16px}}.read-walkthrough{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8vw;align-items:center;padding:40px;background:var(--surface-1)}.read-walkthrough-step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px 14px;width:100%;text-align:left;padding:24px;margin-top:14px;border:1px solid var(--surface-3);color:var(--ink-1);background:transparent;cursor:pointer;font:14px/1.9 var(--font-ui)}.read-walkthrough-step[aria-pressed=true]{border-color:var(--accent);background:var(--surface-0)}.read-walkthrough-step:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.read-walkthrough-step strong{font:600 20px/1.6 var(--font-fitlog-heading);color:var(--ink-0)}.read-walkthrough-copy{grid-column:2;color:var(--ink-2);font-size:13px}.read-walkthrough-screen{justify-self:center;width:min(100%,260px)}.read-walkthrough-screen img{border:1px solid var(--surface-3)}[data-case-theme=fitlog] .read-steps{grid-template-columns:repeat(3,minmax(0,1fr))}[data-case-theme=fitlog] .read-text h3{white-space:pre-line}@media(max-width:900px){.read-feature,.read-walkthrough{gap:32px}.read-walkthrough{padding:24px}.read-walkthrough-step{padding:18px}}@media(max-width:700px){[data-case-theme=fitlog] .read-visual>img{height:auto;width:min(100%,260px)}[data-case-theme=fitlog] .read-sections{gap:36px}.read-excerpt,.read-feature,.read-walkthrough{grid-template-columns:1fr}.read-excerpt{padding:24px 18px}.read-excerpt .read-label{grid-row:auto}.read-excerpt blockquote{font-size:12px}.read-feature h3{font-size:27px}.read-feature .read-figure,.read-walkthrough-screen{width:min(100%,260px)}.read-walkthrough{padding:24px 16px;gap:28px}[data-case-theme=fitlog] .read-steps{grid-template-columns:1fr}}[data-case-theme=laser] .read-masthead{background:var(--surface-1);padding:16px 20px;border:1px solid var(--surface-3);border-radius:4px}[data-case-theme=laser] #readTitle{font-weight:600;letter-spacing:0;font-size:clamp(38px,5vw,72px)}[data-case-theme=laser] .read-routes{border:1px solid var(--surface-3);border-radius:4px;overflow:hidden;background:var(--surface-1)}[data-case-theme=laser] .read-routes li:first-child{background:var(--surface-2)}[data-case-theme=laser] .read-routes li:last-child{border-bottom:0}[data-case-theme=laser] .read-route-index{border:1px solid var(--accent);border-radius:4px;padding:4px;left:14px}[data-case-theme=laser] .read-routes h3{font-size:21px}[data-case-theme=laser] .read-process{background:var(--surface-1);border-radius:4px}[data-case-theme=laser] .read-step-number{display:inline-block;padding:3px 7px;background:var(--surface-2);border:1px solid var(--surface-3);border-radius:4px}[data-case-theme=laser] .read-contents a{border-bottom:2px solid var(--surface-3)}[data-case-theme=laser] .read-contents a:hover{border-bottom-color:var(--accent)}[data-case-theme=laser] .read-placeholder{border-radius:4px;background:var(--surface-1)}.navigation{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.language-switch{display:flex;border:1px solid var(--surface-3);border-radius:4px}.language-switch button{min-width:44px;padding:7px 10px}.language-switch button[aria-pressed=true]{background:var(--surface-2);color:var(--ink-0);font-weight:600}.language-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html[lang=en] .read-headline{letter-spacing:-.015em}html[lang=en] [data-case-study] #readTitle{letter-spacing:-.02em}html[lang=en] [data-case-study] .read-text h3{letter-spacing:-.01em}html[lang=en] .read-prose{-webkit-hyphens:auto;hyphens:auto}@media(max-width:700px){.navigation{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding-block:8px}.language-switch{grid-column:2;grid-row:1}.navigation-actions{grid-column:1 / -1;grid-row:2;justify-content:space-between;gap:12px}.navigation kbd{margin-left:5px}.navigation p{letter-spacing:0}.read-masthead{flex-wrap:wrap;gap:8px}}#viewToggle[aria-pressed=true]{color:var(--accent)}#viewToggle:disabled{display:none}.orbital-study .site-bar,.orbital-study .navigation,.orbital-study #holo,.orbital-study #readPanel{display:none}.orbital-toolbar{position:absolute;top:14px;left:16px;right:16px;z-index:20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:8px;background:var(--surface-0);color:var(--ink-0);font:12px var(--font-ui)}.orbital-toolbar strong{margin-right:auto;font-weight:600}.orbital-toolbar button,.orbital-toolbar a{color:var(--ink-1);background:var(--surface-1);border:1px solid var(--surface-3);border-radius:4px;padding:7px 10px;font:inherit;text-decoration:none;cursor:pointer}.orbital-toolbar button[aria-pressed=true]{color:var(--ink-0);border-color:var(--accent)}.orbital-toolbar button:focus-visible,.orbital-toolbar a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.orbital-tuning{position:absolute;right:16px;top:79px;z-index:21;width:275px;color:var(--ink-1);background:var(--surface-0);padding:8px;border-radius:6px}.orbital-tuning .dev-group{margin:0}.orbital-hint{position:absolute;bottom:14px;left:16px;right:16px;width:fit-content;margin:0;padding:8px 12px;background:var(--surface-0);color:var(--ink-1);border-radius:6px;font:12px var(--font-ui)}.orbital-reference{position:absolute;inset:100px 5% 65px;z-index:22;margin:0;background:var(--surface-0);padding:12px;text-align:center}.orbital-reference img{width:100%;height:calc(100% - 28px);object-fit:contain}.orbital-reference figcaption{color:var(--ink-1);font:12px var(--font-ui)}.orbital-overlay{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.orbital-overlay img{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;transform:translate(-50%)}@media(max-width:600px){.orbital-toolbar{top:8px;left:8px;right:8px;gap:5px}.orbital-toolbar strong{width:100%}.orbital-toolbar button,.orbital-toolbar a{padding:6px}.orbital-tuning{top:157px;right:8px;width:240px}.orbital-reference{inset:200px 8px 90px}.orbital-hint{font-size:11px;left:8px;right:8px}}