:root{--ink:#071c22;--deep:#0b2830;--teal:#123d45;--gold:#d5a84b;--sand:#e9d8b7;--paper:#f3f0e9;--white:#fff;--muted:#647579;--line:rgba(7,28,34,.14);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:fixed;left:12px;top:-50px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:12px}.site-header{position:absolute;z-index:20;width:100%;top:0;color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;line-height:1}.brand-mark{width:52px;fill:var(--gold)}.brand strong{font:800 20px/1 "Manrope";letter-spacing:.12em}.brand small{display:block;font:600 8px/1.9 "Manrope";letter-spacing:.24em;color:#c5d0d1}.menu-toggle{width:48px;height:48px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;display:grid;place-content:center;gap:7px}.menu-toggle span{display:block;width:19px;height:1px;background:#fff;transition:.3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav-menu{position:fixed;inset:100px 0 0;background:var(--ink);padding:40px 20px;display:flex;flex-direction:column;transform:translateX(100%);transition:.4s;visibility:hidden}.nav-menu.open{transform:none;visibility:visible}.nav-menu a{padding:14px 0;text-transform:uppercase;font:600 14px "Manrope";letter-spacing:.13em}.nav-menu a.active{color:var(--gold)}.nav-cta span{color:var(--gold)}
.hero{min-height:800px;height:100svh;position:relative;overflow:hidden;color:#fff;background:var(--ink);display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,18,23,.95) 0%,rgba(5,27,33,.78) 48%,rgba(4,17,21,.35) 100%),linear-gradient(0deg,rgba(5,24,29,.75),transparent 45%),url("https://images.unsplash.com/photo-1688343283094-8377c04236a8?auto=format&fit=crop&w=2200&q=88");background-size:cover;background-position:57% center;animation:heroZoom 18s ease-in-out infinite alternate}.blueprint-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(143,208,214,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(143,208,214,.4) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.drafting-tools svg{position:absolute;fill:none;stroke:rgba(210,175,100,.23);stroke-width:1}.ruler{width:360px;right:-130px;top:27%;transform:rotate(67deg);animation:floatRuler 9s ease-in-out infinite}.compass{height:280px;right:12%;bottom:-80px;animation:floatCompass 8s ease-in-out infinite}.hero-content{position:relative;z-index:2;padding-top:85px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.22em;font:600 11px "Manrope"}.eyebrow{color:#dce6e6;display:flex;align-items:center;gap:12px}.eyebrow span{width:34px;height:1px;background:var(--gold)}h1,h2{font-family:"Manrope";line-height:1.02;letter-spacing:-.055em;margin:24px 0}h1{font-size:clamp(44px,11vw,84px);max-width:920px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.hero-copy{font-size:17px;color:#c5d0d1;max-width:580px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:22px;margin-top:34px}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 25px;text-transform:uppercase;font:700 11px "Manrope";letter-spacing:.12em;transition:.3s}.btn-gold{background:var(--gold);color:var(--ink)}.btn:hover{transform:translateY(-3px)}.text-link{font:600 12px "Manrope";letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span{color:var(--gold);margin-left:7px}.hero-stats{display:flex;gap:26px;margin-top:48px}.hero-stats>div{padding-right:20px;border-right:1px solid rgba(255,255,255,.18)}.hero-stats>div:last-child{border:0;padding:0}.hero-stats strong{display:block;font:500 30px "Manrope"}.hero-stats sup{font-size:15px;color:var(--gold)}.hero-stats small{display:block;color:#9babad;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.scroll-cue{display:none}.trust-strip{background:var(--gold);color:var(--ink)}.trust-strip .container{min-height:62px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font:700 9px "Manrope";text-transform:uppercase;letter-spacing:.15em}.trust-strip i{width:4px;height:4px;border-radius:50%;background:var(--ink)}
.section{padding:90px 0}.split{display:grid;gap:30px}.kicker{color:#8b6c2e;margin:0 0 18px}.section h2{font-size:clamp(40px,8vw,68px);margin:0}.about-copy .lead{font:500 clamp(21px,3vw,30px)/1.4 "Manrope";margin:0 0 22px}.about-copy>p:not(.lead){color:var(--muted);max-width:610px}.signature{display:flex;align-items:center;gap:20px;margin-top:34px}.signature>span{font:italic 38px Georgia;color:var(--gold)}.signature p{border-left:1px solid var(--line);padding-left:20px;font-size:12px;color:var(--muted)}.services{background:var(--ink);color:#fff}.section-head{display:flex;flex-direction:column;gap:25px;margin-bottom:46px}.section-head>p{color:#9eadaf;max-width:300px}.service-grid{display:grid;gap:1px;background:rgba(255,255,255,.12)}.service-card{position:relative;background:var(--ink);padding:30px;min-height:365px;transition:.35s}.service-card:hover{background:var(--deep);transform:translateY(-5px)}.service-card>span{color:#718184;font-size:10px}.service-icon{color:var(--gold);font-size:37px;margin:44px 0 23px}.service-card h3{font:600 22px/1.25 "Manrope"}.service-card p{font-size:14px;color:#8fa0a3}.service-card a{position:absolute;bottom:28px;font:600 10px "Manrope";text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.project-grid{display:grid;gap:24px}.project{background:#fff}.project-image{height:300px;background-position:center;background-size:cover;transition:.5s}.project:hover .project-image{filter:saturate(1.15)}.p1{background-image:linear-gradient(#09262d22,#09262d22),url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1400&q=80")}.p2{background-image:linear-gradient(#09262d22,#09262d22),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=80")}.p3{background-image:linear-gradient(#09262d22,#09262d22),url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1000&q=80")}.project-info{padding:20px;display:flex;justify-content:space-between;align-items:center}.project-info small{color:var(--muted)}.project-info h3{margin:3px 0;font:600 20px "Manrope"}.project-info>span{color:var(--gold);font-size:24px}.team{background:#e9e4da}.btn-outline{border:1px solid var(--ink);margin-top:24px}.cta-section{position:relative;overflow:hidden;text-align:center;background:var(--teal);color:#fff;padding:100px 0}.cta-section .container{position:relative}.cta-section .blueprint-grid{mask-image:radial-gradient(circle,#000,transparent 70%)}.cta-section h2{font-size:clamp(42px,9vw,76px);margin:15px 0}.cta-section>div>p:not(.kicker){color:#b2c1c2;margin-bottom:30px}footer{background:#051418;color:#d5dddd;padding:58px 0 25px}.footer-grid{display:grid;gap:32px}.footer-grid small{color:#718184;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.footer-grid p,.footer-grid a{font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:20px;display:flex;flex-direction:column;gap:8px;color:#718184;font-size:10px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes heroZoom{to{transform:scale(1.06)}}@keyframes floatRuler{50%{transform:rotate(63deg) translateY(18px)}}@keyframes floatCompass{50%{transform:rotate(4deg) translateY(-20px)}}
@media(min-width:700px){.container{width:min(calc(100% - 72px),var(--max))}.hero-actions{flex-direction:row;align-items:center}.hero-stats{gap:45px}.hero-stats>div{padding-right:45px}.hero-stats strong{font-size:40px}.hero-stats small{font-size:10px}.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.project-large{grid-column:1/-1}.project-large .project-image{height:450px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between}.trust-strip .container{gap:28px}}
@media(min-width:960px){.site-header{position:absolute}.menu-toggle{display:none}.nav-menu{position:static;inset:auto;transform:none;visibility:visible;background:transparent;padding:0;flex-direction:row;align-items:center;gap:17px}.nav-menu a{font-size:13px;padding:12px 0;letter-spacing:.07em}.nav-cta{border:1px solid rgba(255,255,255,.35);padding:12px 16px!important}.hero{min-height:760px}.hero-content{padding-top:100px}.hero-copy{font-size:19px}.scroll-cue{display:flex;position:absolute;bottom:35px;right:40px;align-items:center;gap:15px;writing-mode:vertical-rl;text-transform:uppercase;font-size:8px;letter-spacing:.18em}.scroll-cue i{width:1px;height:40px;background:var(--gold)}.split{grid-template-columns:.9fr 1.1fr;gap:100px}.section{padding:130px 0}.section-head{flex-direction:row;align-items:flex-end;justify-content:space-between}.service-grid{grid-template-columns:repeat(4,1fr)}.project-grid{grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,1fr)}.project-large{grid-column:auto;grid-row:1/3}.project-large .project-image{height:636px}.project:not(.project-large) .project-image{height:236px}.cta-section{padding:140px 0}}
@media(min-width:1120px){.nav{height:108px}.brand-mark{width:60px}.brand{gap:16px}.brand strong{font-size:23px}.brand small{font-size:9px}.nav-menu{gap:22px}.nav-menu a{font-size:14px;letter-spacing:.08em}.nav-cta{padding:13px 18px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Team */
.team-heading>p{color:var(--muted)}
.team-grid{display:grid;gap:22px}
.team-card{background:#f7f4ee;border:1px solid rgba(7,28,34,.09);transition:transform .35s,box-shadow .35s}
.team-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(7,28,34,.12)}
.team-photo{height:330px;position:relative;display:grid;place-items:center;overflow:hidden;background-color:#183b42;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(315deg,rgba(255,255,255,.04) 25%,#183b42 25%);background-position:22px 0,22px 0,0 0,0 0;background-size:44px 44px}
.team-photo:before{content:"";width:116px;height:116px;border:1px solid rgba(213,168,75,.5);border-radius:50%;position:absolute}
.team-photo:after{content:"";width:1px;height:100%;background:rgba(213,168,75,.18);position:absolute}
.team-photo span{z-index:1;color:var(--sand);font:600 9px "Manrope";letter-spacing:.22em;text-transform:uppercase;background:#183b42;padding:8px 12px}
.team-card-body{padding:26px}
.team-role{margin:0;color:#947230;text-transform:uppercase;font:700 9px "Manrope";letter-spacing:.18em}
.team-card h3{margin:8px 0 12px;font:600 22px "Manrope"}
.team-card-body>p:last-child{margin:0;color:var(--muted);font-size:13px}
@media(min-width:700px){.team-grid{grid-template-columns:repeat(3,1fr)}.team-photo{height:300px}}

/* Animated architectural drawings */
.floor-plan,.dimension-lines{right:-125px;top:17%;width:min(48vw,580px);height:auto;opacity:.42;filter:drop-shadow(0 0 12px rgba(116,197,204,.08))}
.floor-plan{stroke:rgba(133,206,211,.48)!important;stroke-width:2!important;animation:planDrift 12s ease-in-out infinite!important}
.floor-plan .plan-wall{stroke-width:5}.floor-plan .plan-detail{stroke-width:1.4}.floor-plan .plan-door{stroke-dasharray:5 4}.floor-plan .plan-window{stroke:var(--gold)}
.dimension-lines{right:-155px;top:14%;stroke:rgba(213,168,75,.48)!important;stroke-width:1!important;overflow:visible;animation:dimensionsDrift 14s ease-in-out infinite!important}
.dimension-lines text{fill:rgba(233,216,183,.65);stroke:none;font:9px "DM Sans";letter-spacing:.12em}.dimension-dash{stroke-dasharray:3 7;animation:dashFlow 10s linear infinite}
.protractor{width:220px;right:23%;bottom:4%;stroke:rgba(213,168,75,.26)!important;animation:protractorFloat 10s ease-in-out infinite!important}
.blueprint-label{position:absolute;color:rgba(173,220,223,.5);font:600 8px "DM Sans";letter-spacing:.18em;border-left:1px solid rgba(213,168,75,.45);padding-left:9px;white-space:nowrap}.label-a{right:23%;top:20%}.label-b{right:6%;bottom:15%}
.parallax-layer{will-change:transform;transition:transform .25s ease-out}
@keyframes planDrift{50%{transform:translate(-12px,9px) rotate(.5deg)}}
@keyframes dimensionsDrift{50%{transform:translate(8px,-7px)}}
@keyframes dashFlow{to{stroke-dashoffset:-100}}
@keyframes protractorFloat{50%{transform:translateY(-14px) rotate(-3deg)}}
@media(max-width:699px){.floor-plan{width:390px;right:-245px;top:19%;opacity:.3}.dimension-lines{width:420px;right:-270px;top:17%;opacity:.28}.protractor,.label-b{display:none}.label-a{right:8px;top:17%;font-size:6px}.ruler{opacity:.65}.compass{right:-45px;opacity:.65}}
@media(min-width:700px) and (max-width:959px){.floor-plan,.dimension-lines{right:-210px;width:500px}.protractor{right:5%;bottom:7%}.label-a{right:5%}}
@media(prefers-reduced-motion:reduce){.floor-plan,.dimension-lines,.dimension-dash,.protractor{animation:none!important}.parallax-layer{transform:none!important}}

/* Photo areas increased by approximately 5% */
.project-image{height:315px}
.team-photo{height:347px}
@media(min-width:700px){.project-large .project-image{height:473px}.team-photo{height:315px}}
@media(min-width:960px){.project-large .project-image{height:668px}.project:not(.project-large) .project-image{height:248px}}

/* Trust strip typography */
.trust-strip .container{font-size:14px;min-height:72px}

/* Text-only brand */
.brand{gap:0}
.brand strong{font-size:25px;letter-spacing:.13em}
.brand small{font-size:10px;line-height:2;letter-spacing:.27em}
@media(min-width:1120px){.brand{gap:0}.brand strong{font-size:29px}.brand small{font-size:11px}}