/* Page-specific styles: services.html */
.wrap{max-width:1400px;margin:0 auto;padding:0 56px;}
@media(max-width:900px){.wrap{padding:0 24px;}}
.eyebrow.on-dark .num{color:var(--soft-grey);opacity:.6;}
/* header (shared) */
@media(max-width:900px){nav.main-nav,.header-enquiry{display:none;}.hamburger{display:flex;}}
/* ===== HERO ===== */
.svc-hero{height:78vh;min-height:520px;position:relative;overflow:hidden;display:flex;align-items:flex-end;}
.svc-hero-approach{height:92vh;min-height:680px;}
.svc-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.svc-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,14,.72) 0%,rgba(15,15,14,.6) 35%,rgba(15,15,14,.82) 65%,rgba(15,15,14,.94) 100%);}
.svc-hero-content{position:relative;z-index:2;width:100%;padding-bottom:70px;}
.breadcrumb{color:var(--soft-grey);font-size:12px;letter-spacing:1.5px;margin-bottom:22px;opacity:.85;}
.breadcrumb a{color:var(--soft-grey);}
.breadcrumb a:hover{color:var(--green);}
.svc-hero-label{color:var(--green);font-size:13px;letter-spacing:4px;font-weight:600;margin-bottom:18px;}
.svc-hero-heading{color:var(--warm-white);font-size:clamp(40px,6vw,84px);font-weight:700;line-height:1.02;letter-spacing:-1px;margin-bottom:22px;}
.svc-hero-sub{color:var(--soft-grey);font-size:16.5px;font-weight:300;max-width:560px;}
.svc-hero-approach .svc-hero-sub{max-width:760px;margin-bottom:44px;}
.svc-hero-approach .eyebrow{margin-bottom:18px;}
.scroll-indicator{position:absolute;right:56px;bottom:36px;z-index:2;color:var(--warm-white);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;writing-mode:vertical-rl;}
.scroll-indicator .line{width:1px;height:44px;background:rgba(247,247,242,.5);position:relative;overflow:hidden;}
.scroll-indicator .line::after{content:'';position:absolute;top:0;left:0;width:100%;height:30%;background:var(--green);animation:scrollMove 2s ease-in-out infinite;}
@keyframes scrollMove{0%{top:-30%;}100%{top:100%;}}
@media(max-width:900px){.scroll-indicator{right:24px;}}
/* ===== INTRO + STICKY NAV ===== */
.svc-intro{padding:130px 0 0;background:var(--off-white);}
.svc-intro-inner{max-width:760px;margin-bottom:70px;}
.svc-intro-inner h2{font-size:clamp(28px,3.4vw,46px);font-weight:700;letter-spacing:-.5px;margin-bottom:22px;}
.svc-intro-inner p{font-size:15px;line-height:1.85;color:var(--charcoal);font-weight:300;margin-bottom:14px;}
.svc-nav-wrap{position:sticky;top:0;z-index:500;background:var(--warm-white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.svc-nav-wrap.header-scrolled-pad{top:73px;}
.svc-nav{display:flex;overflow-x:auto;scrollbar-width:none;}
.svc-nav::-webkit-scrollbar{display:none;}
.svc-nav a{
flex:0 0 auto;padding:22px 30px;font-size:12.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;
color:var(--charcoal);border-right:1px solid var(--line);white-space:nowrap;position:relative;transition:color .3s;
}
.svc-nav a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--green);transform:scaleX(0);transition:transform .3s var(--ease);}
.svc-nav a.active{color:var(--green-dark);}
.svc-nav a.active::after{transform:scaleX(1);}
.svc-nav a:hover{color:var(--green-dark);}
/* ===== 01 MASTER PLANNING (split) ===== */
.svc-section{padding:130px 0;}
.mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.mp-grid{grid-template-columns:1fr;gap:44px;}}
.mp-img{aspect-ratio:4/3.2;overflow:hidden;}
.mp-img img{width:100%;height:100%;object-fit:cover;}
.svc-num{font-size:15px;font-weight:700;color:var(--green-dark);letter-spacing:2px;margin-bottom:16px;}
.svc-heading{font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-.5px;margin-bottom:26px;}
.svc-desc p{font-size:15px;line-height:1.85;color:var(--charcoal);font-weight:300;margin-bottom:16px;}
.svc-sub{font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--charcoal-deep);margin:30px 0 18px;}
.expertise-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);}
@media(max-width:560px){.expertise-list{grid-template-columns:1fr;}}
.expertise-list li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:400;color:var(--charcoal-deep);}
.expertise-list li .mark{width:7px;height:7px;background:var(--green);flex-shrink:0;}
details.acc{border:none;}
details.acc summary{list-style:none;cursor:pointer;display:none;}
details.acc summary::-webkit-details-marker{display:none;}
@media(max-width:640px){
details.acc summary{
display:flex;align-items:center;justify-content:space-between;padding:14px 0;
font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--charcoal-deep);
border-top:1px solid var(--line);
}
details.acc summary .plus{font-size:18px;font-weight:300;transition:transform .3s;}
details.acc[open] summary .plus{transform:rotate(45deg);}
.architecture-sec details.acc summary,
.interiors-sec details.acc summary{color:var(--warm-white);border-top-color:var(--line-light);}
}
/* ===== 02 ARCHITECTURE (charcoal) ===== */
.architecture-sec{background:var(--charcoal-deep);color:var(--warm-white);}
.arch-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.arch-grid{grid-template-columns:1fr;gap:44px;}}
.arch-img{aspect-ratio:4/4.6;overflow:hidden;}
.arch-img img{width:100%;height:100%;object-fit:cover;}
.architecture-sec .svc-desc p{color:var(--soft-grey);}
.architecture-sec .svc-sub{color:var(--warm-white);}
.focus-grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line-light);}
@media(min-width:640px) and (max-width:1400px){.focus-grid4{grid-template-columns:repeat(2,1fr);}}
.focus-item{padding:16px 0;border-bottom:1px solid var(--line-light);font-size:13.5px;display:flex;gap:12px;align-items:baseline;transition:padding-left .3s var(--ease);}
.focus-item:hover{padding-left:8px;}
.focus-item .fnum{color:var(--green);font-weight:700;font-size:12px;}
/* ===== 03 LANDSCAPE ===== */
.landscape-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.landscape-grid{grid-template-columns:1fr;gap:44px;}}
.landscape-img{aspect-ratio:4/4.6;overflow:hidden;}
.landscape-img img{width:100%;height:100%;object-fit:cover;}
.landscape-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);margin-top:26px;}
@media(max-width:560px){.landscape-list{grid-template-columns:1fr;}}
.landscape-list li{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--charcoal-deep);}
.landscape-list li .mark{width:6px;height:6px;background:var(--green);flex-shrink:0;}
/* ===== 04 INTERIORS ===== */
.interiors-sec{background:var(--charcoal-deep);color:var(--warm-white);padding:130px 0;}
.interiors-sec .svc-desc p{color:var(--soft-grey);}
.interiors-sec .svc-sub{color:var(--warm-white);}
.int-collage{display:grid;grid-template-columns:1.3fr .85fr;grid-template-rows:1fr 1fr;gap:2px;margin-bottom:80px;height:520px;}
@media(max-width:800px){.int-collage{grid-template-columns:1fr 1fr;height:auto;}}
.int-img{overflow:hidden;position:relative;}
.int-img:first-child{grid-row:1/3;}
@media(max-width:800px){.int-img:first-child{grid-row:auto;grid-column:1/3;height:260px;}.int-img{height:180px;}}
.int-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.int-img:hover img{transform:scale(1.06);}
.int-tag{position:absolute;left:18px;bottom:16px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--warm-white);background:rgba(20,20,19,.55);padding:8px 12px;font-weight:600;}
.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
@media(max-width:800px){.tile-grid{grid-template-columns:repeat(2,1fr);}}
.tile{aspect-ratio:1/1;background:var(--charcoal-deep);border:1px solid var(--line-light);display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;transition:background .4s var(--ease);cursor:default;}
.tile span{font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--warm-white);transition:color .4s;}
.tile:hover{background:var(--green);}
.tile:hover span{color:var(--charcoal-deep);}
/* ===== 05 PMC ===== */
.pmc-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.pmc-grid{grid-template-columns:1fr;gap:44px;}}
.pmc-img{aspect-ratio:4/4.4;overflow:hidden;}
.pmc-img img{width:100%;height:100%;object-fit:cover;}
.pmc-intro{font-size:19px;font-weight:500;color:var(--charcoal-deep);line-height:1.4;margin-bottom:24px;border-left:3px solid var(--green);padding-left:20px;}
.phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);margin-top:10px;}
@media(max-width:560px){.phase-grid{grid-template-columns:1fr;}}
.phase-item{display:flex;gap:14px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--charcoal-deep);}
.phase-item .pnum{font-size:11px;font-weight:700;color:var(--green-dark);letter-spacing:1px;}
/* ===== INTEGRATED APPROACH ===== */
.approach-chain{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:0;}
.chain-block{
width:130px;height:130px;border:1px solid var(--line-light);display:flex;align-items:center;justify-content:center;
text-align:center;padding:14px;font-size:12.5px;font-weight:600;letter-spacing:.5px;background:rgba(247,247,242,.05);color:var(--warm-white);
}
.chain-line{width:36px;height:1px;background:var(--green);flex-shrink:0;}
@media(max-width:800px){
.approach-chain{flex-direction:column;gap:0;align-items:flex-start;}
.chain-line{width:1px;height:28px;}
}
/* ===== PROJECTS PREVIEW ===== */
.proj-preview{padding:130px 0;background:var(--warm-white);}
.pp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:56px;flex-wrap:wrap;}
.pp-head h2{font-size:clamp(26px,3vw,40px);font-weight:700;letter-spacing:-.5px;}
.pp-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:4px;}
.pp-item{display:block;position:relative;overflow:hidden;grid-column:span 2;grid-row:span 2;}
.pp-item:nth-child(1){grid-column:span 2;grid-row:span 3;}
.pp-item:nth-child(2){grid-column:span 2;grid-row:span 2;}
.pp-item:nth-child(3){grid-column:span 1;grid-row:span 1;}
.pp-item:nth-child(4){grid-column:span 1;grid-row:span 1;}
@media(max-width:800px){
.pp-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px;}
.pp-item,.pp-item:nth-child(1),.pp-item:nth-child(2),.pp-item:nth-child(3),.pp-item:nth-child(4){grid-column:span 1;grid-row:span 1;}
}
.pp-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
.pp-item:hover img{transform:scale(1.08);}
.pp-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,19,0) 45%,rgba(20,20,19,.85) 100%);}
.pp-info{position:absolute;left:20px;right:20px;bottom:18px;color:var(--warm-white);}
.pp-info .cat{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);font-weight:600;margin-bottom:6px;}
.pp-info h3{font-size:16px;font-weight:600;margin-bottom:3px;}
.pp-info .loc{font-size:11.5px;font-weight:300;opacity:.85;}
.pp-cta{margin-top:50px;text-align:center;}
/* ===== CLOSING CTA ===== */
.closing{display:grid;grid-template-columns:1fr 1fr;min-height:600px;}
@media(max-width:960px){.closing{grid-template-columns:1fr;min-height:auto;}}
.closing-img{position:relative;overflow:hidden;min-height:360px;}
.closing-img img{width:100%;height:100%;object-fit:cover;}
.closing-form-side{background:var(--green);padding:100px 64px;display:flex;flex-direction:column;justify-content:center;}
@media(max-width:960px){.closing-form-side{padding:70px 28px;}}
.closing-small{font-size:13px;letter-spacing:3px;font-weight:700;text-transform:uppercase;color:var(--charcoal-deep);margin-bottom:18px;}
.closing-heading{font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.5px;color:var(--charcoal-deep);margin-bottom:22px;}
.closing-body{font-size:14.5px;line-height:1.8;color:rgba(42,42,41,.85);margin-bottom:40px;max-width:460px;font-weight:400;}
/* ===== FOOTER (shared) ===== */
@media(max-width:900px){.footer-grid{grid-template-columns:1fr;gap:44px;}}