.spatial-story{height:1450svh;position:relative}.spatial-stage{position:sticky;top:78px;height:calc(100svh - 78px);overflow:hidden;isolation:isolate;background:#edf3f6}.spatial-rooms,.spatial-wash,.spatial-film,.spatial-media{position:absolute;inset:0;width:100%;height:100%}.spatial-rooms{z-index:-3}.spatial-rooms img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0}.spatial-wash{z-index:-2;background:linear-gradient(90deg,#eef6fb55,transparent 60%)}.spatial-film{z-index:0;overflow:visible;filter:drop-shadow(0 18px 15px #20394c27)}.spatial-film path{fill:none;stroke-linecap:round}.spatial-shadow{stroke:#739bbe33;stroke-width:142}.spatial-band{stroke:url(#spatial-glass);stroke-width:136}.spatial-edge{stroke:#f4fdffb0;stroke-width:1.5;transform:translateY(-65px)}.spatial-media{pointer-events:none;z-index:2}.spatial-tile{position:absolute;border:2px solid #f4fcffc4;border-radius:7px;background:#e3edf4c9;box-shadow:0 12px 24px #192f4420;transform-origin:center;overflow:hidden;will-change:transform;display:flex;flex-direction:column;align-items:center;justify-content:center}.spatial-tile>.visual{width:100%;height:100%;min-height:0;max-height:100%;aspect-ratio:auto;background:transparent}.spatial-tile>.visual video,.spatial-tile>.visual>img{width:100%;height:100%;object-fit:contain}.spatial-tile .sprite{width:100%;top:50%;transform:translateY(-50%)}.spatial-tile[data-state=expanded]{border-color:#fff8;background:#f9fcffdf;box-shadow:0 25px 70px #213d4930}.spatial-label{display:block;position:absolute;bottom:0;left:0;right:0;background:#ffffffed;padding:8px;font-size:10px;color:#254a66;text-align:center}.spatial-intro,.spatial-copy,.spatial-finish{position:absolute;z-index:15;max-width:540px;left:6%;width:37%;top:50%;transform:translateY(-50%);text-shadow:0 2px 22px #fff}.spatial-intro{top:68%;width:40%;max-width:600px}.spatial-intro h1{font-size:clamp(40px,5vw,74px);margin:10px 0}.spatial-intro p,.spatial-copy p{font-size:15px;line-height:1.9;margin:18px 0 25px;color:#243e52}.spatial-copy{opacity:0}.spatial-copy:before,.spatial-intro:before{content:'';position:absolute;inset:-45px;z-index:-1;background:radial-gradient(ellipse,#f8fcfff5,#f8fcffb0 45%,transparent 73%)}.spatial-copy h2{font-size:clamp(34px,4.2vw,62px);margin:16px 0;line-height:1.2}.spatial-finish{opacity:0;width:80%;max-width:900px;left:10%;text-align:center;background:#ffffffb8;border-radius:28px;padding:40px;backdrop-filter:blur(7px)}.spatial-progress{position:absolute;bottom:15px;left:5%;right:5%;display:flex;justify-content:space-between;gap:15px;z-index:20;font-size:11px;color:#183c58;text-shadow:0 1px 8px white}.spatial-place{font-weight:800}.spatial-note{padding:22px 6%;font-size:12px;color:#537089;background:#eef5fa}.spatial-home #portfolio,.spatial-home #services{position:relative;background:#f7fafc}.spatial-dock{position:fixed;bottom:42px;left:15px;z-index:70;background:#fffffff0;padding:12px 15px;border:1px solid #c2d3e4;border-radius:14px;font-size:11px;max-width:min(410px,calc(100vw - 30px));box-shadow:0 5px 25px #15334d22}.spatial-dock summary{cursor:pointer;font-weight:700}.spatial-dock label{display:flex;gap:9px;margin:12px 0}.spatial-dock select{max-width:240px;font-size:11px}.spatial-dock button{font-size:11px;border:1px solid #bfd2e5;border-radius:20px;background:#edf5fc;color:#164170;padding:7px 11px;margin:3px}.spatial-dock p{font-size:10px}.store-concept{background:#f1ede4!important;color:#35342c}.store-top{padding:10px 6%;font-size:11px;font-weight:700;border-bottom:1px solid #cec9bf}.store-top span{float:right;font-size:8px}.store-product{height:83%;display:flex;align-items:center;justify-content:center;gap:10%}.store-product i{display:block;width:25%;height:55%;border-radius:45% 45% 22% 22%;background:linear-gradient(100deg,#595840,#b6b298 45%,#666b4c);box-shadow:15px 20px 25px #554c342d}.store-product>div{width:45%}.store-product small{font-size:8px}.store-product b{display:block;font-family:serif;font-size:clamp(14px,2vw,35px);line-height:1.4;margin:15px 0}.store-product span{font-size:9px}.board-mode .spatial-story{height:1450svh}.motion-off .spatial-tile{will-change:auto}
@media(max-width:680px){.spatial-stage{top:98px;height:calc(100svh - 98px)}.spatial-story{height:1550svh}.spatial-rooms img{object-position:40% center}.spatial-band{stroke-width:100}.spatial-shadow{stroke-width:108}.spatial-edge{transform:translateY(-48px)}.spatial-intro{left:7%;top:65%;width:85%}.spatial-intro h1{font-size:40px}.spatial-intro p{font-size:12px;margin:10px 0 15px}.spatial-copy{left:7%;top:6%;transform:none;width:86%;max-width:none}.spatial-copy h2{font-size:29px;margin:10px 0}.spatial-copy p{font-size:12px;line-height:1.6;margin:9px 0 12px}.spatial-copy .btn,.spatial-intro .btn{font-size:11px;padding:10px 16px}.spatial-copy:before{inset:-25px;background:radial-gradient(ellipse,#f8fcfff8,#f8fcffe0 60%,transparent 85%)}.spatial-progress{font-size:9px;bottom:10px;left:5%;right:5%}.spatial-action{max-width:55%;text-align:right}.spatial-label{font-size:8px;padding:5px}.spatial-finish{left:5%;width:90%;padding:25px 15px}.spatial-finish h2{font-size:28px}.spatial-dock{bottom:39px;padding:9px 12px}.spatial-note{font-size:10px}}
@media(max-height:740px) and (max-width:680px){.spatial-copy h2{font-size:25px}.spatial-copy p{font-size:11px;margin:7px 0}.spatial-copy .eyebrow{font-size:9px}.spatial-copy .btn{padding:8px 12px}.spatial-intro h1{font-size:34px}.spatial-intro p{margin:7px 0}.spatial-copy{top:4%}}

.spatial-stage[data-room="4"] .spatial-band{stroke:url(#spatial-rainbow)}

.spatial-tile>.store-concept{display:block}.store-product{width:100%}.store-product b{white-space:nowrap;word-break:keep-all}.store-product small{white-space:nowrap}.store-top{white-space:nowrap;overflow:hidden}.store-top span{font-size:7px}

/* Same stage/film/media persists behind service information; outdoors only at final CTA. */
.spatial-stage.tail-mode{position:fixed;top:78px;left:0;width:100%;z-index:0}.spatial-home #portfolio,.spatial-home #services{z-index:5;background:#f5f9fbea;border-radius:32px}.spatial-home .approved-outdoor{position:relative;z-index:5;background:transparent;min-height:105svh;display:flex;align-items:center;justify-content:center}.spatial-home .outdoor-live-landscape{display:none}.spatial-home .outdoor-actions{background:#ffffffd4;backdrop-filter:blur(10px);border:1px solid #fff;border-radius:30px;margin:60px 5%;padding:50px 35px;text-align:center}.spatial-home .outdoor-actions .actions{justify-content:center}.spatial-home .spatial-note{position:relative;z-index:5}.footer{position:relative;z-index:5;background:#f5f8fc}.spatial-copy .spatial-offer{font-size:12px;font-weight:700;color:#184c82;line-height:1.8;margin:-8px 0 18px}.spatial-dock{max-height:45svh;overflow:auto}
@media(max-width:680px){.spatial-stage.tail-mode{top:98px}.spatial-copy .spatial-offer{font-size:10px;line-height:1.6;margin:7px 0 10px}.spatial-home .outdoor-actions{margin:50px 5%;padding:30px 20px}.spatial-home .outdoor-actions h2{font-size:29px}.spatial-home .outdoor-actions .btn{font-size:12px}}

/* Meaningful causality: request -> computer/AI -> the same live result. */
.imagination-request{position:absolute;z-index:8;left:49%;top:52%;max-width:360px;padding:19px 23px;background:#fffffff0;border:1px solid #fff;border-radius:18px 18px 18px 4px;box-shadow:0 14px 50px #204b6b24;pointer-events:none}.imagination-request small{display:block;font-size:10px;color:#496f90;margin-bottom:8px}.imagination-request span{display:block;font-size:17px;color:#173b5d;line-height:1.6}.imagination-request i{display:block;font-size:10px;font-style:normal;color:#2261aa;border-top:1px solid #c4d9ec;margin-top:12px;padding-top:10px}.imagination-bridge{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;filter:drop-shadow(0 0 8px #a3d7ff)}.imagination-bridge path{fill:none;stroke:#bcdeff;stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--request-progress,.3))}.intro-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.intro-chat{font-size:12px;font-weight:700;color:#285b89}.spatial-intro{top:70%}.rainbow-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--rainbow-reveal,0);background:radial-gradient(ellipse at 15% 10%,#92ceff50,transparent 45%),radial-gradient(ellipse at 85% 25%,#e4b8ff55,transparent 45%),radial-gradient(ellipse at 50% 5%,#f6e4b65c,transparent 50%)}
.spatial-home #portfolio{background:linear-gradient(140deg,#f4fbffdd,#fff8e7d6 45%,#f3eaffda);border:1px solid #ffffffd9;margin:0 auto 60px;box-shadow:0 20px 80px #7996a72b}.spatial-home #portfolio .work-card{border:1px solid #ffffffd4;box-shadow:0 15px 38px #304d6b20;transition:transform .5s ease,box-shadow .3s}.spatial-home #portfolio .work-card:hover,.spatial-home #portfolio .work-card:focus-visible{transform:translateY(-8px);box-shadow:0 22px 45px #30578432}.spatial-stage[data-room="4"] .spatial-film{transform:translateY(var(--floating-y,0px));filter:drop-shadow(0 13px 15px #4a69a926);transition:filter .2s}.spatial-stage[data-room="4"] .spatial-band{stroke-width:77;stroke-opacity:.85}.spatial-stage[data-room="4"] .spatial-shadow{stroke-width:81;stroke-opacity:.2}.spatial-stage[data-room="4"] .spatial-edge{transform:translateY(-35px);stroke-width:1;stroke:#fff9}.spatial-home .approved-outdoor{min-height:110svh;align-items:flex-end;padding:0 0 9svh}.spatial-home .outdoor-actions{width:min(850px,90%);margin:0;padding:25px 25px 30px;background:linear-gradient(#ffffffa8,#ffffffd4);backdrop-filter:blur(3px);border:1px solid #ffffff96;border-radius:24px;box-shadow:0 20px 55px #33553b17}.spatial-home .outdoor-actions h2{font-size:clamp(32px,4vw,54px);margin:12px 0 24px}.spatial-home .outdoor-actions .eyebrow{color:#285d56}.spatial-home .outdoor-actions>a{margin-top:18px}.spatial-note{display:none}
@media(max-width:1050px) and (min-width:681px){.imagination-request{left:52%;max-width:310px;top:57%;padding:16px}.imagination-request span{font-size:14px}.spatial-intro h1{font-size:43px}.spatial-intro p{font-size:13px}}
@media(max-width:680px){.imagination-request{left:29%;top:35%;max-width:67%;padding:12px 14px;border-radius:13px 13px 13px 3px}.imagination-request small{font-size:8px;margin-bottom:4px}.imagination-request span{font-size:12px}.imagination-request i{font-size:8px;padding-top:7px;margin-top:7px}.imagination-bridge{display:none}.spatial-intro{top:73%}.spatial-intro h1{font-size:35px}.intro-chat{font-size:10px}.intro-actions{gap:10px}.spatial-home #portfolio{margin-bottom:30px}.spatial-stage[data-room="4"] .spatial-band{stroke-width:52}.spatial-stage[data-room="4"] .spatial-shadow{stroke-width:55}.spatial-stage[data-room="4"] .spatial-edge{transform:translateY(-24px)}.spatial-home .approved-outdoor{min-height:110svh;padding-bottom:7svh}.spatial-home .outdoor-actions{width:92%;padding:20px 14px;border-radius:20px}.spatial-home .outdoor-actions h2{font-size:29px;margin:10px 0 18px}.spatial-home .outdoor-actions .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spatial-home .outdoor-actions .actions .btn:last-child{grid-column:1/-1}.spatial-home .outdoor-actions .btn{font-size:11px;padding:10px}.spatial-home .outdoor-actions>a{font-size:10px;margin-top:12px}.spatial-home .outdoor-actions .eyebrow{font-size:9px}}
@media(max-height:740px) and (max-width:680px){.imagination-request{top:30%;padding:9px 12px}.spatial-intro{top:72%}.spatial-intro h1{font-size:31px}.spatial-intro p{font-size:11px}.spatial-home .outdoor-actions h2{font-size:25px}}
.motion-off .spatial-home #portfolio .work-card{transition:none}.motion-off .spatial-home #portfolio .work-card:hover{transform:none}

.spatial-home #portfolio .work-card.work-reveal{transform:translateY(24px);opacity:.45;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s}.spatial-home #portfolio .work-card.work-revealed{transform:translateY(0);opacity:1}.spatial-home #portfolio .work-card.work-revealed:hover{transform:translateY(-8px)}.motion-off .spatial-home #portfolio .work-card.work-reveal{transform:none;opacity:1;transition:none}

@media(min-width:681px){.spatial-intro{top:64%}.spatial-intro h1{font-size:clamp(38px,4.4vw,66px);line-height:1.1}.spatial-intro p{font-size:14px;margin:12px 0 18px}}
@media(max-height:780px) and (min-width:681px){.spatial-intro h1{font-size:48px}.spatial-intro p{font-size:12px;margin:9px 0 14px}.spatial-intro .btn{padding:10px 18px;font-size:12px}.imagination-request{top:48%}}

.spatial-home .outdoor-actions{background:linear-gradient(#ffffff00,#ffffff75);backdrop-filter:none;border:0;box-shadow:none}.spatial-home .outdoor-actions h2{text-shadow:0 1px 10px #fff,0 0 24px #fff}.spatial-home .outdoor-actions .eyebrow{text-shadow:0 1px 8px #fff}.spatial-home .outdoor-actions>a{background:#ffffffe8}
@media(max-width:680px){.spatial-stage[data-room="4"] .spatial-rooms img:last-child{height:130%;top:-30%;object-position:50% bottom}}

.spatial-home .approved-outdoor{display:block;min-height:145svh;padding:36svh 0 0}.spatial-home .outdoor-actions{position:sticky;top:calc(100svh - 360px);margin:0 auto;min-height:280px}@media(max-width:680px){.spatial-home .approved-outdoor{min-height:145svh;padding-top:32svh}.spatial-home .outdoor-actions{top:calc(100svh - 360px);min-height:0}}
.spatial-home .approved-outdoor{overflow:visible}
@media(min-width:681px){.spatial-home .outdoor-actions{top:calc(100svh - 420px)}}