/* Index-only additions. Existing subpages and their illustration assets are untouched. */
[data-space-story]{border-bottom:0}
[data-space-story] .space-scene{color:var(--ink)}
.morph-object{--arrival:0%;color:color-mix(in srgb,var(--ink),var(--object-colour) var(--arrival));stroke:currentColor}
.ci-teal{--object-colour:#008f99}.ci-coral{--object-colour:#eb4b37}.ci-green{--object-colour:#00775f}
.object-paper,.object-geometry{fill:var(--paper)}.object-soft{fill:var(--mint)}.object-wood{fill:#dfceb4}.object-cream{fill:#eee3c9}.object-cushion{fill:#c0d4c5}.object-leaf{fill:#cadcc0}.object-person{fill:#b6cdbf}.picture-colour{fill:#dca086}.room-rug{fill:#e8dfce;stroke:var(--line)}.rug-lines{stroke:#c5b9a4;opacity:.45}
html[data-theme=dark] .ci-teal{--object-colour:#47dad4}html[data-theme=dark] .ci-coral{--object-colour:#ff906e}html[data-theme=dark] .ci-green{--object-colour:#7cd8b6}
html[data-theme=dark] .object-wood{fill:#554b3e}html[data-theme=dark] .object-cream{fill:#49493a}html[data-theme=dark] .object-cushion{fill:#44604c}html[data-theme=dark] .object-leaf{fill:#345337}html[data-theme=dark] .object-person{fill:#617e6c}html[data-theme=dark] .picture-colour{fill:#916548}html[data-theme=dark] .room-rug{fill:#353b30}html[data-theme=dark] .rug-lines{stroke:#697a61}
.index-offers .link-box{display:flex;flex-direction:column}.index-offers .link-box>p{min-height:5rem}.app-preview{margin-top:1.6rem;text-align:left;cursor:inherit}.mock-window{border:1px solid var(--line);border-radius:5px;background:var(--surface);overflow:hidden;height:310px;color:var(--ink);font-size:.72rem;line-height:1.5}.mock-bar{padding:.65rem .8rem;border-bottom:1px solid var(--line);background:var(--mint);display:flex;gap:.5rem;align-items:center;font-size:.69rem;font-weight:650;letter-spacing:.015em}.mock-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--accent)}.mock-body{padding:1rem}.mock-title{display:block;font-weight:650;font-size:.86rem;margin-bottom:1rem}.mock-row{display:flex;gap:.6rem;justify-content:space-between;border-top:1px solid var(--line);padding:.58rem 0}.mock-row>span{color:var(--muted)}.mock-row>b{font-weight:500;text-align:right}.mock-tag{display:inline-block;border:1px solid var(--line);background:var(--mint);padding:.25rem .5rem;border-radius:3px;font-size:.64rem;margin-top:.6rem}.mock-metric{display:flex;justify-content:space-between;align-items:end;margin:.3rem 0}.mock-metric strong{font-size:1.75rem;line-height:1.1;font-weight:550;letter-spacing:-.04em}.mock-metric span{font-size:.66rem;max-width:12ch;color:var(--muted)}.mock-chart{display:block;width:100%;height:93px}.chart-labels{display:flex;justify-content:space-between;font-size:.63rem;color:var(--muted)}.app-preview figcaption{font-size:.68rem;margin-top:.55rem;color:var(--muted);line-height:1.5}.mesh-view{display:block;width:100%;height:156px}.mesh-outline{stroke:var(--green);stroke-width:1.1}.mesh-grid{stroke:#11858a;stroke-width:.8}.mesh-cell{fill:#d86c49;opacity:.75}.mesh-panel{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;margin-top:.25rem;color:var(--muted)}.mesh-scale{display:inline-block;width:60px;height:5px;border-radius:2px;background:linear-gradient(90deg,#37aaad,#dca486,#e35639)}
.index-zhv-link{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:2rem;text-decoration:none}.index-zhv-copy p{max-width:72ch;color:var(--muted)}.index-zhv-copy .text-link{color:var(--ink)}.index-zhv-image{width:100%;min-width:0}.index-zhv-image img{display:block;width:100%;height:auto}.index-zhv-link:hover .text-link{text-decoration:underline}
@media(max-width:1050px){.index-offers{grid-template-columns:minmax(0,1fr)}.index-offers .link-box{display:grid;grid-template-columns:85px minmax(0,1fr) minmax(250px,1fr);column-gap:1.3rem;align-items:start}.index-offers .mobius{grid-column:1;grid-row:1/3}.index-offers h3{grid-column:2;grid-row:1}.index-offers .link-box>p{grid-column:2;grid-row:2;min-height:0}.index-offers .app-preview{grid-column:3;grid-row:1/3;margin-top:0}.index-zhv-link{gap:1.2rem}}
@media(max-width:640px){.index-offers .link-box{display:flex}.index-offers .app-preview{margin-top:1.2rem;width:100%}.index-offers .link-box>p{min-height:0}.mock-window{height:310px}.index-zhv-link{gap:.65rem}.index-zhv-copy h2{font-size:.98rem}.index-zhv-copy p{font-size:.86rem;line-height:1.6}.index-zhv-copy .text-link{font-size:.73rem}.index-zhv-image{align-self:start;margin-top:2.3rem}}

/* The scene has no narrative captions; controls retain accessible labels. */
.space-layout{grid-template-rows:auto minmax(0,1fr) auto}.space-scene{max-height:620px}

.curtain-fold{stroke:var(--line)}.iv-fluid{fill:#84bbba;stroke:none}.floor-cable{stroke:var(--accent);stroke-width:1.7}.rug-curl{fill:#d9c8ab;stroke:#9f8c70}.support-light{fill:#e8d697;opacity:.22}.threshold-ramp{fill:var(--mint)}.path-light{stroke:#c8b66c;stroke-width:3;opacity:.55}html[data-theme=dark] .rug-curl{fill:#665940}html[data-theme=dark] .support-light{fill:#ceb969;opacity:.14}
.app-preview{padding:0}.app-graphic{display:block;width:100%;height:290px;color:var(--ink);border:1px solid var(--line);border-radius:5px;background:var(--surface)}.app-graphic .g-paper{fill:var(--surface)}.app-graphic .g-soft{fill:var(--mint)}.app-graphic .g-warm{fill:#ead9c1}.app-graphic .g-grid{stroke:var(--line)}.app-graphic .g-accent{stroke:var(--accent)}.app-graphic .g-teal{stroke:#07878c}.app-graphic .g-wash{fill:var(--mint);stroke:none}.app-graphic .g-alt{stroke:#728f7a}html[data-theme=dark] .app-graphic .g-warm{fill:#5b503c}html[data-theme=dark] .app-graphic .g-teal{stroke:#67c8c6}

/* Two configurations: one long transition, then the final home. */
.space-story[data-mode=scroll]{height:300svh}
@media(min-width:1051px){.index-offers .link-box>p{min-height:12.5rem}.index-offers .app-preview{margin-top:auto;padding-top:1.5rem}}

/* Hero: copy sits below the heading, with the scene occupying the right side. */
@media(min-width:851px){
 .space-layout{grid-template-columns:minmax(0,45fr) minmax(0,55fr);grid-template-rows:minmax(0,1fr) auto;column-gap:2.2rem}
 .space-intro{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.15rem;min-width:0}
 .space-intro h1{margin:0}
 .space-intro .lead{max-width:42ch}
 .space-picture{grid-column:2;grid-row:1;min-width:0;align-items:center}
 .space-picture .space-scene{transform:scale(1.08);transform-origin:center}
 .space-controls{grid-column:1/-1;grid-row:2}
}
@media(min-width:851px) and (max-width:1150px){.space-intro h1{font-size:1.65rem}}
@media(max-width:850px){.space-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.space-intro{display:flex;flex-direction:column;gap:.8rem}}