/* Master-page experiment only; never imported by other language/project pages. */
body.master-home .home-intro{grid-template-columns:44% 40%!important;gap:12%!important;align-items:start!important;padding:100px var(--pad) 125px!important}
body.master-home .home-intro-side{gap:36px;padding:0}
body.master-home .home-intro-media{height:auto;overflow:visible}
body.master-home .home-intro-media img{height:auto;display:block}
body.master-home .home-intro>div:last-child{padding-top:140px}
body.master-home .home-intro h2{font-size:clamp(48px,4vw,58px)!important;line-height:1.02!important;max-width:14ch!important;letter-spacing:-.05em}
body.master-home .home-intro p{font-size:19px!important;line-height:1.5!important;max-width:39ch!important}
body.master-home .home-services-head{display:block!important;margin-bottom:36px!important}
/* Compact transition only when the Studios images lead directly into Services. */
body.master-home .home-architecture #studios + #services{padding-top:36px}
body.master-home .selected-head{background:#efeee9!important;color:#111!important;min-height:0!important;padding:48px var(--pad)!important;grid-template-columns:1fr 2.2fr!important;border-top:1px solid #b9b8b3!important;border-bottom:0!important;align-items:center!important}
body.master-home .selected-head h2{font-size:24px!important;max-width:none!important;line-height:1.2!important}
body.master-home .about-studios-grid{grid-template-columns:52% 36%!important;gap:12%!important}
body.master-home .about-studios h2{font-size:clamp(48px,4vw,58px)!important;line-height:1.04!important;margin:32px 0 0!important}
body.master-home .about-studios-grid>div:last-child{padding-top:48px}
body.master-home .about-studios p{font-size:19px!important;max-width:39ch!important}
body.master-home .about-studios p.home-label{font-size:10px!important;line-height:1.7!important;max-width:48ch!important;letter-spacing:.1em}
/* Section 06 → 07 transition: reuse Studios' responsive entry rhythm. */
body.master-home .home-architecture #services + .behind{margin-top:11vh;background:#ffffff}
@media(min-width:801px){
 /* Match Studios' 11vh; preceding Company keeps its 80px margin, plus the 1px divider. */
 html body.master-home .home-architecture .selected-head{padding-top:max(0px,calc(11vh - 80px - 1px))!important}
 body.master-home .home-architecture #studios + #services{padding-top:11vh;padding-bottom:11vh}
 body.master-home .home-architecture #services .service-list > p:last-child{margin-bottom:0}
 body.master-home .home-architecture #services + .behind{margin-top:0;padding-bottom:11vh}
}
@media(max-width:800px){
 /* Match the existing 36px Services kicker rhythm without stacked gaps. */
 body.master-home .home-architecture #services{padding-bottom:36px}
 body.master-home .home-architecture #services .service-list > p:last-child{margin-bottom:0}
 body.master-home .home-architecture #services + .behind{margin-top:0;padding-top:36px;padding-bottom:36px}
}
body.master-home .behind h2{font-size:clamp(44px,3.8vw,54px)!important;line-height:1.04!important;max-width:18ch}
body.master-home .behind p{font-size:18px!important;max-width:600px!important;line-height:1.5!important}
body.ggs-master .master-gallery{display:flex!important;flex-direction:column;gap:12px!important;padding:0;margin:0;grid-template-rows:none!important}
body.ggs-master .master-photo-row{display:flex;gap:12px;align-items:flex-start;width:100%}
body.ggs-master .master-gallery figure{margin:0!important;height:auto!important;aspect-ratio:var(--native-ratio,1.5)!important;min-width:0;overflow:visible!important;grid-area:auto!important}
body.ggs-master .master-gallery img,body.ggs-master .master-gallery video{position:static!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important}
body.master-home .master-closing{position:relative;isolation:isolate;background:#090909}
body.master-home .master-closing .final-visual{position:sticky!important;top:0!important;height:100vh!important;min-height:0!important;z-index:0!important}
body.master-home .master-closing .final-visual-copy{position:relative!important;inset:auto!important;margin-top:-100vh;height:75vh;padding:12vh var(--pad);display:flex;align-items:flex-end;z-index:1;pointer-events:none;color:#fff}
body.master-home .master-closing .contact{position:relative;z-index:2!important;margin:0!important;min-height:100vh;padding:12vh var(--pad) 5vh!important;background:#090909!important;color:#fff}
body.master-home .master-closing .contact>a{margin:10vh 0 15vh}
body.master-project .section,body.master-project .story{grid-template-columns:1fr 2.2fr;gap:4vw;padding:100px 4vw}
body.master-project .section h2{font-size:clamp(48px,4.2vw,60px)!important;max-width:700px!important;line-height:1.04!important;letter-spacing:-.045em!important;margin-bottom:32px!important}
body.master-project .section h2 span{display:block}
body.master-project .section p{font-size:19px!important;line-height:1.5!important;max-width:670px!important}
body.master-project .story h2{font-size:46px!important;line-height:1.08!important;margin-bottom:28px!important}
body.master-project .story p{font-size:19px!important;line-height:1.5!important;max-width:660px!important;margin:0 0 20px}
body.master-project main>.master-gallery{padding:0 4vw 80px}
body.master-project .work-wrap>.master-gallery{padding:0 4vw 80px}
body.master-project .work-wrap>.master-gallery .master-photo-row{justify-content:flex-end}
@media(max-width:800px){
 body.master-home .home-intro{grid-template-columns:1fr!important;gap:36px!important;padding:70px var(--pad)!important}
 body.master-home .home-intro>div:last-child{padding-top:0}
 body.master-home .home-intro-media{max-width:85%}
 body.master-home .home-intro h2,body.master-home .about-studios h2{font-size:40px!important}
 body.master-home .about-studios-grid,body.master-home .selected-head{grid-template-columns:1fr!important;gap:24px!important}
 body.master-home .about-studios-grid>div:last-child{padding-top:0}
 body.master-home .behind h2{font-size:38px!important}
 body.master-project .section,body.master-project .story{grid-template-columns:1fr;padding:60px 5vw;gap:28px}
 body.master-project .section h2{font-size:clamp(32px,6vw,46px)!important}
 body.master-project .story h2{font-size:38px!important}
 body.master-project .section p,body.master-project .story p{font-size:18px!important}
}
@media(max-width:800px),(prefers-reduced-motion:reduce){
 body.master-home .master-closing .final-visual{position:relative!important;top:auto!important;height:65vh!important}
 body.master-home .master-closing .final-visual-copy{margin-top:0;height:auto;padding:50px var(--pad)}
 body.master-home .master-closing .contact{min-height:0;padding:60px var(--pad)!important}
}
