.focusplate{border:var(--hair) solid var(--line-ink);background:var(--paper)}.focusplate-frame{padding:var(--s4) var(--s3);border-bottom:var(--hair) solid var(--line-ink);background:var(--paper);--fp-surface-1:var(--grey-100);--fp-surface-2:var(--grey-200);--fp-face:var(--grey-200);position:relative}:root[data-theme=dark] .focusplate-frame{--fp-surface-1:var(--grey-600);--fp-surface-2:var(--grey-500);--fp-face:var(--grey-500)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .focusplate-frame{--fp-surface-1:var(--grey-600);--fp-surface-2:var(--grey-500);--fp-face:var(--grey-500)}}.focusplate-marks{z-index:2;pointer-events:none;background-image:linear-gradient(var(--line-2), var(--line-2)), linear-gradient(var(--line-2), var(--line-2)), linear-gradient(var(--line-2), var(--line-2)), linear-gradient(var(--line-2), var(--line-2));background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:7px 7px;position:absolute;inset:10px}.focusplate-frame svg{z-index:1;width:100%;height:auto;display:block;position:relative}.fp-plate{color:var(--ink)}.fp-field{color:var(--ink-3)}.fp-region{color:var(--ink)}.fp-note{color:var(--ink-2)}.fp-label{font-family:var(--font-mono);letter-spacing:.14em;fill:var(--ink-2);font-size:11px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.fp-leader{transform-box:view-box;animation-name:fp-draw-leader;animation-duration:1ms;animation-timing-function:var(--ease-firm);animation-fill-mode:both;animation-timeline:view();animation-range:entry 25% cover 45%}}}@keyframes fp-draw-leader{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.focusplate-line{align-items:baseline;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:var(--hair) solid var(--line);font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);flex-wrap:wrap;line-height:1.4;display:flex}.focusplate-fig{color:var(--ink-3)}.focusplate-name{color:var(--ink)}.focusplate-count{color:var(--ink-3);margin-left:auto}.focusplate-note{padding:var(--s3);font-size:var(--t-sm);color:var(--ink-2);line-height:1.45}@media (max-width:520px){.focusplate-frame{padding:var(--s3) var(--s2)}.focusplate-count{margin-left:0}}
.iso-grid{gap:var(--s3);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}@media (max-width:900px){.iso-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.iso-grid{grid-template-columns:1fr}}.iso{--d:6px;--d-max:11px;margin:0 var(--d-max) var(--d-max) 0;display:block;position:relative}.iso:before{content:"";background:var(--blue);transform:translate(var(--d), var(--d));transition:transform var(--dur-tactile) var(--ease-firm);position:absolute;inset:0}.iso-face{align-items:center;gap:var(--s2);padding:var(--s3);background:var(--paper);border:var(--hair) solid var(--ink);color:var(--ink);transition:transform var(--dur-tactile) var(--ease-firm);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.iso-icon{width:24px;height:24px;color:var(--blue-ink);place-items:center;display:grid}.iso-icon svg{width:100%;height:100%;display:block}.iso-label{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);line-height:1}.iso-arrow{font-family:var(--font-mono);font-size:var(--t-label);color:var(--ink-3);transition:transform var(--dur-tactile) var(--ease-firm), color var(--dur-tactile) var(--ease-soft)}.iso:hover{--d:11px}.iso:hover .iso-face,.iso:focus-visible .iso-face{transform:translate(-3px,-3px)}.iso:hover .iso-arrow{color:var(--blue-ink);transform:translate(2px,-2px)}.iso:focus-visible{--d:11px;outline:none}.iso:focus-visible .iso-face{outline:2px solid var(--blue);outline-offset:3px}.iso:active{--d:0px}.iso:active .iso-face{transition-duration:var(--dur-press);transform:translate(6px,6px)}@media (prefers-reduced-motion:reduce){.iso,.iso:before,.iso-face,.iso-arrow{transition-duration:1ms}}
.plotface{border:var(--hair) solid var(--line-ink);background:var(--paper)}.plotface-frame{background:var(--paper-2);padding:var(--s4);padding-bottom:calc(var(--s4) + var(--s2));border-bottom:var(--hair) solid var(--line-ink);position:relative}.plotface-plate{background:var(--paper);aspect-ratio:555/415;line-height:0;display:block;position:relative;overflow:hidden}.plotface-img{border-radius:var(--radius);width:100%;height:auto;transition:opacity var(--dur-enter) var(--ease-soft);display:block}.plotface-img.is-plotted{opacity:0}.plotface-canvas{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity var(--dur-enter) var(--ease-soft);display:block;position:absolute;inset:0}.plotface-canvas.is-on{opacity:1}.plotface-marks{z-index:3;pointer-events:none;background-image:linear-gradient(var(--line-2), var(--line-2)), linear-gradient(var(--line-2), var(--line-2)), linear-gradient(var(--line-2), var(--line-2)), linear-gradient(var(--line-2), var(--line-2));background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:7px 7px;position:absolute;inset:10px}.plotface-note{z-index:4;font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;pointer-events:none;line-height:1;position:absolute;bottom:14px}.plotface-scale{left:var(--s4);color:var(--ink-2)}.plotface-readout{right:var(--s4);color:var(--blue-ink);font-variant-numeric:tabular-nums;text-align:right;min-width:7ch}.plotface-block dl>div{gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:var(--hair) solid var(--line);grid-template-columns:100px minmax(0,1fr);align-items:baseline;display:grid}.plotface-block dt{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-3);line-height:1.4}.plotface-block dd{font-size:var(--t-sm);color:var(--ink);min-width:0;line-height:1.35}@media (max-width:420px){.plotface-block dl>div{grid-template-columns:1fr;gap:4px}}.plotface-status{align-items:center;gap:var(--s2);padding:var(--s3);font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--blue-ink);line-height:1;display:flex}.plotface-status .live{background:var(--blue);flex:none;width:7px;height:7px}@media (prefers-reduced-motion:no-preference){.plotface-status .live{animation:plotface-pulse 2.4s var(--ease-soft) infinite}}@keyframes plotface-pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-split .plotface{justify-self:end;width:100%;max-width:520px}@media (max-width:1000px){.hero-split .plotface{order:-1;justify-self:start;max-width:480px}}@media (max-width:520px){.plotface-frame{padding:var(--s3);padding-bottom:calc(var(--s3) + var(--s2))}.plotface-scale{left:var(--s3)}.plotface-readout{right:var(--s3)}}@media (prefers-reduced-motion:reduce){.plotface-img,.plotface-canvas{transition:none}}
.story-line{border:var(--hair) solid var(--line-ink);counter-reset:milestone;list-style:none}.story-line li{gap:var(--s3);padding:var(--s3);border-bottom:var(--hair) solid var(--line);grid-template-columns:96px minmax(0,1fr) 200px;align-items:baseline;display:grid}.story-line li:last-child{border-bottom:0}@media (max-width:900px){.story-line li{gap:var(--s2);grid-template-columns:80px minmax(0,1fr)}.story-note{grid-column:2}}@media (max-width:480px){.story-line li{grid-template-columns:1fr}.story-note{grid-column:1}}.story-when{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ember);white-space:nowrap;line-height:1.5}.story-what{font-size:var(--t-sm);color:var(--ink-2);text-wrap:pretty;min-width:0;line-height:1.5}.story-note{color:var(--ink);text-align:right;min-width:0;line-height:1.5}@media (max-width:900px){.story-note{text-align:left}}.story-line li.is-now{background:var(--paper-2)}.story-line li.is-now .story-when{color:var(--blue-ink)}.story-line li.is-now .story-what{color:var(--ink);font-family:var(--font-head);font-weight:500}