/* Residential cover: independent atmosphere and unaltered screenshot layers. */
.res-cover-host .res-cover-scene{display:block;position:relative;width:100%;aspect-ratio:3/2;isolation:isolate;overflow:hidden;background:#dcecf5;border-radius:inherit}
.res-cover-host .res-cover-aura{position:absolute;inset:-24%;z-index:0;background:radial-gradient(ellipse at 0% 96%,#0b223245 0%,transparent 34%),radial-gradient(ellipse at 100% 5%,#0b223238 0%,transparent 32%),radial-gradient(ellipse at 72% 40%,#d4e5ff 0%,transparent 58%),radial-gradient(ellipse at 25% 28%,#f4faff 0%,transparent 60%),linear-gradient(125deg,#b9d9eb 8%,#dcecf9 48%,#b9d9eb 92%);animation:res-cover-flow 24s ease-in-out infinite alternate}
.res-cover-host .res-cover-plane{position:absolute;inset:0;z-index:1;background:linear-gradient(155deg,transparent 44%,#ffffff35 44%,#ffffff18 65%,transparent 65%);pointer-events:none}
.res-cover-host .res-cover-corner{position:absolute;right:3%;top:4%;width:6%;height:9%;border-top:1px solid #21445e80;border-right:1px solid #21445e80;z-index:4}
.res-cover-host .res-cover-main{display:block;position:absolute;top:7%;left:32%;width:63%;z-index:2;box-shadow:0 12px 36px #0b223223;transform:translateY(var(--res-main-y,0px));will-change:transform}
.res-cover-host .res-cover-detail{display:block;position:absolute;left:4%;bottom:10%;width:48%;padding:1.5%;background:#fff;z-index:3;box-shadow:0 8px 28px #0b22322b;transform:translateY(var(--res-detail-y,0px));will-change:transform}
.res-cover-host .res-cover-scene img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;filter:none!important;transform:none!important;opacity:1!important}
.hero-project .res-cover-host{display:block;width:100%;padding:0;background:transparent;overflow:hidden;aspect-ratio:auto}
.work .project-residential .res-cover-host{padding:0;display:block;aspect-ratio:3/2;min-height:0;background:transparent}
@keyframes res-cover-flow{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,3%,0) scale(1.055)}}
@media(max-width:760px){.res-cover-host .res-cover-scene{aspect-ratio:1.15}.work .project-residential .res-cover-host{aspect-ratio:1.15}.res-cover-host .res-cover-main{left:12%;width:82%;top:6%;transform:none;will-change:auto}.res-cover-host .res-cover-detail{left:4%;bottom:5%;width:69%;padding:2%;transform:none;will-change:auto}.res-cover-host .res-cover-corner{right:2%;top:2%}}
@media(prefers-reduced-motion:reduce){.res-cover-host .res-cover-aura{animation:none}.res-cover-host .res-cover-main,.res-cover-host .res-cover-detail{transform:none;will-change:auto}}
html[data-motion-paused] .res-cover-host .res-cover-aura{animation-play-state:paused}
html[data-motion-paused] .res-cover-host .res-cover-main,html[data-motion-paused] .res-cover-host .res-cover-detail{transform:none}

/* First Residential story image: broad, responsive opening composition. */
.case-residential .res-opening-cover{margin:0 auto 48px;width:min(100% - 48px,1180px);border-radius:12px;overflow:hidden;display:block}
.case-residential .res-opening-cover .res-cover-scene{aspect-ratio:1.7}
.case-residential .res-opening-cover .res-cover-main{width:62%;left:33%;top:7%}
.case-residential .res-opening-cover .res-cover-detail{width:46%;bottom:8%;left:4%}
@media(max-width:760px){.case-residential .res-opening-cover{width:calc(100% - 32px);margin-bottom:24px}.case-residential .res-opening-cover .res-cover-scene{aspect-ratio:1.15}.case-residential .res-opening-cover .res-cover-main{width:82%;left:12%;top:6%}.case-residential .res-opening-cover .res-cover-detail{width:69%;left:4%;bottom:5%}}