:root{--ink:#253b37;--muted:#63736c;--paper:#f5f4ed;--line:#d8ded5;--accent:#b65032}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;border-bottom:1px solid var(--line);gap:20px}brand,.brand{font-weight:750;text-decoration:none;line-height:1.3}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.14em;margin-top:5px}nav{display:flex;gap:25px}nav a{text-decoration:none;font-size:14px}nav a[aria-current]{border-bottom:2px solid var(--accent)}main{max-width:1320px;margin:auto;padding:0 5vw 70px}.hero{padding:76px 0 54px;max-width:850px}.hero.compact{padding:55px 0 32px}.eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:.13em;color:var(--muted);margin:0 0 22px}h1{font:normal clamp(42px,5.8vw,76px)/1.06 Georgia,serif;letter-spacing:-.04em;margin:0 0 28px}h2{font:normal clamp(29px,3.2vw,42px)/1.18 Georgia,serif;letter-spacing:-.025em;margin:0 0 25px}h3{font-size:21px;line-height:1.3;margin:18px 0 10px}p{margin:0 0 18px}.lead{font-size:19px;color:var(--muted);max-width:770px}.button,button{background:var(--ink);color:#fff;border:1px solid var(--ink);padding:12px 19px;display:inline-block;border-radius:4px;text-decoration:none;font:inherit;cursor:pointer}.textlink{margin-left:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats>div{padding:25px 0}.stats strong{display:block;font:32px Georgia,serif}.stats span{font-size:13px;color:var(--muted)}section+section,main>section:not(.hero){margin-top:58px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:5px}article p{font-size:15px;color:var(--muted)}.badge{display:inline-block;background:#ede6d4;color:#725e2e;font:10px/1.5 ui-monospace,monospace;letter-spacing:.05em;padding:5px 8px;border-radius:3px}.badge.red{background:#f6e2da;color:#9b3e29}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:38px;align-items:center}.plan-preview{display:block;background:white;border:1px solid var(--line);text-decoration:none}.plan-preview img{width:100%}.plan-preview span{display:block;padding:15px;border-top:1px solid var(--line);font-size:13px}.callout{background:#eee9dc;border-left:3px solid var(--accent);padding:22px 26px}.callout p{margin:8px 0 0;font-size:14px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;background:#fff;font-size:14px}th,td{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{font-size:11px;text-transform:uppercase;letter-spacing:.07em}td:first-child{font-weight:650;min-width:150px}td:last-child{min-width:165px}.source,footer{font-size:12px;color:var(--muted)}.source{margin-top:16px}.recommendations{padding-left:24px}.recommendations li{padding:0 0 20px 10px;max-width:1000px}details{border-top:1px solid var(--line);padding:19px 0}summary{font-weight:650;cursor:pointer}details p{margin:15px 0 0;max-width:1000px}footer{padding:25px 5vw;border-top:1px solid var(--line)}.viewer{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-top:22px}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:13px 18px;border-bottom:1px solid var(--line)}.toolbar button{padding:5px 12px;font-size:13px;background:white;color:var(--ink)}.toolbar label{font-size:12px;white-space:nowrap}.canvas{height:540px;overflow:hidden;touch-action:none;cursor:grab}.canvas:active{cursor:grabbing}.canvas svg{width:100%;height:100%;display:block}.room,.issue{cursor:pointer}.inspector{padding:16px 20px;background:#edf1e9;min-height:65px;font-size:14px}.legend{display:flex;flex-wrap:wrap;gap:20px;padding:12px 20px;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:10px;height:10px;margin-right:5px;background:#bb593a}.drawing-tabs{display:flex;gap:10px;flex-wrap:wrap}.drawing-tabs button{background:transparent;color:var(--ink)}.drawing-tabs button[aria-selected=true]{background:var(--ink);color:white}.drawing-panel[hidden]{display:none}.reference{width:100%;display:block;background:white}.muted{color:var(--muted)}.downloads{display:flex;gap:22px;font-size:13px;margin:14px 0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b65032;outline-offset:4px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding:19px 6vw}nav{gap:19px;flex-wrap:wrap}main{padding:0 6vw 45px}.hero{padding-top:45px}.grid,.split{grid-template-columns:1fr}.stats strong{font-size:25px}.stats span{font-size:11px}.stats{gap:15px}.textlink{display:block;margin:20px 0 0}.canvas{height:390px}section+section,main>section:not(.hero){margin-top:40px}td,th{padding:12px}article{padding:22px}}@media print{header,footer,.toolbar,.drawing-tabs,.downloads,.button,.textlink{display:none}body{background:white;font-size:11px}main{max-width:none;padding:0}.hero{padding:10px 0!important}h1{font-size:35px}h2{font-size:25px}.canvas{height:auto;aspect-ratio:2.13}.canvas svg{height:auto}.viewer{break-inside:avoid}.grid{gap:8px}section{margin-top:20px!important}a{text-decoration:none}}
/* Shared visual language for current pages and the retained material archive. */
:root{color-scheme:light;--ground:#f5f4ed;--surface:#fffdf8;--sheet:#efeee6;--text:#253b37;--faint:#63736c;--hair:#d8ded5;--brann:#9d492f;--sum:#345e50;--brann-soft:#f6e2da;--sum-soft:#e2ebe0}html{color-scheme:light}body{background:var(--ground)}img{max-width:100%}.topbar{position:static;background:transparent;padding:24px 5vw}.topbar nav{gap:25px}.topbar nav a{padding:0;border:0;font-weight:400;color:var(--ink)}.topbar nav a.on{color:var(--ink);border-bottom:2px solid var(--accent)}.brand-a{font:750 16px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.brand-b{font:11px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.1em;margin-top:5px}.wrap{max-width:1320px;padding:45px 5vw 70px;gap:30px}.card,.fase,.rom,.card-link,figure{border-radius:5px}.archive-notice{padding:12px 5vw;background:#eee9dc;font-size:13px;border-bottom:1px solid var(--line)}.house-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:38px;align-items:start}.house-stage{border:1px solid var(--line);border-radius:6px;background-color:#ebece4;background-image:linear-gradient(#344b4808 1px,transparent 1px),linear-gradient(90deg,#344b4808 1px,transparent 1px);background-size:24px 24px;padding:24px;overflow:hidden}.stage-heading{display:flex;justify-content:space-between;font:11px ui-monospace,monospace}.floor-stack{padding:24px 0 14px}.floor-plate{position:relative;display:flex;align-items:center;width:100%;height:150px;padding:0;background:transparent;border:0;color:var(--ink);text-align:left}.floor-caption{width:125px;flex-shrink:0;font:11px ui-monospace,monospace;z-index:1}.floor-caption strong{display:block;font:20px Georgia,serif;margin:5px 0}.floor-caption small{font:10px/1.4 sans-serif;display:block}.plate-drawing{width:calc(100% - 140px);height:auto;transform:rotate(-15deg) skewX(26deg) scaleY(.78);box-shadow:-7px 9px 0 #b9c1b8,-10px 17px 22px #253b371a;transition:transform .2s,opacity .2s;border:2px solid transparent}.floor-plate[aria-pressed=true] .plate-drawing{border-color:#9d6730;transform:translateY(-7px) rotate(-15deg) skewX(26deg) scaleY(.78)}.attic{height:105px;background:repeating-linear-gradient(90deg,#d2d4cc 0 2px,#e9e8e3 2px 33px);display:flex;align-items:center;justify-content:center;font:11px ui-monospace,monospace}.stage-note{font-size:11px;color:var(--muted);margin:18px 0 0}.house-key h2{font-size:34px}.house-key p{font-size:14px}.unit-key{list-style:none;padding:0;margin:24px 0}.unit-key li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.unit-key i{width:23px;height:23px;background:var(--unit);border:1px solid #253b3726;border-radius:3px}.unit-key strong,.unit-key small{display:block}.unit-key strong{font-size:14px}.unit-key small{font-size:12px;color:var(--muted)}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.detail-heading h2{font-size:32px}.drawing-tabs button[aria-pressed=true]{background:var(--ink);color:white}.floor-plan-sheet{background:#fffdf8;border:1px solid var(--line);padding:24px;margin:24px 0}.floor-plan-sheet img{width:100%;display:block}.floor-plan-sheet [hidden]{display:none}#loft-note{padding:55px 20px;text-align:center}#loft-note p{margin:auto}.house-detail-link{margin-top:20px}@media(max-width:1000px){.house-layout{grid-template-columns:1fr}.unit-key{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.detail-heading{display:block}}@media(max-width:600px){.house-stage{padding:15px}.floor-plate{height:110px}.floor-caption{width:90px}.floor-caption strong{font-size:17px}.plate-drawing{width:calc(100% - 100px)}.attic{height:65px}.stage-heading{font-size:9px}.stage-heading .eyebrow{font-size:9px}.unit-key{grid-template-columns:1fr}.floor-plan-sheet{padding:8px}.topbar nav{gap:16px}}@media(prefers-reduced-motion:reduce){.plate-drawing{transition:none}}@media print{.house-layout{display:block}.house-stage{break-inside:avoid}.floor-plate{display:flex!important}.house-key{break-before:page}}
/* Keep transformed floor corners clear of captions and the sheet edge. */
.plate-drawing{transform:scale(.78) rotate(-15deg) skewX(26deg) scaleY(.78);transform-origin:center}.floor-plate[aria-pressed=true] .plate-drawing{transform:translateY(-5px) scale(.78) rotate(-15deg) skewX(26deg) scaleY(.78)}.floor-stack{padding-bottom:40px}.floor-caption{background:#ebece4e8;border-radius:3px;padding:5px 0}.stage-note{position:relative}
.plan-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.plan-controls button{padding:6px 14px;background:transparent;color:var(--ink)}.plan-controls button:disabled{opacity:.4;cursor:default}.plan-controls output{font:12px ui-monospace,monospace;min-width:48px;text-align:center}.plan-controls a{margin-left:auto;font-size:13px}.floor-plan-sheet{overflow:auto;max-height:75vh}.plan-legend{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:12px;margin:16px 0}.plan-legend span{display:flex;align-items:center;gap:7px}.plan-legend i{display:inline-block;width:15px;height:15px;background:var(--unit);border:1px solid #253b3726;border-radius:2px}.plan-controls[hidden],.plan-legend[hidden]{display:none}@media print{.plan-controls{display:none}.floor-plan-sheet{max-height:none;overflow:visible}.floor-plan-sheet img{width:100%!important}}
/* Compact document headings across current pages and the material archive. */
.hero,.hero.compact { padding:28px 0 20px; max-width:none; }
.hero > .eyebrow { display:none; }
h1 { font:600 clamp(26px,3vw,34px)/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing:-.02em; margin:0 0 14px; }
h2 { font:600 clamp(21px,2.4vw,27px)/1.25 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing:-.015em; margin:0 0 18px; }
h3 { font-size:18px; }
.lead { font-size:16px; line-height:1.55; max-width:85ch; }
section+section,main>section:not(.hero) { margin-top:32px; }
.wrap { padding-top:24px; gap:24px; }
.wrap .hero { padding:0; }
@media(max-width:760px) { .hero,.hero.compact { padding-top:24px; } }