@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#081f35;--navy2:#102c45;--ink:#102d46;--muted:#586b7b;--aqua:#44ded0;--line:#dce5e9;--pale:#f1f6f8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #049f92;outline-offset:5px}img{max-width:100%;display:block;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.3vw,5.8rem);font-weight:650}h2{font-size:clamp(2.1rem,3.3vw,3.65rem);font-weight:650}h3{font-size:1.35rem;letter-spacing:-.025em;font-weight:700}p+p{margin-top:1rem}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.topbar{background:var(--navy);color:#d6e4ed;font-size:.8rem;letter-spacing:.035em}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 0}.topbar a{font-weight:600;color:#fff}header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.nav{min-height:100px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-family:'Manrope',sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:.12em;line-height:1.25;flex-shrink:0}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.09em;margin-top:5px;font-weight:600}.brandmark{width:42px;height:45px;display:flex;align-items:center;justify-content:center;font-size:43px;letter-spacing:-7px;line-height:1}.brandmark span{color:#11bcae;font-size:28px;align-self:flex-end;margin-bottom:1px}.nav nav{display:flex;gap:24px;margin-left:auto;align-items:center;font-size:.88rem;font-weight:550;white-space:nowrap}.nav nav a{padding:12px 0;position:relative}.nav nav a:after{content:'';position:absolute;bottom:3px;left:0;right:100%;height:2px;background:#16ad9f;transition:.2s}.nav nav a:hover:after,.nav nav a[aria-current=page]:after{right:0}.nav-cta{background:var(--navy);color:#fff;padding:13px 18px;font-size:.85rem;white-space:nowrap}.menu-toggle{display:none}.hero{position:relative;background:var(--navy);color:#fff;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 33%;z-index:-2}.hero-photo img{height:100%;width:100%;object-position:center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081f35 0%,rgba(8,31,53,.98) 28%,rgba(8,31,53,.72) 51%,rgba(8,31,53,.05) 100%),linear-gradient(0deg,rgba(8,31,53,.65),transparent 65%)}.hero-inner{padding-top:95px;padding-bottom:83px}.hero-copy{max-width:745px}.eyebrow{font-size:.75rem;letter-spacing:.17em;font-weight:700;margin-bottom:22px;color:#167d79}.hero .eyebrow,.system-section .eyebrow,.closing .eyebrow{color:var(--aqua)}.hero h1{font-size:clamp(3.2rem,5.1vw,5.45rem);font-weight:600;line-height:1.08}.hero h1 em{font-style:normal;color:var(--aqua);font-size:.77em;letter-spacing:-.045em;display:inline-block;margin-top:10px}.hero-copy>p:not(.eyebrow){font-size:1.08rem;max-width:495px;color:#d0dce4;margin-top:28px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);border:1px solid var(--navy);color:#fff;min-height:51px;padding:14px 24px;font-size:.88rem;font-weight:650;cursor:pointer;line-height:1.4;transition:background .2s,transform .2s;text-align:center}.button:hover{background:#20445f;transform:translateY(-2px)}.hero .button{background:var(--aqua);color:var(--navy);border-color:var(--aqua)}.button.secondary{background:transparent;color:var(--navy);border-color:#bdcbd4}.hero .button.secondary{color:#fff;border-color:#798c9e;background:rgba(8,31,53,.2)}.button.light{background:#fff;color:var(--navy);border-color:#fff}.hero-note{display:flex;gap:24px;margin-top:45px;font-size:.8rem;color:#c5d4df}.hero-note span+span{border-left:1px solid #6e8290;padding-left:24px}.photo-label{position:absolute;right:28px;bottom:19px;font-size:.72rem;color:#fff;background:rgba(8,31,53,.45);padding:4px 9px}.discipline-strip{background:#eef4f6;border-bottom:1px solid var(--line)}.discipline-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:28px;padding-bottom:28px}.discipline-strip span{font-size:.72rem;font-weight:700;letter-spacing:.13em}.discipline-strip p{font-size:.9rem;font-weight:550}.discipline-strip b{color:#9babba;font-weight:400}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:65px;margin-bottom:48px}.section-heading>p{max-width:370px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:34px 30px 25px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-height:315px;transition:background .25s,transform .25s,border-color .25s}.service-card:hover{background:#f2f8f9;border-color:#86bdbb;transform:translateY(-4px)}.card-no{font-size:.69rem;letter-spacing:.12em;color:#557889;font-weight:600;display:block;margin-bottom:38px}.service-card h3{font-size:1.48rem;max-width:270px;line-height:1.2}.service-card p{font-size:.92rem;color:var(--muted);margin-top:16px;margin-bottom:24px}.text-link{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:650;padding-top:18px;border-top:1px solid var(--line);margin-top:auto}.text-link>span{font-size:1.5rem;line-height:1;color:#138b82}.section-link{margin-top:34px;text-align:center}.system-section{background:var(--navy);color:#fff;padding:90px 0}.system-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.system-layout>div>p:not(.eyebrow){margin:25px 0 30px;color:#c0d0dc;max-width:390px}.system-links a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3e5365;padding:18px 0;font-family:Manrope,sans-serif;font-size:1.2rem;letter-spacing:-.02em}.system-links a:last-child{border-bottom:1px solid #3e5365}.system-links a:hover{color:var(--aqua)}.plus{color:var(--aqua);font-size:1.5rem}.image-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story-photo{position:relative;height:620px;overflow:hidden}.story-photo img{width:100%;height:100%;object-position:center 38%}.image-caption{position:absolute;bottom:20px;left:20px;right:20px;padding:18px;background:rgba(8,31,53,.91);color:white;font-size:.85rem}.lead{font-size:1.13rem;color:var(--muted);line-height:1.75;max-width:680px;margin-top:25px}.image-story p:not(.eyebrow){color:var(--muted)}.image-story .button{margin-top:28px}.steps{margin-top:30px}.steps>div{display:flex;gap:24px;padding:22px 0;border-top:1px solid var(--line)}.steps b{font-size:.8rem;color:#167d79}.steps h3{font-size:1.13rem;letter-spacing:-.015em;margin-bottom:8px}.steps p{font-size:.93rem}.design-band{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:105px;align-items:center}.design-band p:not(.eyebrow){color:var(--muted);margin-top:22px;max-width:445px}.design-band .button{margin-top:25px}.drawing-panel{background:var(--pale);padding:34px;min-height:365px;border:1px solid var(--line);background-image:linear-gradient(#d6e4e944 1px,transparent 1px),linear-gradient(90deg,#d6e4e944 1px,transparent 1px);background-size:24px 24px}.drawing-top,.drawing-bottom{font-size:.7rem;letter-spacing:.08em;display:flex;justify-content:space-between}.drawing-panel p{font-family:Manrope,sans-serif;font-size:2.6rem!important;font-weight:600;line-height:1.3;color:var(--ink)!important;letter-spacing:-.045em;margin:30px 0!important}.drawing-panel em{font-style:normal;color:#147f79}.drawing-bottom{border-top:1px solid #bbced8;padding-top:20px}.closing{background:#0d3a4c;color:#fff;padding:72px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{font-size:2.7rem}.closing p:not(.eyebrow){font-size:.83rem;color:#bad3db;margin-top:17px}footer{background:#071b2e;color:#c3d0db;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr 1fr 1.3fr;gap:38px}.footer-brand{color:white;font-size:1.2rem;letter-spacing:.08em;margin-bottom:28px}.footer-brand small{font-size:8px}.footer-grid h3{font-family:'DM Sans',sans-serif;font-size:.83rem;font-weight:600;letter-spacing:0;color:white;margin-bottom:22px}.footer-grid>div>a:not(.brand){display:block;font-size:.83rem;margin:9px 0}.footer-grid a:hover{color:var(--aqua)}.footer-grid p{font-size:.92rem}.small{font-size:.82rem!important;line-height:1.75;color:var(--muted)}footer .small{color:#aabccb;margin-top:20px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:55px;border-top:1px solid #2a4053;padding:24px 0 90px;font-size:.72rem}.footer-bottom>div{display:flex;gap:25px}.whatsapp{position:fixed;right:26px;bottom:24px;z-index:35;background:#16816c;color:#fff;border:1px solid #67b5a5;box-shadow:0 5px 25px #061b3330;display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:32px;font-size:.85rem;font-weight:600}.whatsapp:hover{background:#106454}.skip{position:fixed;left:10px;top:-100px;z-index:99;padding:12px;background:white}.skip:focus{top:10px}.page-intro{padding:78px 0 75px;background:var(--pale);border-bottom:1px solid var(--line)}.page-intro h1{max-width:950px}.page-intro .lead{max-width:660px}.filter-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}.filter{cursor:pointer;background:white;border:1px solid #c8d5df;color:var(--ink);border-radius:24px;padding:10px 22px;font-size:.88rem}.filter.active{color:white;background:var(--navy);border-color:var(--navy)}[hidden]{display:none!important}.detail-hero{padding:60px 0;background:var(--pale)}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.breadcrumb{font-size:.78rem;display:block;color:var(--muted);margin-bottom:36px}.detail-layout h1{font-size:clamp(2.7rem,4vw,4.5rem)}.detail-layout .button{margin-top:25px}.detail-image{height:450px;position:relative}.detail-image img{width:100%;height:100%}.detail-image span{position:absolute;bottom:10px;right:12px;background:#081f35bb;color:#fff;padding:4px 8px;font-size:.7rem}.tag-strip{display:flex;justify-content:space-between;gap:22px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line);font-size:.84rem;color:#385569}.detail-content{display:grid;grid-template-columns:1.5fr 1fr;gap:100px;align-items:start}.detail-content h2{font-size:2.3rem}.subheading{margin-top:45px}.ticks{list-style:none;padding:0;margin:25px 0}.ticks li{border-bottom:1px solid var(--line);padding:15px 0 15px 30px;position:relative}.ticks li:before{content:'✓';position:absolute;left:0;color:#0e8a7a;font-weight:bold}.enquiry-card{background:var(--pale);padding:40px;border-top:4px solid #149b91}.enquiry-card h3{font-size:2rem}.enquiry-card>p:not(.eyebrow){margin:20px 0;color:var(--muted)}.enquiry-card>a:not(.button){display:block;font-size:.82rem;margin-top:18px;text-decoration:underline}.faq-section{padding-bottom:20px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}summary{font-size:1.2rem;font-weight:600;cursor:pointer}details p{max-width:800px;color:var(--muted);margin-top:20px}.pale{background:var(--pale)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.values article{border-top:1px solid #b9cbd7;padding-top:25px}.values span{font-size:.8rem;color:#0c8b81}.values h3{margin:25px 0 16px;font-size:1.7rem}.values p{color:var(--muted)}.notice{font-size:.85rem;color:var(--muted);border-left:3px solid #22a494;padding:9px 20px;background:var(--pale);margin-bottom:38px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-card{border:1px solid var(--line)}.project-card img{width:100%;height:270px}.project-card>div{padding:28px}.project-card h2{font-size:1.65rem}.project-card p:not(.eyebrow){font-size:.93rem;color:var(--muted);margin:17px 0 28px}.guide-feature{padding:50px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.guide-feature .eyebrow{color:var(--aqua)}.guide-feature p:not(.eyebrow){max-width:660px;color:#d0dfe9;margin:22px 0 30px}.guide-feature .button{background:var(--aqua);color:var(--navy)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.guide-card{padding:35px;border:1px solid var(--line);display:flex;flex-direction:column}.guide-card h2{font-size:1.85rem}.guide-card p:not(.eyebrow){color:var(--muted);margin:20px 0 30px}.article{max-width:950px;padding-top:70px;padding-bottom:85px}.article h2{font-size:2rem;margin:38px 0 20px}.article h2:first-child{margin-top:0}.article h3{margin-bottom:15px}.article p{color:var(--muted)}.article a:not(.button){color:#137c79;text-decoration:underline}.article-callout{background:var(--pale);border-left:3px solid #119b8d;padding:25px;margin:30px 0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 45px}.compare>div{border:1px solid var(--line);padding:30px}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.contact-item{margin-bottom:35px}.contact-item .eyebrow{margin-bottom:12px}.contact-large{font-family:Manrope,sans-serif;font-size:2rem;font-weight:650;letter-spacing:-.04em}.contact-item a:not(.contact-large){text-decoration:underline;text-underline-offset:4px}.contact-item p{color:var(--muted)}form{padding:40px;background:var(--pale);border:1px solid var(--line)}form h2{font-size:2.3rem}form>p:not(.eyebrow){color:var(--muted);margin-top:15px;font-size:.9rem}label{display:block;font-size:.85rem;font-weight:600;margin:22px 0 7px}input,textarea,select{width:100%;border:1px solid #b9cbd5;background:white;padding:13px 14px;color:var(--ink);border-radius:0;outline-offset:3px}textarea{resize:vertical}form .button{width:100%;margin-top:24px}.credit-list li{margin-bottom:24px}
@media(min-width:1550px){.hero-inner{padding-top:115px;padding-bottom:105px}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.nav{gap:20px}.nav nav{gap:17px;font-size:.8rem}.nav-cta{display:none}.brand{font-size:1.25rem}.system-layout,.image-story,.design-band,.detail-content,.contact-grid{gap:50px}.hero h1{font-size:4.7rem}.footer-grid{gap:24px}.service-card{padding:28px 23px}.footer-brand{font-size:1rem}}
@media(max-width:900px){.nav{min-height:82px}.menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);padding:8px 14px;color:var(--ink);font-size:.85rem}.nav nav{display:none;position:absolute;top:82px;left:0;right:0;padding:22px 32px;background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #081f3510;flex-direction:column;align-items:stretch;gap:0;font-size:1rem}.nav nav.open{display:flex}.hero h1{font-size:4rem}.hero-inner{padding:75px 0}.hero-photo{inset:0 0 0 15%}.hero:after{background:linear-gradient(90deg,#081f35 0%,#081f35dc 40%,#081f3570 100%)}.discipline-strip .wrap{flex-wrap:wrap;justify-content:center;gap:12px 20px}.discipline-strip span{width:100%;text-align:center}.section{padding-top:70px;padding-bottom:70px}.section-heading{gap:35px}.section-heading>p{max-width:285px}.service-grid{grid-template-columns:repeat(2,1fr)}.system-layout{gap:40px}.system-links a{font-size:1rem}.image-story{gap:38px}.story-photo{height:570px}.design-band{gap:30px;padding-bottom:70px}.drawing-panel{padding:25px}.drawing-panel p{font-size:2.1rem!important}.footer-grid{grid-template-columns:1fr 1fr;gap:45px}.closing h2{font-size:2.2rem}.closing-inner{align-items:start}.closing-inner>div{flex:1}.detail-layout{gap:35px}.detail-image{height:390px}.detail-layout h1{font-size:3rem}.detail-content{gap:35px}.enquiry-card{padding:25px}.project-grid{grid-template-columns:1fr}.project-card{display:grid;grid-template-columns:1fr 1.2fr}.project-card img{height:100%;min-height:320px}.contact-grid{gap:40px}form{padding:28px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.topbar .wrap{padding:7px 0;font-size:.7rem}.topbar span{max-width:235px;line-height:1.5}.topbar a{white-space:nowrap}.brand{font-size:1.12rem;gap:8px;letter-spacing:.09em}.brand small{font-size:7px;letter-spacing:.06em}.brandmark{font-size:35px;width:32px}.nav{min-height:76px}.nav nav{top:76px}.hero-inner{padding-top:58px;padding-bottom:72px}.hero-photo{inset:0}.hero:after{background:linear-gradient(90deg,#081f35ef,#081f35bd),linear-gradient(0deg,#081f35,transparent)}.hero h1{font-size:3.1rem}.hero h1 em{font-size:.79em;margin-top:13px}.hero .eyebrow{font-size:.64rem;letter-spacing:.12em}.hero-copy>p:not(.eyebrow){font-size:1rem;margin-top:23px}.hero-actions{flex-direction:column;align-items:stretch;max-width:330px;gap:10px}.hero-note{gap:15px;font-size:.73rem;margin-top:32px}.hero-note span+span{padding-left:15px}.photo-label{font-size:.63rem;right:15px;bottom:13px}.discipline-strip .wrap{gap:8px 14px;padding:23px 0}.discipline-strip p{font-size:.8rem}.discipline-strip b{display:none}.discipline-strip p{width:40%;text-align:center}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:none}.eyebrow{font-size:.7rem;margin-bottom:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:28px}.card-no{margin-bottom:25px}.service-card h3{max-width:none}.service-card p{margin-bottom:25px}.system-section{padding:55px 0}.system-layout,.image-story,.design-band,.detail-layout,.detail-content,.contact-grid{grid-template-columns:1fr;gap:36px}.system-links a{font-size:1.06rem;padding:17px 0}.story-photo{height:400px}.image-story{gap:35px}.lead{font-size:1.06rem}.design-band{padding-bottom:55px}.drawing-panel{min-height:300px}.drawing-panel p{font-size:2rem!important}.closing{padding:48px 0}.closing-inner{display:block}.closing h2{font-size:2.25rem}.closing-inner .button{margin-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-brand{font-size:1.2rem}.footer-grid p{font-size:.87rem}.footer-bottom{display:block;font-size:.7rem;margin-top:35px}.footer-bottom>div{margin-top:15px}.whatsapp{bottom:16px;right:16px;font-size:.8rem;padding:11px 16px}.page-intro{padding:50px 0}.page-intro h1{font-size:3rem}.filter-row{gap:8px}.filter{padding:8px 14px;font-size:.8rem}.detail-hero{padding:35px 0 40px}.breadcrumb{font-size:.74rem;margin-bottom:28px}.detail-layout h1{font-size:3rem}.detail-image{height:270px}.tag-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:.78rem}.detail-content h2{font-size:2rem}.enquiry-card{padding:30px}.faq-section summary{font-size:1.08rem}.values{grid-template-columns:1fr;gap:35px}.project-card{display:block}.project-card img{height:250px;min-height:0}.project-card>div{padding:25px}.guide-feature{padding:30px}.guide-feature h2{font-size:2rem}.guide-grid,.compare{grid-template-columns:1fr}.guide-card{padding:28px}.article{padding-top:45px;padding-bottom:55px}.article h2{font-size:1.7rem}.contact-large{font-size:1.8rem}form{padding:24px}.contact-item a{overflow-wrap:anywhere}.contact-item:last-child{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}