.living-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:35% 65%;margin-top:80px;padding:55px 4vw 0;background:#fff;color:#0d2351;overflow:hidden}.living-copy{padding:55px 25px 0 0;z-index:2}.living-copy .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:35px;line-height:1.6}.living-copy h1{font-size:clamp(44px,4.6vw,72px);line-height:1.03!important;letter-spacing:-.055em!important;margin-bottom:27px}.living-lead{font-size:18px;line-height:1.6}.living-actions .slat-cta{margin-top:30px;font-size:14px}.living-actions>a+ a{display:inline-flex;gap:28px;margin-top:20px;font-size:13px;border-bottom:1px solid #bccade;padding:8px 0}.living-principle{font-size:12px;color:#536882;line-height:1.7;margin-top:50px}.living-exhibit{padding:0 0 0 25px;min-width:0;position:relative}.living-stage{height:560px;position:relative;background:linear-gradient(135deg,#f2f6fb,#e3ecf7);perspective:1600px;isolation:isolate;overflow:hidden;--progress:0}.layout-guides{position:absolute;inset:25px;border:1px solid #9aafc533;background:linear-gradient(90deg,transparent 49.9%,#9aafc522 50%,transparent 50.2%),linear-gradient(transparent 49.9%,#9aafc522 50%,transparent 50.2%);display:flex;align-items:start;justify-content:space-between;padding:12px;pointer-events:none}.layout-guides span{font-size:8px;letter-spacing:.16em;color:#647d9c}.composition{position:absolute;left:9%;top:20%;width:78%;aspect-ratio:1.748;transform-style:preserve-3d;transform:rotateY(-7deg) rotateX(4deg);transition:transform 1.2s,top 1.2s,width 1.2s,left 1.2s;box-shadow:0 25px 45px #0d23512c}.living-fallback{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#0d2351}.living-stage.assembling .composition.ready .living-fallback{visibility:hidden}.living-stage:not(.assembling) .living-piece{visibility:hidden}.living-piece{position:absolute;overflow:hidden;transform-origin:center;will-change:transform;backface-visibility:hidden;background:#0d2351;box-shadow:0 0 0 .5px #0d2351}.living-piece img{position:absolute;max-width:none;object-fit:fill;pointer-events:none}.composition-phone{position:absolute;width:16%;height:48%;right:5%;bottom:9%;overflow:hidden;border:5px solid #0d2351;border-radius:17px;background:#0d2351;box-shadow:0 17px 30px #0d235136;transform:translateY(0) rotate(6deg);transition:transform 1s,opacity .7s;z-index:3}.composition-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.composition-note{position:absolute;left:8%;bottom:12%;display:flex;flex-direction:column;gap:6px;transform:rotate(-2deg);transition:transform 1s;z-index:2;background:#fff;padding:16px 19px;box-shadow:0 8px 20px #0d235114}.composition-note span{font-size:8px;letter-spacing:.13em}.composition-note strong{font-size:12px;font-weight:500}.living-stage[data-layout='1'] .composition{top:16%;left:8%;width:81%;transform:rotateY(6deg) rotateZ(-2deg)}.living-stage[data-layout='1'] .composition-phone{transform:translateX(-350%) rotate(-6deg)}.living-stage[data-layout='1'] .composition-note{left:auto;right:6%;transform:rotate(2deg)}.living-stage[data-layout='2'] .composition{top:13%;left:7%;width:85%;transform:rotateY(0) rotateX(0)}.living-stage[data-layout='2'] .composition-phone{opacity:0;transform:translateY(100px) rotate(12deg)}.living-stage[data-layout='2'] .composition-note{transform:rotate(0);bottom:6%}.living-stage.assembling .composition-phone{opacity:0;transform:translateY(100px) rotate(15deg)}.living-caption{display:flex;justify-content:space-between;align-items:center;padding:22px 0 17px;gap:15px}.living-caption span{font-size:9px;letter-spacing:.1em}.living-page .living-caption h2{font-size:24px;margin:7px 0 0;letter-spacing:-.03em!important}.living-caption>a{font-size:12px;display:flex;gap:25px;border-bottom:1px solid #9aabc0;padding:12px 0}.living-caption>a span{font-size:24px;line-height:1}.living-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.living-selector button{border-top:1px solid #b6c6da;padding:15px 0;text-align:left;font-size:12px;min-height:46px}.living-selector button span{font-size:9px;margin-right:12px;color:#647d9c}.living-selector button[aria-pressed=true]{border-top:3px solid #0d2351;padding-top:13px}.living-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:32px;border-top:1px solid #d8e1ed;padding:18px 0;font-size:9px;letter-spacing:.05em}.living-foot>div{display:flex;gap:20px}.living-foot button{font-size:10px;padding:10px 0;min-height:44px}.living-divider{display:flex;justify-content:space-between;gap:20px;padding:38px 4vw;background:#0d2351;color:#fff;overflow:hidden}.living-divider span{font-size:clamp(20px,3.4vw,53px);font-weight:600;letter-spacing:-.04em}.living-page .architecture-work{padding-top:65px}.living-page .living-foot a:focus-visible,.living-page .living-foot button:focus-visible{outline:3px solid #60a5fa}.motion-paused .composition,.motion-paused .composition-phone,.motion-paused .composition-note{transition:none!important}.motion-paused .living-piece{transform:none!important;opacity:1!important}
@media(max-width:1100px){.living-hero{grid-template-columns:38% 62%;padding-top:35px}.living-copy{padding-top:30px}.living-copy h1{font-size:48px}.living-lead{font-size:16px}.living-stage{height:480px}.composition{top:24%}.living-principle{margin-top:30px}.living-stage[data-layout='1'] .composition-phone{transform:translateX(-300%) rotate(-6deg)}}
@media(max-width:760px){.living-hero{margin-top:70px;display:flex;flex-direction:column;padding:22px 6vw 0}.living-copy{display:contents}.living-copy .eyebrow{order:0;font-size:8px;margin-bottom:17px}.living-copy h1{order:1;font-size:clamp(40px,11vw,61px);line-height:1.02!important;margin-bottom:17px}.living-lead{order:2;font-size:15px;line-height:1.5;margin-bottom:20px}.living-exhibit{order:3;padding:0;margin:0 -3vw;width:calc(100% + 6vw)}.living-stage{height:310px;perspective:900px}.layout-guides{inset:12px;padding:8px}.layout-guides span{font-size:6px}.composition{top:23%;width:80%;left:8%}.composition-phone{width:18%;height:42%;border-width:3px;border-radius:10px;bottom:10%;right:3%}.composition-note{padding:11px 12px;bottom:10%;left:5%;gap:3px}.composition-note span{font-size:6px}.composition-note strong{font-size:8px}.living-stage[data-layout='1'] .composition{top:17%;left:6%;width:86%}.living-stage[data-layout='1'] .composition-note{bottom:10%;right:4%}.living-stage[data-layout='1'] .composition-phone{transform:translateX(-360%) rotate(-6deg)}.living-stage[data-layout='2'] .composition{top:16%;width:89%;left:5%}.living-stage[data-layout='2'] .composition-note{bottom:7%}.living-caption{padding:16px 3vw 12px}.living-page .living-caption h2{font-size:21px}.living-caption span{font-size:7px}.living-caption>a{font-size:11px;gap:10px}.living-selector{padding:0 3vw;gap:12px}.living-selector button{font-size:10px;line-height:1.4}.living-selector button span{display:block;margin-bottom:5px}.living-actions{order:4;display:flex;flex-direction:column;margin-top:12px}.living-actions .slat-cta{margin-top:8px;width:100%;font-size:14px}.living-actions>a+ a{align-self:flex-start;margin-top:8px}.living-principle{order:5;font-size:12px;margin-top:22px}.living-foot{order:6;display:block;width:100%;margin-top:22px;padding:15px 0}.living-foot>span{font-size:7px}.living-foot>div{justify-content:space-between;margin-top:5px}.living-divider{padding:23px 6vw;gap:12px}.living-divider span{font-size:clamp(11px,3.1vw,18px);letter-spacing:-.015em}.living-page .architecture-work{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.living-piece{transform:none!important;opacity:1!important}.composition,.composition-phone,.composition-note{transition:none!important}}

/* Both original layouts remain visible together, including on small screens. */
.original-preview{position:absolute;left:0;top:0;max-width:none;border:0;transform-origin:0 0;pointer-events:none;visibility:hidden;background:white;z-index:1}
.living-stage.has-original:not(.assembling) .original-preview.preview-ready.preview-selected{visibility:visible}
.composition-phone{height:auto!important;aspect-ratio:390/844;width:19%;right:3%;bottom:5%;transform:rotate(6deg);z-index:5}
.living-stage[data-layout='2'] .composition-phone{opacity:1;transform:rotate(6deg)}
.living-stage[data-layout='0'] .composition{top:13%;left:6%;width:82%;aspect-ratio:1.5}
.living-stage[data-layout='0'] .composition-note{bottom:7%;left:6%}
.living-stage.assembling .composition-phone{opacity:1;transform:translateY(8px) rotate(9deg)}
.composition-phone:after{content:'';position:absolute;top:4px;left:34%;width:32%;height:7px;background:#0d2351;border-radius:0 0 6px 6px;z-index:3}
@media(max-width:760px){
 .living-stage{height:330px}
 .composition-phone{width:25%;right:3%;bottom:5%;border-width:3px;transform:rotate(5deg)}
 .living-stage[data-layout='0'] .composition{width:82%;left:5%;top:15%}
 .living-stage[data-layout='0'] .composition-note{bottom:7%;left:4%;max-width:56%}
 .living-stage[data-layout='1'] .composition-phone{transform:rotate(-5deg);right:3%}
 .living-stage[data-layout='1'] .composition-note{right:auto;left:4%}
 .composition-phone:after{height:4px;top:2px}
}

/* The project expands inside the existing page flow: no artificial scroll spacer. */
.living-hero{--focus:0}.living-exhibit{transform-origin:right 35%;transform:scale(calc(1 + var(--focus)*.25));z-index:3;will-change:transform}.living-copy{opacity:calc(1 - var(--focus)*.92);transform:translateX(calc(var(--focus)*-25px))}.living-stage{--scene-light:#e9bb7038;background:radial-gradient(ellipse at 35% 65%,var(--scene-light),transparent 75%),linear-gradient(135deg,#f2f6fb,#e3ecf7);transition:background-color 1s}.living-stage[data-project='1']{--scene-light:#8caecb40}.living-stage[data-project='2']{--scene-light:#b7c9ce50}.living-stage:after{content:'';position:absolute;inset:15% 10% -10%;background:radial-gradient(ellipse,var(--scene-light),transparent 67%);pointer-events:none;z-index:-1}.living-hero .composition-phone{translate:calc(var(--focus)*-24px) calc(var(--focus)*-16px);scale:calc(1 + var(--focus)*.08)}
.request-bridge{--bridge:0;display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:95px 6vw;background:#eef4fb;color:#0d2351;overflow:hidden;align-items:center}.bridge-copy .eyebrow{font-size:9px;margin-bottom:25px}.living-page .bridge-copy h2{font-size:clamp(32px,3.5vw,52px);line-height:1.08}.bridge-copy>p:last-child{font-size:17px;line-height:1.65;max-width:44ch;margin-top:25px}.bridge-message{padding:32px;background:white;border:1px solid #c8d6e7;box-shadow:12px 16px 0 #dce6f4,24px 32px 0 #e6edf7;transform:translateY(calc((1 - var(--bridge))*40px)) rotate(calc((1 - var(--bridge))*-4deg));transform-origin:center;position:relative}.message-origin{display:block;font-size:9px;letter-spacing:.1em;color:#536882;margin-bottom:26px}.bridge-message label{font-size:13px;display:block;margin-bottom:12px}.bridge-message textarea{width:100%;background:#f1f6fc;border:1px solid #afc4dd;color:#0d2351;padding:18px;font:inherit;font-size:18px;line-height:1.5;resize:vertical;min-height:165px}.bridge-message button{display:flex;justify-content:space-between;align-items:center;gap:25px;width:100%;background:#0d2351;color:white;margin-top:18px;padding:17px 20px;font-size:13px;text-align:left}.bridge-message button span{font-size:24px}.bridge-message small{display:block;font-size:11px;line-height:1.5;color:#536882;margin-top:16px}
.motion-paused .living-exhibit{transform:none}.motion-paused .living-copy{opacity:1;transform:none}.motion-paused .composition-phone{translate:none;scale:1}.motion-paused .bridge-message{transform:none}
@media(max-width:760px){.living-exhibit{transform:none}.living-copy{opacity:1;transform:none}.living-hero .composition-phone{translate:calc(var(--focus)*-52px) calc(var(--focus)*-10px);scale:calc(1 + var(--focus)*.3)}.living-hero .composition{opacity:calc(1 - var(--focus)*.2)}.request-bridge{padding:50px 6vw 65px;grid-template-columns:1fr;gap:32px}.living-page .bridge-copy h2{font-size:34px}.bridge-copy>p:last-child{font-size:16px;margin-top:20px}.bridge-message{padding:22px;box-shadow:7px 10px 0 #dce6f4,14px 20px 0 #e6edf7}.bridge-message textarea{font-size:16px}.bridge-message button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.living-exhibit,.living-copy,.bridge-message{transform:none!important}.living-copy{opacity:1!important}.composition-phone{translate:none!important;scale:1!important}}
/* Keep project controls in normal flow while only the visual stage expands. */
.living-exhibit{transform:none;will-change:auto}.living-stage{transform-origin:right bottom;transform:scale(calc(1 + var(--focus)*.25));will-change:transform}.living-caption,.living-selector{position:relative;z-index:4}.motion-paused .living-stage{transform:none}
@media(max-width:760px){.living-stage{transform:none;will-change:auto}}
@media(prefers-reduced-motion:reduce){.living-stage{transform:none!important}}