/* A single spatial composition. Scroll changes its geometry, not the scene. */
.spatial-story{height:980svh}.story-sticky{perspective:1800px}.coordinate-grid{background-size:36px 36px;opacity:.45}.hero-copy{transform-origin:50% 0}.room-stage{transition:none;transform-origin:center}.cutaway,.empty-cutaway{transition:none}.scan-plane{display:none}.photo-origin{transition:none}.capture-cloud{position:absolute;inset:0;z-index:8;pointer-events:none;perspective:1000px}.capture-fragment{position:absolute;left:60%;top:53%;margin:0;width:150px;background:#fefdfc;padding:6px 6px 18px;box-shadow:0 12px 40px #5d4d3520;opacity:0;will-change:transform,opacity}.capture-fragment img{width:100%;height:105px;object-fit:cover}.capture-fragment figcaption{font:6px var(--mono);letter-spacing:.1em;color:#9d8562;margin-top:9px}.capture-fragment:nth-child(3) img{object-position:80% center}.spatial-thread{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.28;stroke:#a78655;stroke-width:.6;fill:none}.spatial-thread path{stroke-dasharray:1400;stroke-dashoffset:1400;vector-effect:non-scaling-stroke}.growing-words{position:absolute;bottom:11.8%;left:30%;right:8%;text-align:center;font:italic 23px var(--serif);color:#a19480;pointer-events:none;z-index:3;opacity:0}.inline-editor{top:12%;bottom:17%;left:23%;right:1%;opacity:0;transform-origin:50% 55%;transition:none;will-change:transform,opacity;z-index:4}.editor-view-label{left:19%;top:1%;font-size:6px;letter-spacing:.12em;opacity:.6}.editor-selection{bottom:20%;font-size:7px;background:#fbfaf8d9;border:0;padding:6px 10px}.story-copy{top:24%;left:4.5%;width:215px;transition:none;will-change:opacity,transform}.story-copy h2{font-size:37px;line-height:1.04;max-width:215px}.story-copy .eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:17px}.story-copy p:not(.eyebrow){font-size:11px;line-height:1.65;max-width:182px;margin-top:18px}.story-copy .underlink{margin-top:23px;font-size:10px;gap:25px}.drawing-stage{inset:0;z-index:6;perspective:1600px}.drawing-sheet,.drawing-sheet.active,.elevation-sheet.active{inset:auto;left:0;top:0;width:54%;height:57%;margin:0;opacity:0;transition:none;transform-origin:50% 50%;filter:drop-shadow(0 18px 22px #473c2920);will-change:transform,opacity}.drawing-sheet img{width:100%;height:calc(100% - 36px);object-fit:contain}.drawing-sheet figcaption{margin-top:10px;width:85%;font-size:6px}.drawing-sheet figcaption span{letter-spacing:.08em}.stage-tools{bottom:17%;left:32%;right:10%;z-index:9}.phase-tool{max-width:410px;box-shadow:0 8px 24px #61513708;background:#fafaf8e0;border:1px solid #e8e5e0;padding:13px 16px;animation:none;backdrop-filter:blur(14px)}.phase-tool.active{animation:detail-arrive .45s ease-out}.phase-tool>.mono{font-size:6px;color:#99876d;margin-bottom:9px}.auto-prompt{font-size:11px}.mini-directions button{font-size:8px}.tool-row button{font-size:9px;padding:9px 7px}.tool-row.secondary button{font-size:8px}.interaction-hint{font-size:7px}.chair-options button{font-size:9px}.chair-silhouette{width:33px;height:28px}.colour-options{gap:26px}.floor-options{gap:28px}.render-stage,.render-stage.active{left:0;right:auto;top:0;width:58%;max-width:920px;z-index:7;opacity:0;transition:none;transform-origin:center;will-change:transform,opacity}.render-comparison{aspect-ratio:1.58;box-shadow:0 20px 45px #5c482a24;border:7px solid #fdfcfb;border-bottom-width:21px}.compare-label{font-size:6px;top:12px;padding:6px 9px}.render-footer{margin-top:13px;font-size:8px}.render-footer .mono{font-size:6px}.share-artifact,.share-artifact.active{right:6%;top:25%;width:245px;padding:24px;opacity:0;transition:none;transform-origin:0 60%;box-shadow:0 18px 50px #4c3c251a}.share-artifact h3{font-size:25px}.share-artifact li{font-size:9px}.room-pins{position:absolute;inset:0;z-index:8;pointer-events:none}.product-pin{pointer-events:auto;transform:translate(-10%,-80%);transition:opacity .25s}.product-pin span{background:#fefcfbed;box-shadow:0 5px 20px #55493414}.product-pin i{animation:pin-breathe 3s infinite}.story-bottom{bottom:43px;z-index:15}.chapter-selector>.mono{font-size:6px;letter-spacing:.09em;color:#9b876a}.chapter-selector select{font-size:9px;width:161px;border-color:#d3ccbe}.chapter-navigation,.chapter-track{display:none}.scroll-grow{font:6px var(--mono);letter-spacing:.10em;color:#957d5a;display:flex;gap:18px;align-items:center}.scroll-grow>span{font-size:24px;display:block;color:#a4804a}.growth-progress{position:absolute;left:4.5%;right:4.5%;height:1px;bottom:18px;background:#e1ded8;z-index:20}.growth-progress i{display:block;width:100%;height:100%;background:#a28354;transform-origin:0 50%;transform:scaleX(var(--journey-progress,0))}.growth-progress i:after{content:'';position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#a28354}.scene-footnote{bottom:28px;opacity:.7;font-size:5px}.story-bottom .explore-button{padding:16px 20px;font-size:10px;border-color:#dcd5c8;background:#fbfaf8dd}.story-bottom .explore-button svg{width:15px;height:15px}.story-bottom .explore-button>span{margin-left:14px}.capture-cloud,.growing-words{user-select:none}@keyframes detail-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pin-breathe{50%{box-shadow:0 0 0 8px #fff3}}
@media(max-width:1050px){.inline-editor{left:18%;right:0;top:16%;bottom:19%}.story-copy{left:4%;top:23%;width:175px}.story-copy h2{font-size:31px;max-width:175px}.story-copy p:not(.eyebrow){font-size:10px;max-width:158px}.drawing-sheet,.drawing-sheet.active{width:65%;height:55%}.stage-tools{left:31%;right:7%;bottom:16%}.phase-tool{padding:12px}.growing-words{bottom:11.8%;font-size:20px}.render-stage,.render-stage.active{width:66%}.share-artifact,.share-artifact.active{width:205px;padding:19px;right:4%;top:27%}.share-artifact h3{font-size:21px}.share-artifact li{font-size:8px}.share-artifact .primary-button{font-size:9px}.scroll-grow{font-size:5px;gap:10px}.capture-fragment{width:130px}.capture-fragment img{height:90px}}
@media(max-width:700px){.spatial-story{height:1000svh}.capture-fragment{left:50%;top:55%;width:105px;padding:5px 5px 12px}.capture-fragment img{height:75px}.capture-fragment figcaption{font-size:5px;margin-top:6px}.story-copy{left:26px;top:13%;width:calc(100% - 52px)}.story-copy h2{font-size:37px;max-width:330px}.story-copy p:not(.eyebrow){max-width:295px;font-size:10px;margin-top:12px}.story-copy .eyebrow{font-size:6px;margin-bottom:10px}.story-copy .underlink{font-size:9px;margin-top:7px}.inline-editor{left:0;right:0;top:34%;bottom:22%;transform-origin:50% 50%}.editor-view-label{left:auto;right:5%;top:2%;font-size:5px}.editor-selection{bottom:4%;font-size:6px}.drawing-sheet,.drawing-sheet.active{width:94%;height:45%;max-height:405px}.drawing-sheet img{height:calc(100% - 20px)}.drawing-sheet figcaption{font-size:5px;margin-top:7px}.stage-tools{left:7%;right:7%;bottom:15.5%}.phase-tool{padding:10px 11px;max-width:360px}.phase-tool>.mono{font-size:5px;margin-bottom:7px}.auto-prompt{font-size:9px;gap:7px}.mini-directions button{font-size:7px;padding:6px 9px}.tool-row button{font-size:8px;padding:8px 6px}.tool-row.secondary button{font-size:7px}.interaction-hint{font-size:6px}.chair-options button{font-size:8px;padding:5px}.chair-silhouette{width:28px;height:23px;margin-bottom:6px}.colour-options{gap:21px}.colour-options i{width:23px;height:23px}.colour-options button{font-size:7px}.floor-options{gap:23px}.floor-options button{font-size:7px}.floor-options .sample{width:28px;height:28px}.render-stage,.render-stage.active{width:93%;max-width:none}.render-comparison{aspect-ratio:1.24;border-width:5px;border-bottom-width:16px}.render-footer{font-size:7px;margin-top:10px}.compare-label{font-size:5px;padding:5px 7px}.growing-words{left:6%;right:6%;bottom:10%;font-size:17px}.share-artifact,.share-artifact.active{top:37%;bottom:auto;right:5%;width:55%;padding:16px}.share-artifact>.mono{font-size:5px}.share-artifact h3{font-size:22px;line-height:1.05;margin:12px 0}.share-artifact li{font-size:7px;padding:8px 0}.share-artifact .share-avatar-row{font-size:6px}.share-artifact .primary-button{font-size:8px;gap:10px;padding:11px 8px}.share-artifact small{font-size:6px}.share-artifact ul{margin:12px 0}.story-bottom{bottom:40px;gap:10px}.chapter-selector>.mono{font-size:5px}.chapter-selector select{font-size:8px;width:136px}.scroll-grow{font-size:0;gap:0}.scroll-grow>span{font-size:23px}.story-bottom .explore-button{font-size:0;padding:10px;width:34px;height:34px;margin-left:auto}.story-bottom .explore-button>span{display:none}.growth-progress{left:20px;right:20px;bottom:17px}.scene-footnote{bottom:26px;font-size:4px}.product-pin span{font-size:6px;padding:6px}.product-pin b{font-size:9px}.product-pin i{width:6px;height:6px}.spatial-thread{opacity:.16}}
@media(max-height:650px) and (min-width:701px){.story-copy{top:21%;width:180px}.story-copy h2{font-size:28px}.story-copy p:not(.eyebrow){font-size:9px;max-width:165px;margin-top:12px}.story-copy .underlink{font-size:9px;margin-top:12px}.inline-editor{top:7%;bottom:15%}.editor-view-label{top:5%;left:20%}.stage-tools{bottom:18%;left:38%;right:6%}.phase-tool{padding:9px 12px;max-width:365px}.growing-words{bottom:11%;font-size:18px}.drawing-sheet,.drawing-sheet.active{height:66%;width:56%}.render-stage,.render-stage.active{width:55%}.share-artifact,.share-artifact.active{top:14%;width:205px;padding:17px}.share-artifact h3{font-size:20px;margin:10px 0}.share-artifact ul{margin:10px 0}.share-artifact li{padding:6px 0}.share-artifact small{display:none}.story-bottom{bottom:34px}.scene-footnote{bottom:23px}.growth-progress{bottom:13px}.story-bottom .explore-button{padding:10px 15px}.scroll-grow{font-size:5px}}
@media(prefers-reduced-motion:reduce){.phase-tool.active,.product-pin i{animation:none}.capture-fragment,.drawing-sheet,.render-stage,.inline-editor{will-change:auto}.spatial-thread{display:none}}

@media(max-width:700px){.drawing-sheet figcaption a{display:none}}

@media(max-height:500px) and (min-width:701px){.scene-coordinate{top:25px;font-size:6px}.story-copy{top:22%;width:175px}.story-copy .eyebrow{font-size:5px;margin-bottom:12px}.story-copy h2{font-size:26px}.story-copy p:not(.eyebrow){font-size:8px;max-width:158px;margin-top:10px}.story-copy .underlink{font-size:8px;margin-top:10px}.inline-editor{left:21%;right:24%;top:3%;bottom:18%}.editor-view-label{top:3%;left:10%;font-size:5px}.editor-selection{bottom:3%;font-size:5px}.stage-tools{left:72%;right:3%;bottom:21%}.phase-tool{padding:8px;max-width:none}.phase-tool>.mono{font-size:5px}.tool-row button{font-size:6px;padding:8px 3px}.tool-row.secondary button{font-size:6px;padding:7px 2px}.interaction-hint{font-size:5px}.auto-prompt{font-size:8px;gap:5px}.auto-prompt svg{width:11px}.mini-directions button{font-size:6px;padding:6px}.chair-options{gap:2px}.chair-options button{font-size:7px}.chair-options small{font-size:5px}.chair-silhouette{width:25px;height:21px}.colour-options{gap:10px}.colour-options i{width:20px;height:20px}.colour-options button{font-size:6px}.floor-options{gap:9px}.floor-options button{font-size:6px;padding:6px}.floor-options .sample{width:26px;height:26px}.growing-words{display:none}.story-sticky:not([data-phase=floorplan]):not([data-phase=elevations]):not([data-phase=share]) .drawing-stage{opacity:.15}.share-artifact,.share-artifact.active{right:4%;top:17%;width:190px;padding:14px}.share-artifact h3{font-size:20px}.share-avatar-row{display:none}.share-artifact ul{margin:6px 0}.share-artifact li{font-size:7px;padding:5px 0}.share-artifact .primary-button{font-size:8px;padding:9px}.share-artifact>.mono{font-size:5px}.render-stage,.render-stage.active{width:47%}.render-footer{font-size:6px}.story-bottom .explore-button{font-size:9px;padding:10px 14px}.capture-fragment{width:105px}.capture-fragment img{height:65px}}