.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}
.difference-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
.difference-list button{min-width:0;flex-wrap:wrap}
@media(max-width:700px){.difference-list{grid-template-columns:repeat(2,minmax(0,1fr))}#compareOverlay{overflow-y:auto}.comparison-workspace{flex-shrink:0!important}.difference-card{flex-shrink:0}}
#compareOverlay{padding:88px 4vw 142px;display:flex;flex-direction:column;gap:16px;background:#eeeae0;color:#273e32}
.comparison-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.comparison-heading small,.difference-card>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-modes{display:flex;gap:6px}
.comparison-modes button,.difference-list button{border:1px solid #b8c0b4;background:transparent;color:#304b3d;padding:12px 16px;cursor:pointer;border-radius:3px;font:12px inherit}
.comparison-modes button[aria-pressed=true]{background:#304b3d;color:#fffdf5}
.comparison-workspace{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px;flex:1;min-height:0}
.comparison-main{display:flex;flex-direction:column;justify-content:center;min-width:0}
.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:none;aspect-ratio:1078/346;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}
#compareOverlay[data-compare-mode=differences] #compareOriginal,#compareOverlay[data-compare-mode=differences] #compareBuilt,#compareOverlay[data-compare-mode=differences] .compare-line,#compareOverlay[data-compare-mode=differences] .compare-label{display:none}
#compareOverlay[data-compare-mode=slide] #compareDifferences{display: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}
.difference-list{display:flex;gap:8px;margin-top:16px}.difference-list button{flex:1;text-align:left;display:flex;justify-content:space-between;gap:8px;padding:13px 10px;font-size:12px}.difference-list button strong{white-space:nowrap;color:#a53828}.difference-list button[aria-pressed=true]{border-color:#a53828;background:#f9eee5;box-shadow:inset 0 -2px #a53828}
.difference-card{background:#faf8f0;border:1px solid #d1d6c9;padding:18px;display:flex;flex-direction:column;justify-content:center;min-height:0}.difference-card h3{font-size:18px;margin:14px 0 8px}.difference-card p{font-size:13px;line-height:1.5;margin:0;color:#53675b}#differenceDetail{height:140px;margin-top:15px;background:#eeeae0;overflow:hidden}#differenceDetail svg{width:100%;height:100%}
.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-modes button{padding:9px 12px;font-size:11px;min-height:36px}.comparison-workspace{display:flex;flex-direction:column;gap:10px;justify-content:center}.comparison-legend{font-size:9px;gap:14px;margin-bottom:8px}.difference-list{gap:5px;margin-top:9px}.difference-list button{font-size:10px;display:flex;flex-direction:column;padding:8px 6px;gap:4px;min-height:48px}.difference-card{display:grid;grid-template-columns:90px 1fr;column-gap:12px;padding:10px}.difference-card>small{grid-column:2;font-size:8px;letter-spacing:1px}#differenceDetail{grid-column:1;grid-row:1/4;height:100px;margin:0}.difference-card h3{font-size:15px;margin:7px 0 5px}.difference-card p{font-size:11px;line-height:1.35}.comparison-note{font-size:8px;line-height:1.4}
}

#compareOverlay{align-items:stretch;justify-content:flex-start}.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}.comparison-workspace{width:100%}.comparison-heading{width:100%}

.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}
#compareStage{aspect-ratio:31/21.6;max-height:53vh}
.difference-list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){#compareStage{max-height:31vh}.delivery-sheet svg{max-height:42vh;min-height:0}.delivery-sheet footer{font-size:8px}.difference-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

.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}}