.compare-state .copy{visibility:hidden}
.delivery-state .copy{visibility:hidden}
#experience{height:1216vh}
#endOverlay{background:#eeeae0;padding:90px 4vw 130px}
.delivery-sheet{width:100%;max-width:1400px;border:1px solid #b8c1b1;background:#faf8f0;padding:28px;color:#304b3d;box-sizing:border-box}
.delivery-sheet header small{font:9px monospace;letter-spacing:2px}.delivery-sheet h2{font:400 clamp(20px,2.5vw,36px) Georgia,serif;margin:12px 0}.delivery-sheet header p{font:12px Arial;color:#657365}
.delivery-sheet svg{display:block;width:100%;max-height:52vh;margin:16px 0}
.delivery-sheet footer{display:flex;justify-content:space-between;gap:20px;padding:16px 0 0;border-top:1px solid #c7ccbe;background:none;font:10px/1.6 Arial;color:#5b6e5e}.delivery-sheet footer b{display:block;font-size:18px;color:#304b3d}.delivery-sheet footer span{display:block}
.delivery-dims{opacity:var(--technical,0);fill:none;stroke:#718171;stroke-width:.7}.delivery-dims text{font:11px Arial;fill:#344c3c;stroke:#faf8f0;stroke-width:3;paint-order:stroke;text-anchor:middle}
.delivery-color{opacity:var(--human,0)}
.delivery-base rect,.delivery-base circle{fill:color-mix(in srgb,#f6f1e5 calc(var(--human,0)*100%),transparent)}
.delivery-base rect{stroke:#899486}
.delivery-base>g:first-child{stroke:#304639}.delivery-base .survey-difference{stroke:#364f43}
.delivery-state .hud,.delivery-state .cinema-transport{color:#304b3d;text-shadow:none}
@media(max-width:700px){#experience{height:1030vh}#endOverlay{padding:76px 12px 208px}.delivery-sheet{padding:16px}.delivery-sheet h2{font-size:23px}.delivery-sheet svg{min-height:200px}.delivery-sheet footer{font-size:8px;gap:10px}.delivery-sheet footer div:last-child{display:none}.rail button{flex-basis:17%}}
@media(prefers-reduced-motion:reduce){#experience{height:868vh}}
#startOverlay{background:#f3f0e8;display:block}
.registered-plan{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.plan-section{fill:none;stroke:#26352e;stroke-width:1.5;stroke-linejoin:round}
.plan-detail{fill:none;stroke:#6e786f;stroke-width:.55;opacity:.65}
.plan-dimensions{fill:none;stroke:#6e786f;stroke-width:.65}
.plan-dimensions text{fill:#394b40;stroke:#f3f0e8;stroke-width:3;paint-order:stroke;font:10px Arial,sans-serif}
.registered-frame{position:absolute;inset:72px 24px 110px;border:1px solid #a7ad9d;color:#2b3c32}
.registered-frame header{position:absolute;left:20px;top:16px}
.registered-frame h2{font:600 clamp(12px,1.6vw,22px) Arial,sans-serif;margin:0 0 8px}
.registered-frame p{font:9px Arial,sans-serif;letter-spacing:.08em;margin:0}
.registered-frame aside{position:absolute;right:14px;bottom:14px;width:145px;border:1px solid #acb3a5;padding:14px;background:#f3f0e8ed;display:grid;gap:7px}
.registered-frame aside>b{font:600 19px Arial,sans-serif}.registered-frame aside>span{font:8px Arial,sans-serif;margin-top:8px;border-top:1px solid #c5cabf;padding-top:8px}.registered-frame strong{font:11px Arial,sans-serif}.registered-frame small{font:9px/1.5 Arial,sans-serif}
@media(max-width:700px){.registered-frame{inset:70px 10px 166px}.registered-frame header{left:12px;top:14px}.registered-frame aside{width:120px;padding:9px}.plan-dimensions text{font-size:8px}}
.comparison-sheet{width:94%;padding:28px;background:#faf8f0;color:#304b3d;border:1px solid #bdc5b8}.comparison-sheet h2{font:16px Arial,sans-serif;letter-spacing:2px}.comparison-sheet svg{width:100%;height:auto;display:block}.comparison-sheet p{font:11px Arial,sans-serif}.paper-overlay{background:#eeeae0}
#compareOverlay{padding:88px 4vw 142px;display:flex;flex-direction:column;gap:16px;background:#eeeae0;color:#273e32;align-items:stretch;justify-content:flex-start}
.comparison-heading{display:flex;align-items:center;gap:20px;width:100%}
.comparison-heading small{font:10px monospace;letter-spacing:2px}
.comparison-heading h2{font-size:clamp(23px,2.6vw,38px);font-weight:400;margin:8px 0 0;letter-spacing:-1px}
.comparison-workspace{display:flex;flex:1;min-height:0;width:100%}
.comparison-main{display:flex;flex-direction:column;justify-content:center;min-width:0;width:100%}
.comparison-legend{display:flex;gap:24px;font-size:12px;margin:0 0 12px}.comparison-legend span:first-child{color:#8f681c}.comparison-legend span:last-child{color:#a53828}
#compareStage{width:100%;max-width:none;max-height:53vh;aspect-ratio:31/21.6;flex:none;background:#faf8f0;border:1px solid #d1d6c9;box-shadow:none;overflow:hidden;position:relative;touch-action:pan-y}
#compareStage .plan-layer{position:absolute;inset:0;background:#faf8f0;width:100%;height:100%}
#compareStage svg{width:100%;height:100%;display:block;filter:none}
#compareStage .compare-label{font-size:9px;padding:5px 8px;top:6px;bottom:auto;background:#304b3d;color:white}
#compareStage .compare-line{background:#304b3d;top:0;height:100%;bottom:0}#compareStage .compare-line span{background:#304b3d;color:white}
.comparison-note{font-size:10px;color:#62715f;margin:0;flex:none}
#compareOverlay button:focus-visible,#compareStage:focus-visible{outline:3px solid #a53828;outline-offset:3px}
@media(max-width:700px){#compareOverlay{padding:78px 16px 174px;gap:10px}.comparison-heading{display:block}.comparison-heading h2{font-size:24px;margin:5px 0 10px}.comparison-heading small{font-size:8px}.comparison-workspace{justify-content:center}.comparison-legend{font-size:9px;gap:14px;margin-bottom:8px}#compareStage{max-height:31vh}.comparison-note{font-size:8px;line-height:1.4}}
.compare-state .hud,.compare-state .rail,.compare-state .cinema-transport{color:#304b3d}.compare-state .rail button{color:#526454}.compare-state .rail button.active{color:#203d2d}
.elevation-legend{position:absolute;z-index:42;right:4vw;bottom:155px;width:215px;padding:16px;background:#071814eb;border:1px solid #829a8b66;color:#eef4eb;pointer-events:none}.elevation-legend[hidden]{display:none}.elevation-legend strong{font-size:9px;letter-spacing:2px}.elevation-ramp{height:7px;margin:14px 0 8px;background:linear-gradient(90deg,#0f2eff 0%,#00d6ff 20%,#47f26b 42%,#ffe62e 66%,#ff8f14 84%,#eb1f1f 100%)}.elevation-labels{display:flex;justify-content:space-between;font-size:10px}.elevation-legend small{display:block;margin-top:9px;font-size:9px;color:#b7c8bc}@media(max-width:700px){.elevation-legend{bottom:340px;width:180px;padding:12px}}

.elevation-ramp{background:linear-gradient(90deg,#48638f,#507f91 20%,#698872 40%,#a59663 60%,#a57560 80%,#995960)}

/* Canonical sheets use model metres as SVG units, including the pool. */
.delivery-dims{stroke-width:.018}
.delivery-dims text{font: .25px Arial;stroke-width:.065px}
.delivery-sheet svg{max-height:57vh;margin:8px 0}
.delivery-base>g:first-child{stroke:none}

.delivery-technical{opacity:var(--technical,0)}

/* Plan28: drawing-first architectural sheet. */
#endOverlay{padding:65px 2vw 115px;background:#eeeee8}
.delivery-sheet{max-width:none;padding:18px 24px;background:#fffefa;box-shadow:none}
.delivery-sheet header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 24px;border-bottom:1px solid #c4cbc4;padding-bottom:10px}
.delivery-sheet header small{grid-column:1/-1;font:9px Arial;letter-spacing:2px}
.delivery-sheet header h2{font:600 25px/1.1 Arial,sans-serif;letter-spacing:.02em;margin:4px 0 0;text-transform:uppercase}
.delivery-sheet header p{font:11px/1.4 Arial;margin:0;max-width:340px;text-align:right}
.delivery-sheet svg{max-height:none;height:calc(100vh - 385px);width:100%;margin:8px 0}
.delivery-sheet footer{padding-top:8px;font-size:9px}.delivery-sheet footer b{font-size:14px}
.delivery-dims{stroke:#616d65;stroke-width:.023}.delivery-dims text{fill:#35463d;font-size:.27px}
.sheet-key{display:flex;gap:22px;justify-content:center;padding:4px 0 10px;font:10px Arial;color:#536157}
.sheet-key span{display:flex;align-items:center;gap:7px}.sheet-key i{display:inline-block;width:23px;height:9px}
.key-wall{border:1px solid #303c36;background:repeating-linear-gradient(45deg,#dce0db 0 3px,#969e99 3px 4px)}
.key-glass{background:#b8d6de;border:1px solid #5d9aa9}.key-door{background:#a07849}
@media(max-width:700px){#endOverlay{padding:65px 10px 160px}.delivery-sheet{padding:12px}.delivery-sheet header{display:block}.delivery-sheet header h2{font-size:20px}.delivery-sheet header p{text-align:left;font-size:10px;margin-top:5px}.delivery-sheet svg{height:calc(100vh - 355px)}.sheet-key{gap:8px;font-size:8px}.sheet-key i{width:13px}}