/* Real work photographs occupy distinct planes. Text remains flat, clear and navigable. */
.renovation,.garden,.insights{overflow:clip}
.scene-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:end}
.scene-heading h2{font-size:clamp(54px,6.4vw,102px);line-height:.98;margin-top:24px;letter-spacing:-.03em}
.scene-intro{max-width:440px;padding-bottom:4px}.scene-intro p{font-size:17px;line-height:1.75}
.renovation{background:#e5e8ea;padding-block:110px 90px}
.scene-stack{position:relative;height:clamp(720px,66vw,1040px);margin-top:45px;perspective:1600px;perspective-origin:50% 50%;transform-style:preserve-3d;isolation:isolate}
.scene-back{position:absolute;inset:0;z-index:0;pointer-events:none;transform:translateZ(-90px)}
.scene-back span{position:absolute;top:0;left:-3%;font-family:DIN,sans-serif;font-size:clamp(125px,20vw,310px);letter-spacing:-.045em;line-height:.82;color:#bac3cc}
.scene-back i{position:absolute;top:12%;left:20%;right:3%;bottom:6%;border:1px solid #183a6f24}
.scene-photo{position:absolute;margin:0;background:#f8f8f6;padding:12px 12px 0;box-shadow:0 40px 55px -25px #192b4550,0 4px 7px #192b4512}
.scene-photo img{width:100%;height:auto;object-fit:contain}
.scene-photo figcaption{font-size:10px;letter-spacing:.08em;color:#33495e;padding:13px 3px;line-height:1.4}
.scene-primary{width:64%;left:4%;top:17%;z-index:1}
.scene-secondary{width:31%;right:1%;top:44%;z-index:2}
.scene-note{position:absolute;left:11%;top:66%;width:30%;max-width:365px;padding:28px 30px;background:var(--blue);color:white;box-shadow:0 35px 45px -22px #0b244d70;z-index:3}
.scene-note .eyebrow{font-size:9px;letter-spacing:.08em}.scene-note p{font-family:DIN,sans-serif;font-weight:700;font-size:clamp(28px,3.4vw,52px);line-height:.99;letter-spacing:-.02em;color:white;margin-top:22px}.scene-note p em{color:#bdcbdc}
.scene-note a{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid #ffffff50;padding-top:15px;margin-top:24px;min-height:44px;align-items:center}.scene-note a span{font-size:21px}
.scene-edge{position:absolute;bottom:5%;right:0;font-size:9px;letter-spacing:.15em;color:#4b6178;writing-mode:vertical-rl}
.service-list{margin-top:65px}.service-list summary{padding-block:32px}.service-list h3{font-family:DIN,sans-serif;font-size:clamp(25px,2.8vw,42px)}
.garden{max-width:none;background:#183a6f;color:#fff;padding-block:110px 95px}
.garden .scene-heading em{color:#b8c9dc}.garden .scene-intro p,.garden-services p{color:#d0dbee}.garden .text-link{color:#fff}
.exterior-stack .scene-back span{left:auto;right:-3%;text-align:right;color:#45618a}
.exterior-stack .scene-back i{left:3%;right:20%;border-color:#ffffff26}
.exterior-stack .scene-primary{left:auto;right:4%;top:18%}
.exterior-stack .scene-secondary{width:23%;right:auto;left:1%;top:38%}
.exterior-stack .scene-note{left:auto;right:9%;top:65%;background:#eff1ee;color:var(--blue)}
.exterior-stack .scene-note p{color:var(--blue)}.exterior-stack .scene-note p em{color:#536b82}.exterior-stack .scene-note a{border-color:#183a6f40}
.exterior-stack .scene-edge{right:auto;left:0;color:#b8c9dc}
.garden-services{margin-top:40px;gap:6%}.garden-services article{border-color:#ffffff45}.garden-services .number{color:#b8c9dc}.garden-services h3{font-family:DIN,sans-serif;font-size:32px}.garden-services p{font-size:16px}
.insights{background:#f1f2ef;padding-block:120px 95px}.insights .section-heading h2{font-size:clamp(48px,5.4vw,82px)}
.project-grid{perspective:1800px;transform-style:preserve-3d;gap:9%;grid-template-columns:2fr 3fr;margin-top:110px;padding:0 3% 0 0}
.project{background:#fff;padding:12px;box-shadow:0 35px 50px -25px #17325040}
.project img,.project-wide img{height:auto;width:100%;object-fit:contain}.project-wide{margin-top:140px;padding:12px}
.project figcaption{display:block;margin:0;border:0;padding:20px 9px 12px}.project figcaption>span:first-child{font-size:10px;margin:0 0 8px}.project figcaption>span:last-child{display:block;margin-top:8px;font-size:12px}.project strong{font-family:DIN,sans-serif;font-size:27px;line-height:1.1;display:block}
.work-details{perspective:1800px;transform-style:preserve-3d;border:0;padding-top:0;gap:30px;margin-top:150px;padding-bottom:60px}
.work-details figure{background:white;padding:9px;box-shadow:0 28px 40px -23px #1732504a;align-self:start}.work-details figure:nth-child(even){margin-top:90px}.work-details img{height:auto;object-fit:contain}
.work-details figcaption{padding:16px 5px 12px}.work-details h3{font-family:DIN,sans-serif;font-size:22px}.work-details figcaption>span{color:#536b82}
.collaboration{padding-block:115px 100px}.steps{gap:3%;margin-top:75px}.steps li{padding-top:26px}.step-number{font-size:84px;color:#a7b4c2;letter-spacing:-.06em}.steps h3{font-family:DIN,sans-serif;font-size:26px;margin-top:24px}.steps p{font-size:15px}.audiences{padding-top:40px}.audiences h3{font-family:DIN,sans-serif}
.contact{padding-top:85px}.contact-mark{font-size:130px;color:#9bb1cf}.contact h2{font-size:clamp(52px,7.2vw,112px);max-width:1200px}.contact-top{position:relative}
@media(min-width:821px){.depth-copy{top:7%;max-width:680px}.depth-copy h1{font-size:clamp(52px,5.3vw,82px)}.depth-copy .eyebrow{font-size:9px;margin-bottom:18px}.depth-description{font-size:16px;margin-top:20px}.depth-copy .button{margin-top:20px}.hero-shade{inset:0 auto auto 0;width:min(70vw,920px);height:min(75vh,690px);background:linear-gradient(145deg,#f3f4f4f5 0%,#f3f4f4d9 20%,#f3f4f470 49%,#f3f4f400 71%)}}
@media(max-width:1100px) and (min-width:821px){.scene-stack{height:790px}.scene-note{top:62%;padding:25px;width:34%}.scene-secondary{top:44%}.scene-primary{top:20%;width:65%}.exterior-stack .scene-note{top:61%}.scene-heading{gap:7%}.scene-heading h2{font-size:66px}.scene-intro p{font-size:16px}}
@media(max-width:820px){.scene-heading{grid-template-columns:1fr;gap:26px}.scene-heading h2{font-size:clamp(48px,8vw,70px);margin-top:18px}.scene-intro{max-width:540px}.scene-intro p{font-size:16px}.scene-intro .text-link{margin-top:13px}.renovation,.garden{padding-top:65px;padding-bottom:60px}.scene-stack{height:clamp(530px,91vw,700px);margin-top:34px;perspective:1400px}.scene-back span{font-size:23vw;left:-3%;top:2%}.scene-back i{top:15%;bottom:9%}.scene-primary{width:76%;left:0;top:16%;padding:8px 8px 0}.scene-secondary{width:36%;right:0;top:44%;padding:7px 7px 0}.scene-photo figcaption{font-size:8px;padding:10px 2px;letter-spacing:.02em}.scene-note{left:5%;top:61%;width:48%;padding:22px 20px}.scene-note p{font-size:36px;margin-top:16px}.scene-note .eyebrow{font-size:8px}.scene-note a{font-size:11px;margin-top:17px;padding-top:11px}.scene-edge{display:none}.exterior-stack .scene-primary{right:0;top:16%;width:76%}.exterior-stack .scene-secondary{left:0;top:39%;width:29%}.exterior-stack .scene-note{right:4%;top:62%;width:52%}.exterior-stack .scene-back span{right:-3%}.service-list{margin-top:30px}.garden-services{margin-top:40px}.garden-services h3{font-size:26px}.insights{padding-block:70px}.project-grid{gap:7%;padding:0;margin-top:65px}.project-wide{margin-top:80px}.project strong{font-size:23px}.project figcaption{padding:15px 4px 8px}.work-details{margin-top:85px;gap:35px 22px;padding-bottom:35px}.work-details figure:nth-child(even){margin-top:50px}.collaboration{padding-block:70px}.step-number{font-size:64px}.contact{padding-top:65px}.contact-mark{font-size:80px}.contact h2{font-size:8vw}}
@media(max-width:580px){.scene-heading h2{font-size:clamp(44px,12vw,62px)}.scene-heading .eyebrow{font-size:9px;letter-spacing:.1em}.scene-stack{height:550px;margin-inline:-7px;margin-top:25px}.scene-back span{font-size:25vw;top:3%}.scene-primary{width:87%;top:17%;left:0}.scene-secondary{width:43%;top:47%;right:0}.scene-note{width:55%;left:1%;top:62%;padding:18px 17px}.scene-note p{font-size:31px;line-height:1.02}.scene-note .eyebrow{font-size:8px;line-height:1.4;display:block}.scene-note a{margin-top:17px;font-size:11px;gap:7px;min-height:44px}.scene-photo figcaption{font-size:8px;letter-spacing:.01em;padding:9px 1px}.exterior-stack .scene-primary{width:87%;top:17%}.exterior-stack .scene-secondary{width:34%;top:45%}.exterior-stack .scene-note{right:0;top:66%;width:60%}.exterior-stack{height:580px}.scene-note p em{display:inline}.service-list{margin-top:20px}.service-list summary{padding-block:26px}.service-list h3{font-size:25px}.garden-services{margin-top:40px}.garden-services h3{font-size:28px}.garden-services p{font-size:15px}.insights .section-heading h2{font-size:43px}.project-grid{grid-template-columns:1fr;gap:50px;margin:55px 0 0;padding-inline:6px}.project-tall{width:83%;justify-self:start}.project-wide{width:92%;justify-self:end;margin-top:0}.project{padding:9px}.project-wide img{height:auto}.project strong{font-size:25px}.work-details{gap:30px 17px;margin-top:65px;padding-bottom:25px}.work-details figure{padding:7px}.work-details figure:nth-child(even){margin-top:42px}.work-details h3{font-size:18px}.work-details figcaption{padding:12px 3px 8px}.work-details figcaption>span{font-size:8px}.editorial-note{margin-top:25px}.steps{grid-template-columns:1fr;gap:27px;margin-top:40px}.steps li{display:grid;grid-template-columns:70px 1fr;gap:7px 12px;padding-top:22px}.step-number{grid-row:1/3;font-size:57px}.steps h3{font-size:26px;margin:0}.steps p{font-size:15px;margin:0;grid-column:2}.contact h2{font-size:clamp(33px,8.5vw,49px)}.contact-mark{font-size:62px}.contact{padding-top:45px}}
@media(prefers-reduced-motion:reduce){[data-depth]{transform:none!important}.scene-stack,.project-grid,.work-details{perspective:none}}

/* Portrait work photo retains its complete original composition. */
.renovation-stack .scene-primary{width:47%;left:10%;top:15%}.renovation-stack .scene-secondary{width:35%;right:1%;top:39%}.renovation-stack .scene-note{left:5%;top:65%;width:33%}
.hero-shade{width:100%;height:100%;background:radial-gradient(ellipse 68% 80% at 0% 0%,#f3f4f4f5 0%,#f3f4f4c9 40%,#f3f4f44a 67%,#f3f4f400 100%)}
@media(max-width:820px){.hero-shade{background:linear-gradient(#f3f4f4 0%,#f3f4f4 20%,#f3f4f400 58%)}.renovation-stack .scene-primary{width:67%;left:2%;top:17%}.renovation-stack .scene-secondary{width:39%;right:0;top:43%}.renovation-stack .scene-note{left:1%;top:62%;width:52%}.scene-note p{font-size:clamp(26px,4.6vw,36px)}}
@media(max-width:580px){.renovation-stack .scene-primary{width:79%;left:0;top:17%}.renovation-stack .scene-secondary{width:43%;top:44%}.renovation-stack .scene-note{width:58%;top:60%}.scene-note p{font-size:29px}.scene-note p em{font-size:.93em}}

@media(max-width:580px){.renovation-stack{height:580px}.renovation-stack .scene-note{top:58%}.exterior-stack{height:640px}.exterior-stack .scene-note{top:58%}.exterior-stack .scene-secondary{top:40%}.exterior-stack .scene-note p{font-size:28px}.exterior-stack .scene-primary figcaption{padding-left:20%}}

@media(min-width:821px){.renovation-stack .scene-secondary{right:12%;top:41%}.exterior-stack .scene-secondary{left:11%;top:41%}}
@media(max-width:580px){.scene-photo figcaption{font-size:9px}.scene-note .eyebrow{font-size:9px}.exterior-stack .scene-primary figcaption{padding-left:23%}}

/* Keep photo captions on an unobstructed top edge of the main plane. */
.scene-primary{display:flex;flex-direction:column;padding-top:0}.scene-primary figcaption{order:-1;padding:12px 3px}.scene-photo figcaption{font-size:11px;letter-spacing:.025em}.exterior-stack .scene-primary figcaption{padding-left:3px}
@media(min-width:821px){.exterior-stack .scene-note{top:58%}.exterior-stack .scene-note p{font-size:clamp(28px,3vw,44px)}.exterior-stack .scene-note p em{font-size:.9em}}
@media(max-width:580px){.scene-photo figcaption{font-size:10px}.scene-primary figcaption{padding:10px 2px}.scene-secondary figcaption{padding:10px 2px}.scene-note p,.exterior-stack .scene-note p{font-size:clamp(23px,7vw,29px)}.scene-note .eyebrow{font-size:9px}.scene-note a{font-size:12px}}

/* Continuous loading layout; scrolling no longer cancels the room story. */
@media(prefers-reduced-motion:no-preference) and (min-height:501px){.hero.is-pending{height:560svh}.is-pending .depth-stage{position:sticky;top:105px}.is-pending .static-story{display:none}}
@media(prefers-reduced-motion:no-preference) and (min-height:501px) and (max-width:820px){.hero.is-pending{height:490svh}.is-pending .depth-stage{top:86px}}
.garden>.wrap>.text-link{display:flex;width:fit-content;clear:both;margin-top:36px}.garden-services{align-items:start}.garden-services article{min-height:0}
.work-details{grid-template-columns:1.15fr 1fr;gap:10%;padding:0 0 50px 8%;margin-top:110px}.work-details figure{padding:12px}.work-details figure:nth-child(even){margin-top:150px}.work-details h3{font-size:30px}.work-details figcaption{padding:22px 9px 15px}.work-details figcaption>span{font-size:10px}
@media(min-width:821px){.chapter-number{display:none}.chapter-description{margin-top:0}}
@media(max-width:820px){.work-details{gap:8%;padding-left:0;margin-top:85px}.work-details figure:nth-child(even){margin-top:100px}.work-details h3{font-size:26px}.scene-note p{text-wrap:balance}}
@media(max-width:580px){.exterior-stack .scene-back span{font-size:20vw;right:0}.work-details{grid-template-columns:1fr;gap:55px;margin-top:70px;padding-bottom:40px}.work-details figure{width:85%;padding:9px;justify-self:start}.work-details figure:nth-child(even){width:92%;justify-self:end;margin-top:0}.work-details h3{font-size:27px}.work-details figcaption{padding:19px 7px 12px}.garden>.wrap>.text-link{margin-top:35px}.chapter-note{top:12px}.chapter-description{font-size:14px;line-height:1.3}.chapter-note>a{min-height:34px}.scene-viewport{top:22%}}

@media(max-width:580px){.garden-services{gap:26px}}

@media(max-width:580px) and (max-height:650px) and (orientation:portrait){.depth-stage{min-height:0}.depth-copy{top:18px}.depth-copy h1{font-size:10vw}.depth-description{display:none}.depth-copy .button{margin-top:14px}.chapter-note{padding:11px 14px}.chapter-note>a{display:none}.chapter-description{font-size:13px}.scene-viewport{top:24%}.hero-shade{background:linear-gradient(#f3f4f4 0%,#f3f4f4 18%,#f3f4f400 58%)}}

/* Readable full words stay on the rear plane; only their lower edge may meet a photo. */
.scene-back span{white-space:nowrap;font-size:clamp(74px,10.5vw,160px);line-height:1;top:0;left:0;letter-spacing:-.045em}
.exterior-stack .scene-back span{font-size:clamp(65px,9.2vw,140px);right:0;left:auto;top:0}
.scene-primary{padding-bottom:12px}
@media(max-width:820px){.scene-back span{font-size:10.6vw;top:6%;left:0}.exterior-stack .scene-back span{font-size:9.2vw;top:6%;right:0}.scene-primary{padding-bottom:8px}}
@media(max-width:580px){.scene-back span{font-size:10.6vw;top:8%}.exterior-stack .scene-back span{font-size:9.2vw;top:8%}}

@media(max-width:820px){.service-list{margin-top:46px}.garden-services{margin-top:56px}}
@media(min-width:581px) and (max-width:820px){.scene-back span,.exterior-stack .scene-back span{top:4%}}

/* Final composition: preserve the useful photo area and separate mobile captions. */
@media(min-width:821px){.renovation-stack .scene-note{left:-3%;width:25%;top:68%;padding:25px}.exterior-stack .scene-note{right:-2%;width:27%;top:74%;padding:25px}.scene-note p,.exterior-stack .scene-note p{font-size:clamp(26px,2.7vw,40px)}}
@media(min-width:821px) and (max-width:1100px){.renovation-stack .scene-note{width:29%;top:66%;padding:21px}.exterior-stack .scene-note{width:31%;top:67%;padding:21px}}
@media(max-width:580px){.renovation-stack .scene-secondary{width:50%;right:-2%;top:43%}.exterior-stack .scene-secondary{width:50%;left:-2%;top:35%}.renovation-stack .scene-note{left:-2%;width:48%;top:62%;padding:17px 14px}.exterior-stack .scene-note{right:-2%;width:46%;top:62%;padding:17px 14px}.scene-note p,.exterior-stack .scene-note p{font-size:clamp(18px,5.5vw,24px)}.scene-note a{font-size:11px;gap:4px}.scene-note .eyebrow{font-size:8px}.email-link{display:inline-flex;align-items:center;gap:7px;font-size:clamp(13px,4.15vw,18px);white-space:nowrap}.email-link span{margin-left:0;flex:none}}

@media(min-width:821px){.garden-services{margin-top:100px}}
@media(max-width:580px){.renovation-stack .scene-note{left:0;width:47%}}

@media(max-width:580px){.renovation-stack .scene-secondary{width:48%;right:0}.exterior-stack .scene-secondary{width:48%;left:0}}

/* v7: shared company footer, original MP identity and readable supporting type. */
.mp-footer{background:#141c28;color:#b3bdcb;padding:64px 0 24px;font-size:14px;line-height:1.65}
.mp-footer>.wrap{max-width:1264px}.footer-main{display:grid;grid-template-columns:1.05fr 1fr 1.25fr;gap:48px;padding-bottom:48px}.footer-main>*{min-width:0}
.footer-brand>a{display:block;width:210px;max-width:100%}.footer-brand img{width:210px;height:auto}.footer-brand p{color:#b3bdcb;margin-top:24px;line-height:1.8}
.mp-footer h2{font-family:Plex,sans-serif;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;color:#fff;margin:5px 0 23px}
.footer-services ul{list-style:none;padding:0;margin:0}.footer-services a{display:block;padding:8px 0;font-size:14px;line-height:1.5}
.footer-contact p,.footer-contact address{color:#b3bdcb;font-size:14px;font-style:normal}.footer-contact .footer-company{color:#fff;font-weight:600;margin-bottom:8px}
.footer-email{display:inline-block;padding:12px 0 8px;overflow-wrap:anywhere}.footer-contact .footer-management{font-size:12px;margin-top:5px}
.footer-project{display:flex;align-items:center;justify-content:space-between;gap:12px;width:fit-content;min-height:44px;margin-top:14px;border-bottom:1px solid #586577;color:#fff}.footer-project span{font-size:22px}
.footer-bottom{border-top:1px solid #ffffff26;display:flex;align-items:center;flex-wrap:wrap;gap:6px 24px;padding-top:20px;font-size:11px}.footer-bottom nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;margin-left:auto}.footer-bottom a,.footer-bottom button{display:inline-flex;align-items:center;min-height:44px}.footer-bottom small{display:block;flex-basis:100%;font-size:11px;color:#b3bdcb}
.mp-footer a:hover,.mp-footer button:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.mp-footer :focus-visible,.contact :focus-visible,.garden :focus-visible,.scene-note :focus-visible{outline-color:#fff;outline-offset:4px}.exterior-stack .scene-note :focus-visible{outline-color:#183a6f}
.scene-note .eyebrow,.scene-edge,.scene-photo figcaption,.project figcaption>span:first-child,.work-details figcaption>span,.depth-copy .eyebrow{font-size:11px}.scene-note .eyebrow{letter-spacing:.065em}.mail-hint{font-size:12px}
@media(max-width:1100px) and (min-width:821px){.footer-main{gap:28px;grid-template-columns:1fr 1fr 1.25fr}.footer-brand>a,.footer-brand img{width:180px}}
@media(max-width:820px){.mp-footer{padding-top:46px}.footer-main{grid-template-columns:1fr 1fr;gap:36px;padding-bottom:36px}.footer-brand{grid-column:1/-1;display:flex;align-items:center;gap:45px}.footer-brand p{margin:0}.footer-main h2{margin-bottom:16px}.footer-bottom{font-size:12px}.footer-bottom nav{margin-left:0}.footer-bottom small{font-size:12px}
.eyebrow,.scene-heading .eyebrow,.scene-note .eyebrow,.scene-photo figcaption,.project figcaption>span:first-child,.project figcaption>span:last-child,.work-details figcaption>span,.editorial-note,.depth-copy .eyebrow,.contact-top .eyebrow,.service-list .number,.garden-services .number{font-size:12px}.eyebrow{letter-spacing:.1em}.scene-note .eyebrow{letter-spacing:.02em;line-height:1.4}.scene-photo figcaption{letter-spacing:0;line-height:1.45}}
@media(max-width:580px){.contact{padding-bottom:50px}.mp-footer{padding-top:42px}.footer-main{grid-template-columns:1fr;gap:34px}.footer-brand{display:block}.footer-brand p{margin-top:20px}.footer-brand>a,.footer-brand img{width:190px}.footer-main h2{margin-top:0}.footer-services a{padding-block:11px;min-height:44px}.footer-email{font-size:14px}.footer-bottom{gap:8px;padding-top:20px}.footer-bottom nav{gap:0 20px}.footer-bottom small{margin-top:8px}.scene-note a{font-size:12px}.work-details figcaption>span{letter-spacing:.07em}.contact-top .eyebrow{max-width:220px}.depth-copy .eyebrow{letter-spacing:.08em}}