:root{--ink: #0e1626;--cyanotype: #2e5e8c;--paper: #e8e4d8;--rebar: #c2571f;--steel: #7c8794;--signal: #79b8a0;--font-display: "Archivo", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overscroll-behavior:none}body{background:var(--ink);color:var(--paper);font-family:var(--font-display);overflow:hidden}.canvas-root{position:fixed;inset:0}.title-block{position:fixed;right:16px;bottom:16px;z-index:10;min-width:300px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--steel);border:1px solid var(--cyanotype);background:color-mix(in srgb,var(--ink) 88%,transparent);pointer-events:none}.title-block__row{display:flex;justify-content:space-between}.title-block__row+.title-block__row{border-top:1px solid color-mix(in srgb,var(--cyanotype) 55%,transparent)}.title-block__row--head .title-block__project{color:var(--paper);font-weight:500;letter-spacing:.14em}.title-block__cell,.title-block__project{padding:6px 10px}.title-block__cell+.title-block__cell,.title-block__project+.title-block__cell{border-left:1px solid color-mix(in srgb,var(--cyanotype) 55%,transparent);min-width:118px}.title-block__cell strong{color:var(--paper);font-weight:500}.title-block__section{color:var(--paper)}.section-nav{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:2px}.section-nav__item{display:flex;align-items:center;gap:10px;padding:7px 10px;background:none;border:1px solid transparent;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--steel);cursor:pointer;text-align:left}.section-nav__marker{display:inline-block;min-width:34px;padding:1px 4px;border:1px solid var(--steel);text-align:center}.section-nav__label{opacity:0;transform:translate(-4px);transition:opacity .14s ease,transform .14s ease}.section-nav__item:hover .section-nav__label,.section-nav__item:focus-visible .section-nav__label,.section-nav__item.is-active .section-nav__label{opacity:1;transform:none}.section-nav__item:hover,.section-nav__item:focus-visible{color:var(--paper)}.section-nav__item:hover .section-nav__marker{border-color:var(--paper)}.section-nav__item.is-active{color:var(--paper)}.section-nav__item.is-active .section-nav__marker{border-color:var(--rebar);color:var(--rebar)}.dim-label{position:relative;font-family:var(--font-mono);pointer-events:none;user-select:none}.dim-label--flip{transform:scaleX(-1)}.dim-label--flip .dim-label__text{transform:scaleX(-1);right:auto;left:-72px;text-align:right}.dim-line,.dim-tick{stroke:var(--cyanotype);stroke-width:1}.dim-dot{fill:var(--paper)}.dim-label__text{position:absolute;top:2px;right:-72px;display:flex;flex-direction:column;font-size:11px;letter-spacing:.08em;color:var(--paper);white-space:nowrap;line-height:1.5}.dim-label__detail{color:var(--steel);font-size:10px}.project-tag{position:relative;display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;background:color-mix(in srgb,var(--ink) 88%,transparent);border:1px solid var(--cyanotype);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--paper);cursor:pointer;white-space:nowrap;transform:translate(10px,-50%);transition:border-color .14s ease}.project-tag:before{content:"";position:absolute;left:-10px;top:50%;width:10px;height:1px;background:var(--cyanotype)}.project-tag__dwg{padding:1px 5px;border:1px solid var(--steel);color:var(--steel);transition:inherit}.project-tag:hover,.project-tag:focus-visible{border-color:var(--paper)}.project-tag:hover .project-tag__dwg{border-color:var(--paper);color:var(--paper)}.overlay-backdrop{position:fixed;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--ink) 72%,transparent)}.overlay-sheet{width:min(560px,100%);border:1px solid var(--cyanotype);background:var(--ink);padding:0 22px 22px}.overlay-sheet__head{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--cyanotype) 55%,transparent);margin-bottom:14px}.overlay-sheet__dwg{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--steel);border:1px solid var(--steel);padding:2px 6px}.overlay-sheet__title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.01em;flex:1}.overlay-sheet__close{background:none;border:1px solid transparent;color:var(--steel);font-size:14px;cursor:pointer;padding:4px 8px}.overlay-sheet__close:hover{color:var(--paper);border-color:var(--steel)}.overlay-sheet__meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--steel);margin-bottom:12px}.overlay-sheet__blurb{font-size:15px;line-height:1.6;max-width:60ch}.overlay-sheet__stack{display:flex;gap:8px;list-style:none;margin-top:14px}.overlay-sheet__stack li{font-family:var(--font-mono);font-size:11px;color:var(--steel);border:1px solid color-mix(in srgb,var(--steel) 60%,transparent);padding:2px 8px}.overlay-sheet__link{display:inline-block;margin-top:18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--rebar);text-decoration:none;border:1px solid var(--rebar);padding:8px 14px}.overlay-sheet__link:hover{background:color-mix(in srgb,var(--rebar) 14%,transparent)}.loader{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--ink);transition:opacity .4s ease}.loader--finished{opacity:0;pointer-events:none}.loader__text{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--steel)}.loader__text strong{color:var(--paper);font-weight:500}.loader__bar{width:min(320px,60vw);height:2px;background:color-mix(in srgb,var(--cyanotype) 40%,transparent)}.loader__fill{height:100%;background:var(--cyanotype);transition:width .2s linear}@media (max-width: 640px){.title-block{right:8px;bottom:8px;min-width:0;font-size:10px}.title-block__cell+.title-block__cell,.title-block__project+.title-block__cell{min-width:92px}.section-nav{left:6px}.section-nav__label{display:none}}