/* Build note 005 — actual architectural sheets on a monochrome workbench. */
.note{max-width:1200px;margin:auto;padding:0 40px}.note *{box-sizing:border-box}.skip{position:absolute;top:-100px;left:20px;background:var(--palette-surface-fff);color:var(--palette-fg-111);padding:12px;z-index:100}.skip:focus{top:12px}.edition,.note-footer{display:flex;justify-content:space-between;gap:18px;padding:25px 0;border-bottom:1px solid var(--line);font-size:calc((10px) * var(--text-scale, 1));color:var(--dim)}.note a{text-underline-offset:5px}.edition a,.note-footer a{text-decoration:none}.eyebrow{font-size:calc((10px) * var(--text-scale, 1));letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:0 0 20px}.hero{padding:62px 0 36px}.hero h1{font-size:calc((clamp(35px,5.6vw,70px)) * var(--text-scale, 1));line-height:1.12;font-weight:400;letter-spacing:-.065em;color:var(--ink);margin:0 0 32px}.hero h1 span{color:var(--dim)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:32px}.hero-bottom p{max-width:650px;font-size:calc((14px) * var(--text-scale, 1));line-height:1.9}.jump{font-size:calc((11px) * var(--text-scale, 1));white-space:nowrap;padding:14px 0;display:flex;gap:30px}.note figure{margin:0}.hero-drawing,.sheet-view{border:1px solid var(--line)}.hero-drawing img,.sheet-view img{display:block;width:100%;height:auto;background:var(--palette-surface-fff)}.hero-drawing figcaption,.sheet-view figcaption{padding:14px 18px;display:flex;justify-content:space-between;gap:20px;font-size:calc((10px) * var(--text-scale, 1));line-height:1.7;color:var(--dim);border-top:1px solid var(--line)}.story,.direction{display:grid;grid-template-columns:.9fr 1.3fr;gap:65px;padding:70px 0;border-bottom:1px solid var(--line)}.note h2{color:var(--ink);font-weight:400;letter-spacing:-.04em;font-size:calc((30px) * var(--text-scale, 1));line-height:1.3;margin:0 0 20px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;padding:27px 0;border-top:1px solid var(--line)}.steps li:first-child{padding-top:0;border-top:0}.steps li:last-child{padding-bottom:0}.step-no{font-size:calc((11px) * var(--text-scale, 1));color:var(--dim);padding-top:4px}.steps h3{font-size:calc((16px) * var(--text-scale, 1));font-weight:400;line-height:1.5;color:var(--ink);margin:0 0 12px}.steps p,.section-heading>p:not(.eyebrow),.direction-copy p{font-size:calc((13px) * var(--text-scale, 1));line-height:1.9;margin:0 0 16px}.steps p{margin:0}.drawing-room{padding:65px 0;border-bottom:1px solid var(--line);scroll-margin-top:85px}.drawing-room .section-heading>p:not(.eyebrow){max-width:640px}.drawing-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:32px 0}.drawing-stats>div{padding:22px 20px;border-right:1px solid var(--line)}.drawing-stats>div:first-child{padding-left:0}.drawing-stats>div:last-child{border:0}.drawing-stats strong{display:block;font-weight:400;font-size:calc((26px) * var(--text-scale, 1));color:var(--ink);margin-bottom:9px}.drawing-stats span{font-size:calc((10px) * var(--text-scale, 1));color:var(--dim);line-height:1.7;display:block}.sheet-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.sheet-buttons button{font:inherit;font-size:calc((11px) * var(--text-scale, 1));padding:12px 15px;border:1px solid var(--line);background:transparent;color:var(--muted,var(--palette-fg-aaa));cursor:pointer;line-height:1.4;border-radius:0}.sheet-buttons button:hover{border-color:var(--palette-line-888);color:var(--ink)}.sheet-buttons button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.drawing-note{font-size:calc((10px) * var(--text-scale, 1));color:var(--dim);line-height:1.8;margin:17px 0 0}.direction{border:0;padding-bottom:32px}.signature{font-size:calc((20px) * var(--text-scale, 1))!important;color:var(--ink);padding-top:12px}.related{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-bottom:55px}.related a{padding:24px;text-decoration:none}.related a+a{border-left:1px solid var(--line)}.related span{display:block;color:var(--dim);font-size:calc((10px) * var(--text-scale, 1));line-height:1.7;margin-bottom:12px}.related strong{font-size:calc((13px) * var(--text-scale, 1));font-weight:400;color:var(--ink)}.related a:hover{background:var(--palette-surface-151515)}.note-footer{border-bottom:0;border-top:1px solid var(--line);padding-bottom:35px}.note a:focus-visible,.note button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:850px){.note{padding:0 25px}.hero-bottom{align-items:start;flex-direction:column;gap:10px}.story,.direction{gap:32px;grid-template-columns:1fr 1.3fr}.note h2{font-size:calc((25px) * var(--text-scale, 1))}.sheet-buttons button{font-size:calc((10px) * var(--text-scale, 1));padding:11px}}
@media(max-width:600px){.note{padding:0 18px}.edition{font-size:calc((8px) * var(--text-scale, 1));gap:10px;padding:20px 0}.hero{padding:38px 0 25px}.hero h1{font-size:calc((clamp(29px,7.6vw,45px)) * var(--text-scale, 1));margin-bottom:24px}.hero-bottom p{font-size:calc((12px) * var(--text-scale, 1))}.eyebrow{font-size:calc((9px) * var(--text-scale, 1))}.story,.direction{grid-template-columns:1fr;gap:18px;padding:38px 0}.note h2{font-size:calc((25px) * var(--text-scale, 1))}.steps li{gap:18px;padding:23px 0}.steps h3{font-size:calc((14px) * var(--text-scale, 1))}.steps p,.section-heading>p:not(.eyebrow),.direction-copy p{font-size:calc((12px) * var(--text-scale, 1))}.hero-drawing figcaption,.sheet-view figcaption{flex-direction:column;gap:3px;padding:12px;font-size:calc((8px) * var(--text-scale, 1))}.drawing-room{padding:38px 0}.drawing-stats{margin:24px 0}.drawing-stats>div{padding:17px 10px}.drawing-stats strong{font-size:calc((17px) * var(--text-scale, 1))}.drawing-stats span{font-size:calc((8px) * var(--text-scale, 1))}.sheet-buttons{gap:6px}.sheet-buttons button{padding:10px;font-size:calc((9px) * var(--text-scale, 1))}.drawing-note{font-size:calc((9px) * var(--text-scale, 1))}.direction{padding-bottom:10px}.related{grid-template-columns:1fr;margin-bottom:34px}.related a{padding:20px}.related a+a{border-left:0;border-top:1px solid var(--line)}.note-footer{font-size:calc((8px) * var(--text-scale, 1));flex-wrap:wrap}.note-footer span{order:3;width:100%}}
.model-section{padding:10px 0 50px;scroll-margin-top:85px}.model-section .section-heading>p:not(.eyebrow){max-width:700px}.model-launch{border:1px solid var(--line);min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;text-align:center;padding:30px;background:repeating-linear-gradient(0deg,transparent,transparent 31px,var(--palette-surface-ffffff06) 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,var(--palette-surface-ffffff06) 32px)}.model-id{font-size:calc((11px) * var(--text-scale, 1));color:var(--dim);letter-spacing:.12em}.model-launch button{font:inherit;font-size:calc((14px) * var(--text-scale, 1));color:var(--bg);background:var(--ink);border:1px solid var(--ink);padding:17px 23px;cursor:pointer}.model-launch p,.model-caption{font-size:calc((10px) * var(--text-scale, 1));color:var(--dim);line-height:1.8}.model-caption{display:flex;justify-content:space-between;gap:20px;margin-top:15px}#house-model{width:100%;height:680px;display:block;border:1px solid var(--line);background:var(--palette-surface-e9ecee)}.model-launch[hidden],#house-model[hidden]{display:none}.steps p+p{margin-top:14px}@media(max-width:600px){#house-model{height:600px}.model-caption{flex-direction:column;gap:8px}.model-section{padding-bottom:35px}.model-launch{min-height:280px;padding:24px}}
@media(max-width:600px){#house-model{height:clamp(440px,72svh,620px)}.model-section{min-width:0}}