:root{--ink:#24343e;--blue:#179bd4;--line:#e4e9eb}
*{box-sizing:border-box}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}
.service-hero{height:min(58vw,570px);min-height:340px;position:relative;overflow:hidden;background:#20333d}
.service-hero img{height:100%;width:100%;object-fit:cover;filter:brightness(.72)}
.service-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,32,42,.48),transparent 75%)}
.service-hero-content{position:absolute;z-index:1;bottom:10%;left:7%;color:white;max-width:720px}
.kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--blue)}
.service-hero .kicker{color:white}.service-hero h1{font-size:clamp(36px,4.3vw,65px);font-weight:500;line-height:1.13;letter-spacing:-.035em;margin:20px 0}
.editorial{position:relative;isolation:isolate;overflow:hidden}.editorial:before{content:"";position:absolute;inset:0;background:url('../assets/architectural-linework.png') no-repeat right -50px top 10%/min(52vw,680px) auto;opacity:.065;z-index:-1;pointer-events:none}
.wrap{max-width:1250px;margin:auto;padding:95px 32px}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:start}.intro h2,.section-head h2{font-size:clamp(31px,3.3vw,49px);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:20px 0}.intro p{font-size:17px;line-height:1.85;color:#5f717b;margin-top:0}.rule{border-top:1px solid var(--line);margin-top:45px;padding-top:25px;color:#70808a;font-size:13px;letter-spacing:.04em}
.projects-section{background:#f6f8f8;position:relative;isolation:isolate}.projects-section:before{content:"";position:absolute;inset:0;background:url('../assets/architectural-linework.png') no-repeat left -120px bottom -160px/45% auto;opacity:.035;z-index:-1}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.section-head p{max-width:380px;color:#62737d;line-height:1.7}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-card{display:block}.project-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e6ebed}.project-card h3{font-size:17px;font-weight:600;margin:15px 0 7px}.project-card small{font-size:12px;color:#71808a}
.link-more{display:inline-block;border-bottom:2px solid var(--blue);padding:12px 0;margin-top:35px;color:#1b6f96;font-size:13px;font-weight:700}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.feature img{width:100%;aspect-ratio:1.35;object-fit:cover}.feature h2{font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.03em}.feature p{line-height:1.8;color:#60717b}
.site-footer{background:#22313a;color:#d8e1e5;padding:60px max(30px,6vw) 28px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:5%}.site-footer img{width:230px;max-width:100%;background:#fff;padding:10px}.site-footer h4{font-size:12px;letter-spacing:.12em;color:#86cde8}.site-footer a{display:block;margin:13px 0;font-size:13px}.site-footer p{font-size:13px;line-height:1.8}.footer-bottom{margin-top:55px;border-top:1px solid #475963;padding-top:20px;font-size:11px;color:#b0bec5}
@media(max-width:750px){header{flex-direction:column;align-items:start}nav{gap:12px}.intro,.feature{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:1fr 1fr}.wrap{padding:65px 22px}.footer-grid{grid-template-columns:1fr 1fr}.service-hero{min-height:340px}}
@media(max-width:500px){.cards,.footer-grid{grid-template-columns:1fr}.section-head{display:block}}


/* Official transparent logo artwork for dark backgrounds. */
.vh-shared-footer .footer-logo img{display:block!important;width:min(255px,100%)!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;filter:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.vh-shared-footer .footer-grid{min-width:0}
.vh-shared-footer .footer-grid>*{min-width:0}
.vh-shared-footer a,.vh-shared-footer p{overflow-wrap:break-word}
@media(max-width:850px){.vh-shared-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important}}
@media(max-width:540px){.vh-shared-footer .footer-grid{grid-template-columns:minmax(0,1fr)!important}}
/* Architectural linework is a quiet background, never a framed image. */
body :is(.editorial,.projects-section,.service-details,.service-capabilities,.services,.sectors,.about,.recognition,.credentials,.story,.values,.team,.projects-controls,.projects-hero,.offices,.enquiry,.endnote,.studio-heading){position:relative;isolation:isolate}
body :is(.editorial,.service-details,.service-capabilities,.sectors,.recognition,.values,.offices)::before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
 background-image:url("../assets/architectural-linework.png");
 background-repeat:no-repeat;background-position:right -100px center;
 background-size:min(65vw,900px) auto;opacity:.075;
}
body :is(.projects-section,.team,.projects-controls,.enquiry)::before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
 background-image:url("../assets/architectural-linework.png");
 background-repeat:no-repeat;background-position:left -190px top -100px;
 background-size:min(54vw,700px) auto;opacity:.052;
}
body :is(.editorial,.service-details,.service-capabilities,.sectors,.recognition,.values,.offices,.projects-section,.team,.projects-controls,.enquiry)>*{position:relative;z-index:1}
@media(max-width:700px){
 body :is(.editorial,.projects-section,.service-details,.service-capabilities,.sectors,.recognition,.values,.team,.projects-controls,.offices,.enquiry)::before{background-size:110vw auto;opacity:.04}
}
@media(max-width:1000px){footer.vh-shared-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){footer.vh-shared-footer .footer-grid{grid-template-columns:1fr!important}footer.vh-shared-footer .footer-bottom{flex-direction:column!important}}@media(max-width:850px){footer.vh-shared-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:540px){footer.vh-shared-footer .footer-grid{grid-template-columns:minmax(0,1fr)!important}}

/* Plan linework belongs behind content, not behind the section background. */
body :is(.editorial,.service-details,.service-capabilities,.sectors,.recognition,.values,.offices,.projects-section,.team,.projects-controls,.enquiry,.services,.about,.story,.credentials,.studio-heading,.projects-hero,.endnote){position:relative;isolation:isolate}
body :is(.editorial,.service-details,.service-capabilities,.sectors,.recognition,.values,.offices,.projects-section,.team,.projects-controls,.enquiry,.services,.about,.story,.credentials,.studio-heading,.projects-hero,.endnote)::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:url("../assets/architectural-linework.png");background-repeat:no-repeat;
 background-position:right -110px top -140px;background-size:min(56vw,720px) auto;
 opacity:.105;
}
body :is(.projects-section,.team,.projects-controls,.services,.story,.projects-hero)::before{
 background-position:left -155px top -100px;opacity:.085;
}
body :is(.editorial,.service-details,.service-capabilities,.sectors,.recognition,.values,.offices,.projects-section,.team,.projects-controls,.enquiry,.services,.about,.story,.credentials,.studio-heading,.projects-hero,.endnote)>*{position:relative;z-index:1}
@media(max-width:700px){
 body :is(.editorial,.service-details,.service-capabilities,.sectors,.recognition,.values,.offices,.projects-section,.team,.projects-controls,.enquiry,.services,.about,.story,.credentials,.studio-heading,.projects-hero,.endnote)::before{background-size:105vw auto;opacity:.065}
}


@media(pointer:fine){body.v27-cursor-ready,body.v27-cursor-ready a,body.v27-cursor-ready button{cursor:none!important}
#v27-dot,#v27-ring{position:fixed;left:0;top:0;z-index:99999;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);will-change:left,top}
#v27-dot{width:7px;height:7px;background:#179bd4}#v27-ring{width:34px;height:34px;border:1px solid rgba(23,155,212,.75);transition:width .22s,height .22s,background .22s,border-color .22s}
body.v27-hover #v27-ring{width:62px;height:62px;background:rgba(23,155,212,.10);border-color:#179bd4}
body.v27-image-hover #v27-ring{width:78px;height:78px;background:rgba(255,255,255,.10);border-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
}
@media(pointer:coarse),(prefers-reduced-motion:reduce){#v27-dot,#v27-ring{display:none!important}}


/* Deliberate, slow cinematic motion throughout the site; no hover required. */
@keyframes v36Cine {0%{transform:scale(1)}100%{transform:scale(1.065)}}
@keyframes v36Draw {from{stroke-dashoffset:1200;opacity:.18}to{stroke-dashoffset:0;opacity:.7}}
@media(prefers-reduced-motion:no-preference){
.hero-slide img,.slide img,.project-card img,.service-card img,.editorial .feature img,.team img,.studio-photo img,.hero-image img,.project-image img,.film img{
 animation:v36Cine 19s ease-in-out infinite alternate!important;transform-origin:center center;
}
.hero-slide,.slide,.project-card,.service-card,.feature-image,.hero-image,.project-image{overflow:hidden}
.v36-blueprint path,.v36-blueprint line,.v36-blueprint polyline{stroke-dasharray:1200;animation:v36Draw 11s ease-in-out infinite alternate}
}
.v36-blueprint{position:absolute;left:-4vw;top:3%;width:min(42vw,600px);height:430px;pointer-events:none;opacity:.38;z-index:0}
.v36-blueprint *{fill:none;stroke:#179bd4;stroke-width:1.1}
.projects-hero,.service-hero{position:relative;isolation:isolate}
.projects-hero>* ,.service-hero>*{position:relative;z-index:1}
.v36-architecture-feature{position:relative;display:block;min-height:460px;overflow:hidden;color:#24343d;text-decoration:none;background:#f6f8f8}
.v36-architecture-feature .v36-photo{position:absolute;inset:0;background-image:url('../assets/wp-674.jpg');background-position:center 49%;background-size:cover;animation:v36Cine 22s ease-in-out infinite alternate}
.v36-architecture-feature .v36-fade{position:absolute;inset:0;background:linear-gradient(90deg,#f8f9f9 0%,#f8f9f9 24%,rgba(248,249,249,.93) 36%,rgba(248,249,249,.15) 66%,transparent 100%)}
.v36-architecture-feature .v36-copy{position:relative;z-index:2;max-width:530px;padding:85px 5vw}
.v36-architecture-feature h2{font-size:clamp(28px,3.1vw,45px);line-height:1.12;margin:20px 0 24px}
.v36-architecture-feature p{line-height:1.75}
.v36-architecture-feature .v36-cta{display:inline-block;margin-top:32px;border-bottom:2px solid #179bd4;padding-bottom:10px;color:#137eac;font-weight:700}
@media(max-width:700px){.v36-architecture-feature{min-height:520px}.v36-architecture-feature .v36-photo{background-position:63% center}.v36-architecture-feature .v36-fade{background:linear-gradient(90deg,rgba(248,249,249,.98),rgba(248,249,249,.77) 75%,rgba(248,249,249,.3))}.v36-architecture-feature .v36-copy{padding:80px 25px}.v36-blueprint{width:85vw}}
@media(prefers-reduced-motion:reduce){.v36-architecture-feature .v36-photo{animation:none}}


.vh-signature-drawing{position:relative;min-height:245px;padding:38px max(5vw,24px);background:#fbfcfc;overflow:hidden;display:flex;align-items:center;justify-content:flex-end}
.vh-signature-drawing .vh-drawing{width:min(74vw,1050px);height:auto;display:block;overflow:visible}
.vh-drawing path{fill:none;stroke:#179bd4;stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round;opacity:.68;stroke-dasharray:1800;stroke-dashoffset:1800;animation:vh-draw-line 3.5s cubic-bezier(.22,.65,.3,1) forwards;animation-delay:calc(var(--i)*.065s)}
@keyframes vh-draw-line{to{stroke-dashoffset:0}}
.vh-signature-drawing::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fbfcfc 0%,transparent 65%)}
@media(max-width:700px){.vh-signature-drawing{min-height:150px;padding:24px 15px}.vh-signature-drawing .vh-drawing{width:100%}}
@media(prefers-reduced-motion:reduce){.vh-drawing path{animation:none;stroke-dashoffset:0}}
/* Automatic cinematic motion on imagery, never dependent on hover */
@keyframes vh-v37-cinema{0%{transform:scale(1)}100%{transform:scale(1.065)}}
.hero-slide.active img,.hero-slide.active .hero-image,.service-hero img,.service-hero picture img,.service-card img,.project-card img,.project-tile img,.selected-project img,.vh-editorial-card img{animation:vh-v37-cinema 9s ease-in-out infinite alternate;transform-origin:center center}
@media(prefers-reduced-motion:reduce){.hero-slide.active img,.hero-slide.active .hero-image,.service-hero img,.service-card img,.project-card img,.project-tile img,.selected-project img,.vh-editorial-card img{animation:none}}


/* Restore service hero overlay: the old broad child rule displaced absolute captions. */
.service-hero > .service-hero-content{position:absolute!important;left:7%!important;bottom:9%!important;top:auto!important;z-index:5!important;max-width:min(760px,85vw);color:#fff!important;transform:none!important}
.service-hero .service-hero-content h1{font-size:clamp(32px,4vw,59px)!important;line-height:1.13!important;margin:14px 0 0!important;color:#fff!important;opacity:1!important;visibility:visible!important;transform:none!important}
.service-hero > img{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.service-hero:after{z-index:1!important}
.service-hero{min-height:430px!important}
@media(max-width:680px){.service-hero{min-height:350px!important}.service-hero > .service-hero-content{bottom:8%!important}.service-hero .service-hero-content h1{font-size:clamp(29px,7vw,42px)!important}}
/* Four restrained, elongated architectural drawings anchored upper-right, not after content. */
.vh-signature-drawing{display:none!important}
.vh38-drawing-host{position:relative!important;isolation:isolate}
.vh38-linework{position:absolute;right:2.5%;top:12px;width:min(48vw,780px);height:205px;pointer-events:none;z-index:0;opacity:.55;overflow:hidden}
.vh38-linework svg{width:100%;height:100%;display:block}
.vh38-linework path{fill:none;stroke:#179bd4;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:vh38Draw 3.3s cubic-bezier(.3,.05,.2,1) forwards;animation-delay:calc(var(--i)*.055s)}
@keyframes vh38Draw{to{stroke-dashoffset:0}}
.vh38-drawing-host>*:not(.vh38-linework){position:relative;z-index:1}
.vh38-drawing-host{padding-top:max(75px, var(--vh38-original-padding,0px))}
@media(max-width:800px){.vh38-linework{width:67vw;height:120px;opacity:.30;top:0}.vh38-drawing-host{padding-top:55px}}
@media(prefers-reduced-motion:reduce){.vh38-linework path{animation:none;stroke-dashoffset:0}}
/* Cinema: self-running microzoom, never tied to hover. */
@keyframes vh38Cine{0%{transform:scale(1.015)}100%{transform:scale(1.075)}}
@media(prefers-reduced-motion:no-preference){
.hero-slide.active .hero-photo img,.hero-slide.active img.bg,.project-card img,.service-card img,
.projects-grid img,.projects-section img,.selected-work img,.team img,.editorial img,
.v34-feature-link img,.v27-drawings img,.sector-card img,.card img,.film img{
 animation:vh38Cine 11s ease-in-out infinite alternate!important;transform-origin:center!important;
}
.v36-architecture-feature .v36-photo{animation:vh38Cine 11s ease-in-out infinite alternate!important}
}
.projects-section img,.project-card img,.service-card img,.v34-feature-link img{object-fit:cover}
.project-card,.service-card,.v34-feature-link{overflow:hidden}
.v36-architecture-feature{min-height:420px!important}
.v36-architecture-feature h2{font-size:clamp(27px,3vw,43px)!important}


/* V41: decorative SVGs live in a right-hand safe zone. */
.v36-blueprint{left:auto!important;right:0!important;max-width:45vw!important;transform:none!important;pointer-events:none!important}
.vh-signature-drawing{display:none!important}
@media(max-width:700px){.v36-blueprint{max-width:38vw!important;opacity:.18!important}}


/* V42: right-hand decorative drawings only. No content or gallery changes. */
.vh38-drawing-host{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.vh38-drawing-host > .vh38-linework{
  position:absolute!important;left:auto!important;right:0!important;
  margin-left:auto!important;margin-right:0!important;
  transform:none!important;width:min(44vw,700px)!important;
  max-width:44%!important;height:205px!important;top:0!important;
  pointer-events:none!important;z-index:0!important;overflow:hidden!important;
}
.vh38-drawing-host > .vh38-linework svg{width:100%!important;height:100%!important}
.vh38-drawing-host > :not(.vh38-linework){position:relative;z-index:1}
.v36-blueprint{left:auto!important;right:0!important;max-width:42vw!important;pointer-events:none!important}
@media(max-width:760px){
 .vh38-drawing-host > .vh38-linework{width:44vw!important;max-width:44%!important;height:125px!important;opacity:.30!important}
 .v36-blueprint{max-width:42vw!important}
}


/* V44: content has priority over decorative linework. */
html,body{max-width:100%;overflow-x:clip}
.wrap{width:100%;max-width:1250px;margin-inline:auto;min-width:0}
.intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,90px)}
.intro>*,.section-head>*,.cards>*{min-width:0}
.intro p,.section-head p,.rule{overflow-wrap:break-word}
.vh38-drawing-host{position:relative!important;overflow:hidden!important}
.vh38-drawing-host > .vh38-linework{
 position:absolute!important;left:auto!important;right:0!important;top:4px!important;
 width:min(32vw,460px)!important;max-width:32%!important;height:72px!important;
 z-index:0!important;opacity:.32!important;pointer-events:none!important;
}
.vh38-drawing-host > .vh38-linework svg{width:100%!important;height:100%!important}
.vh38-drawing-host > :not(.vh38-linework){position:relative;z-index:1}
.v36-blueprint{max-width:30vw!important;opacity:.18!important;pointer-events:none!important}
@media(max-width:760px){
 .intro{grid-template-columns:minmax(0,1fr);gap:22px}
 .vh38-drawing-host > .vh38-linework{width:35vw!important;max-width:35%!important;height:52px!important;opacity:.2!important}
}


/* Widths INCLUDE padding: prevents the right column from being pushed off-screen. */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;margin:0;overflow-x:clip}
.wrap{box-sizing:border-box!important;width:100%!important;max-width:1250px!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(22px,5vw,64px)!important;padding-right:clamp(22px,5vw,64px)!important}
.wrap.intro{display:grid!important;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr)!important;gap:clamp(28px,5vw,72px)!important;align-items:start}
.wrap.intro>div,.section-head>*,.cards>*{min-width:0!important;max-width:100%}
.wrap.intro p{max-width:100%;overflow-wrap:break-word;line-height:1.75}
.wrap.intro .rule{max-width:100%;overflow-wrap:break-word}
.vh38-drawing-host>.vh38-linework{right:0!important;left:auto!important;top:0!important;max-width:26%!important;height:56px!important;opacity:.15!important;pointer-events:none!important}
.vh38-drawing-host>.vh38-linework svg{max-width:100%!important}
@media(max-width:850px){
 .wrap.intro{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 .wrap.intro p{max-width:65ch}
 .section-head{flex-wrap:wrap}
}
@media(max-width:600px){
 .wrap{padding-left:22px!important;padding-right:22px!important}
 .vh38-drawing-host>.vh38-linework{display:none!important}
}


/* V46: constrain content to the actual viewport, not a potentially overflowing ancestor. */
html,body{max-width:100%;overflow-x:clip}
.editorial,.projects-section{max-width:100%;overflow-x:clip}
.editorial .wrap,.projects-section .wrap{
 box-sizing:border-box!important;
 width:min(1120px,calc(100vw - 48px))!important;
 max-width:calc(100vw - 48px)!important;
 margin-left:auto!important;margin-right:auto!important;
 padding-left:0!important;padding-right:0!important;
 transform:none!important;
}
.editorial .wrap.intro{display:grid!important;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr)!important;gap:clamp(24px,4vw,64px)!important}
.editorial .wrap.intro>div,.projects-section .section-head>*{min-width:0!important;max-width:100%!important;overflow-wrap:break-word}
.projects-section .section-head{display:flex!important;flex-wrap:wrap!important;gap:24px!important}
.projects-section .section-head p{max-width:340px!important}
.vh38-drawing-host>.vh38-linework{width:min(26vw,330px)!important;max-width:26vw!important;height:100px!important;right:0!important;top:0!important;opacity:.17!important}
@media(max-width:760px){
 .editorial .wrap.intro{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 .editorial .wrap,.projects-section .wrap{width:calc(100vw - 36px)!important;max-width:calc(100vw - 36px)!important}
 .vh38-drawing-host>.vh38-linework{opacity:.07!important}
}