:root{--ink:#18232a;--muted:#5b666d;--accent:#007c87;--line:#d9e0e3;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.12;letter-spacing:-.045em}em{font:inherit;color:var(--accent)}p{color:var(--muted)}.container{width:min(var(--max),calc(100% - 96px));margin:auto}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--accent)}.status-dot{height:6px;width:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5eaec}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font-size:25px;letter-spacing:-1px;font-weight:700;white-space:nowrap;line-height:1.2}.main-nav{display:flex;align-items:center;gap:35px;font-size:14px}.main-nav a{position:relative;padding:12px 0}.main-nav a::after{content:'';height:2px;background:var(--accent);position:absolute;bottom:3px;left:0;width:0;transition:width .2s}.main-nav a:hover::after{width:100%}.btn{display:inline-flex;justify-content:center;align-items:center;gap:32px;font-size:14px;font-weight:600;padding:15px 24px;border:1px solid transparent;transition:background .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#005963}.btn span{font-size:22px;line-height:1}.nav-cta{padding:10px 19px;background:transparent;color:var(--ink);border-color:#bfc9cd}.nav-cta:hover{background:#edf4f5}.nav-toggle,.mobile-contact{display:none}.hero{position:relative;background:#071c29 url('assets/architecture.webp') center 44%/cover no-repeat;color:#fff;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,29,.96),rgba(3,19,29,.72) 44%,rgba(3,19,29,.08));z-index:-1}.hero-inner{padding:83px 0 70px;min-height:635px;display:flex;align-items:center}.hero-copy{max-width:800px}.hero .eyebrow{color:#c6e6e5}.hero .status-dot{display:none}.hero h1{font-size:clamp(52px,5.5vw,79px);font-weight:400;line-height:1.04;margin:25px 0 26px;letter-spacing:-.05em}.hero h1 em{color:#8cd5d6}.hero-sub{max-width:520px;color:#d6e0e5;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:31px}.hero .btn-primary{background:#fff;color:#112730}.hero .btn-primary:hover{background:#bfe9e7}.text-link{display:inline-flex;gap:22px;align-items:center;font-size:14px;border-bottom:1px solid #ffffff65;padding:12px 0;color:white}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0 27px;border-top:1px solid #ffffff45;gap:35px}.proof-strip>div{display:flex;flex-direction:column;border-right:1px solid #ffffff35;gap:3px}.proof-strip>div:last-child{border:0}.proof-strip strong{font-size:15px;font-weight:500}.proof-strip span{font-size:13px;color:#c6d2d9}.section{padding:100px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin-bottom:45px}.section-heading h2,.about h2{font-size:clamp(38px,4.1vw,57px);margin-top:19px}.section-heading>p{max-width:410px;font-size:16px;padding-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{display:flex;flex-direction:column;padding:34px 30px 25px;border:1px solid var(--line);border-top:3px solid #82bfc1;transition:background .2s,transform .2s}.service-card:hover{background:#f4f8f8;transform:translateY(-4px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.card-top svg{width:33px;height:33px;fill:none;stroke:var(--accent);stroke-width:1.3}.card-top>span{font-size:12px;color:#89969c}.service-card h3{font-size:31px;margin-bottom:22px;font-weight:500}.service-card h4{font-size:10px;letter-spacing:.12em;font-weight:600;margin-bottom:13px;color:var(--accent)}.service-card p{font-size:15px;line-height:1.85}.card-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;border-top:1px solid var(--line);padding-top:21px;font-size:13px;font-weight:600}.card-link span{font-size:22px;color:var(--accent)}.featured{background:#102d38;color:#fff;border-color:#102d38;border-top-color:#75cbd0}.featured:hover{background:#18404c}.featured p{color:#c3d2d8}.featured h4,.featured .card-top svg,.featured .card-link span{color:#8bd4d4}.featured .card-link{border-color:#ffffff30}.approach{background:#f2f5f6;border-top:1px solid #e2e8ea;border-bottom:1px solid #e2e8ea}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:55px}.step{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #aebec5;padding-top:18px;color:var(--accent);font-size:14px}.step span{font-size:21px}.process-grid h3{font-size:26px;margin:28px 0 15px}.process-grid p{font-size:15px;line-height:1.8}.about-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:90px}.experience{border-left:3px solid var(--accent);padding-left:20px;margin-top:35px}.experience p{font-size:14px;line-height:1.8}.about-copy{padding-top:3px}.about-copy>p{margin-bottom:21px}.about-copy .large-copy{font-size:26px;color:var(--ink);line-height:1.45;letter-spacing:-.5px;margin-bottom:24px}.about-note{border-top:1px solid var(--line);padding-top:24px;margin-top:31px;display:flex;align-items:flex-start;gap:20px}.about-note>span{font-size:30px;color:var(--accent)}.about-note p{font-size:14px}.contact{background:#09232f;color:#fff;padding:79px 0}.contact-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px}.contact .eyebrow{color:#a6d7d7}.contact h2{font-size:clamp(42px,4.4vw,61px);margin:21px 0 23px}.contact h2 em{color:#8bd4d4}.contact-intro>p:last-child{color:#c0cfd5;font-size:16px;line-height:1.8;max-width:445px}.contact-details{padding:10px 0 10px 40px;border-left:1px solid #ffffff35}.contact-label{font-size:11px;letter-spacing:.12em;color:#a6d7d7;margin-bottom:25px}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:27px;letter-spacing:-.6px;border-bottom:1px solid #ffffff35;padding-bottom:25px}.email-arrow{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:#9fdbd8;color:#0a2e38;font-size:25px;transition:transform .2s}.contact-email:hover .email-arrow{transform:translate(3px,-3px)}.contact-hint{font-size:14px;color:#bdcbd2;margin:22px 0 30px;max-width:310px}.site-footer{padding:30px 0;background:#fff}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;color:#123;padding:12px 20px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid #60b9c3;outline-offset:5px}::selection{background:#b8e2e0;color:#123}
@media(min-width:1600px){.hero-inner{min-height:700px}.hero h1{font-size:88px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.main-nav{gap:23px}.logo{font-size:23px}.header-inner{gap:22px}.service-card{padding:27px 23px}.service-card h3{font-size:28px}.about-inner{gap:50px}.contact-inner{gap:45px}.contact-email{font-size:24px}.hero-inner{min-height:610px}}
@media(max-width:800px){.header-inner{height:78px}.container{width:calc(100% - 44px)}.nav-cta{display:none}.main-nav{gap:22px;font-size:13px}.hero-inner{min-height:570px;padding:60px 0}.hero h1{font-size:61px}.hero-copy{max-width:600px}.hero::before{background:linear-gradient(90deg,#051c2bec,#051c2b91)}.section{padding:70px 0}.section-heading{gap:25px;align-items:flex-start;flex-direction:column}.section-heading>p{max-width:530px}.service-grid{gap:15px}.service-card{padding:24px 18px}.service-card h3{font-size:25px}.service-card h4{font-size:9px}.process-grid{grid-template-columns:repeat(2,1fr);gap:33px}.about-inner{grid-template-columns:1fr;gap:35px}.about-copy{max-width:580px}.contact-inner{grid-template-columns:1fr;gap:35px}.contact-details{border-left:0;border-top:1px solid #ffffff35;padding:30px 0 0;max-width:540px}.contact-email{font-size:28px}}
@media(max-width:600px){.main-nav{display:none}.nav-toggle{display:flex;width:44px;height:44px;background:transparent;border:1px solid #bcc9ce;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px}.nav-toggle span{width:20px;height:1px;background:#19343f}.main-nav.open{display:flex;position:absolute;top:78px;left:0;right:0;padding:20px 24px;flex-direction:column;align-items:stretch;gap:9px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #102d3812;font-size:16px}.mobile-contact{display:block}.hero{background-position:62% center}.hero-inner{min-height:560px;padding:52px 0 45px}.hero h1{font-size:clamp(42px,9.5vw,57px);margin:24px 0}.hero-sub{font-size:16px;max-width:450px}.hero .eyebrow{font-size:10px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px;margin-top:26px}.proof-strip{grid-template-columns:1fr;gap:0;padding:7px 0 12px}.proof-strip>div{flex-direction:row;justify-content:space-between;align-items:baseline;gap:15px;border:0;border-bottom:1px solid #ffffff20;padding:15px 0}.proof-strip strong{font-size:13px}.proof-strip span{font-size:11px;text-align:right}.service-grid{grid-template-columns:1fr;gap:18px}.service-card{padding:28px}.service-card h3{font-size:32px}.service-card h4{font-size:10px}.card-top{margin-bottom:28px}.section-heading h2,.about h2{font-size:39px}.process-grid h3{margin-top:22px}.contact{padding:60px 0}.contact h2{font-size:46px}.contact-email{font-size:25px}.logo{font-size:23px}}
@media(max-width:360px){.logo{font-size:21px}.hero h1{font-size:40px}.proof-strip>div{flex-direction:column;gap:2px}.process-grid{grid-template-columns:1fr}.contact-email{font-size:21px}.section-heading h2,.about h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Brand lockup and corporate footer */
.brand-name{display:inline-block;font-weight:600;letter-spacing:-.75px;white-space:nowrap}

.logo .brand-name{position:relative;padding-bottom:0}
.logo .brand-name::after{content:none}
.site-footer{background:#f1f5f5;padding:0;border-top:1px solid #dbe4e5}
.footer-main{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:60px;padding:60px 0 48px}
.footer-logo{display:inline-block;font-size:28px;color:#182d35}
.footer-identity>p{font-size:15px;line-height:1.8;margin-top:23px;color:#62767e}
.footer-label{font-size:10px;font-weight:600;letter-spacing:.16em;color:#677e87;margin-bottom:20px}
.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:14px}
.footer-nav .footer-label{margin-bottom:8px}
.footer-nav a:hover,.footer-connect>a:hover{color:#007c87;text-decoration:underline;text-underline-offset:5px}
.footer-connect>a{display:inline-flex;gap:24px;align-items:center;font-size:18px;letter-spacing:-.3px;color:#182d35}
.footer-connect>a span{font-size:23px;color:#007c87}
.footer-connect>p:last-child{font-size:13px;line-height:1.8;margin-top:20px;color:#62767e}
.footer-bottom{padding:22px 0 25px;border-top:1px solid #cedadd;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#61747c}
.footer-bottom>a{display:flex;gap:18px;align-items:center;color:#213b45}
.footer-bottom>a span{font-size:19px}
@media(max-width:800px){.footer-main{gap:30px;grid-template-columns:1.25fr .8fr 1fr}.footer-logo{font-size:25px}.footer-connect>a{font-size:15px;gap:12px}}
@media(max-width:600px){.footer-main{grid-template-columns:1fr 1fr;padding:43px 0 32px;gap:32px 20px}.footer-identity{grid-column:1/-1}.footer-identity>p{margin-top:16px}.footer-connect>a{font-size:14px;gap:8px}.footer-connect>a span{font-size:18px}.footer-label{font-size:9px}.footer-bottom{font-size:11px;align-items:center}.footer-bottom>span{max-width:210px}.footer-bottom>a{gap:9px;white-space:nowrap}}
@media(max-width:360px){.footer-main{grid-template-columns:1fr}.footer-identity{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}}

/* Bespoke interlocking W emblem paired with the complete firm name. */
.logo{display:inline-flex;align-items:center;gap:13px;line-height:1.2}
.brand-mark{display:block;width:37px;height:37px;flex-shrink:0;color:#142e39}
.brand-name{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:24px;letter-spacing:-.85px;white-space:nowrap}
.footer-logo .brand-name{font-size:26px}
.footer-logo .brand-mark{width:40px;height:40px}
@media(max-width:800px){.logo{gap:10px}.brand-name{font-size:22px}.brand-mark{width:32px;height:32px}}
@media(max-width:400px){.logo{gap:9px}.brand-name{font-size:20px;letter-spacing:-.65px}.brand-mark{width:30px;height:30px}.footer-logo .brand-name{font-size:24px}}

/* Concrete engagement deliverables. */
.deliverables{margin:25px 0 30px;padding-top:20px;border-top:1px solid var(--line)}
.deliverables h4{font-size:12px;letter-spacing:.05em;margin-bottom:12px}
.deliverables ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.deliverables li{font-size:14px;line-height:1.6;display:flex;gap:10px;color:var(--muted)}
.deliverables li::before{content:'✓';color:var(--accent);flex-shrink:0}
.featured .deliverables{border-color:#ffffff30}.featured .deliverables li{color:#c3d2d8}.featured .deliverables li::before{color:#8bd4d4}
.scope-note{font-size:13px;margin-top:20px;color:var(--muted)}
@media(max-width:600px){.hero{background-image:url('assets/architecture-mobile.webp')}}
