:root{--ink:#141515;--ivory:#f5f3ee;--paper:#ebe8e0;--silver:#bcc7c4;--gold:#b9aa8c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.overline{font-size:10px!important;text-transform:uppercase;letter-spacing:.23em;font-weight:700}
.header{position:absolute;z-index:20;top:0;left:0;width:100%;height:94px;color:white;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 48px;border-bottom:1px solid #ffffff4a}.headerLink{font-size:10px;text-transform:uppercase;letter-spacing:.2em}.headerLink:last-child{justify-self:end}.headerLink span{margin-left:10px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:18px;letter-spacing:.1em}.brand img{width:42px;height:auto;filter:brightness(0) invert(1)}
.hero{height:100svh;min-height:700px;color:white;position:relative;overflow:hidden}.heroImage,.heroOverlay{position:absolute;inset:0}.heroImage{background:url('/hero-architecture.png') center center/cover no-repeat;transform:scale(1.03);animation:reveal 1.4s ease-out both}.heroOverlay{background:linear-gradient(180deg,rgba(10,14,15,.48),rgba(10,14,15,.18) 50%,rgba(10,14,15,.52))}@keyframes reveal{from{transform:scale(1.1);filter:brightness(.6)}to{transform:scale(1.03);filter:brightness(.82) saturate(.58)}}.heroContent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:65px}.heroContent>p{font-size:10px;text-transform:uppercase;letter-spacing:.25em;margin:0 0 38px}.hero h1{font-family:Georgia,serif;font-size:clamp(70px,9vw,128px);line-height:.87;letter-spacing:-.055em;font-weight:400;margin:0}.hero h1 em{font-weight:400}.heroContent>a{margin-top:48px;padding-bottom:8px;border-bottom:1px solid white;font-size:10px;text-transform:uppercase;letter-spacing:.25em}.heroIndex{position:absolute;left:48px;bottom:36px;display:flex;gap:16px;font-size:9px;letter-spacing:.2em}
.manifesto{min-height:760px;padding:145px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.manifesto h2,.signatureCopy h2,.promise h2,.contact h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(64px,8vw,112px);line-height:.9;letter-spacing:-.06em;margin:40px 0}.manifesto h2 em,.signatureCopy h2 em,.promise h2 em,.contact h2 em{font-weight:400}.manifestoText{font-size:14px;letter-spacing:.04em;color:#626866;margin:0}
.expertise{background:var(--ink);color:white;padding:115px 48px 130px}.sectionIntro{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff3b;padding-bottom:22px}.sectionIntro p{font-family:Georgia,serif;font-size:30px;margin:0}.sectionIntro span{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#aeb5b3}.expertiseGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff2c;margin-top:40px}.expertise article{background:var(--ink);min-height:390px;padding:28px;display:flex;flex-direction:column;position:relative;transition:background .35s,color .35s}.expertise article:hover{background:var(--ivory);color:var(--ink)}.number{font-size:9px;letter-spacing:.2em;color:#aeb5b3}.expertise article>div{margin-top:auto}.expertise h3{font-family:Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-.04em;margin:0 0 12px}.expertise article p{font-size:12px;color:#aeb5b3;margin:0}.arrow{position:absolute;right:28px;top:25px;font-size:17px}
.signature{display:grid;grid-template-columns:1.12fr .88fr;min-height:760px}.signatureImage{background:url('/hero-architecture.png') 72% center/cover no-repeat;filter:grayscale(.55) contrast(1.08)}.signatureCopy{background:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:80px 9vw}.signatureCopy h2{font-size:clamp(58px,6vw,88px);margin:38px 0}.signatureCopy>p:last-child{font-size:14px;line-height:1.7;color:#616865;margin:0}
.promise{background:#c4ceca;min-height:720px;display:grid;grid-template-columns:1fr 2fr;align-items:start;padding:140px 7vw}.promise>p{font-size:10px;text-transform:uppercase;letter-spacing:.22em;margin:12px 0}.promise h2{font-size:clamp(58px,7vw,102px);margin:0}.promise h2 em{color:#4f5c59}
.contact{min-height:760px;padding:140px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.contact h2{margin:38px 0 55px}.contact>a{display:flex;gap:45px;border:1px solid var(--ink);padding:18px 24px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;transition:background .25s,color .25s}.contact>a:hover{background:var(--ink);color:white}
footer{height:110px;background:var(--ink);color:#aeb4b1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 48px;font-size:9px;text-transform:uppercase;letter-spacing:.15em}footer .brand{color:white;text-transform:none}footer .brand img{width:36px}footer>span:nth-child(2){text-align:center}footer>span:last-child{text-align:right}
@media(max-width:760px){.header{height:76px;padding:0 20px}.headerLink:first-child{display:none}.header{grid-template-columns:1fr auto}.brand{font-size:15px}.brand img{width:36px}.hero{min-height:680px}.hero h1{font-size:clamp(62px,19vw,88px)}.heroContent>p{max-width:260px;line-height:1.7}.heroIndex{left:20px;bottom:24px}.manifesto{min-height:650px;padding:100px 20px}.manifesto h2,.contact h2{font-size:58px}.expertise{padding:85px 20px 95px}.sectionIntro span{display:none}.expertiseGrid{grid-template-columns:1fr}.expertise article{min-height:270px}.expertise h3{font-size:38px}.signature{grid-template-columns:1fr;min-height:0}.signatureImage{height:65vw;min-height:340px}.signatureCopy{padding:100px 24px}.signatureCopy h2{font-size:56px}.promise{min-height:650px;grid-template-columns:1fr;padding:100px 24px;gap:40px}.promise h2{font-size:53px}.contact{min-height:650px;padding:100px 20px}.contact>a{gap:20px}footer{height:auto;min-height:130px;padding:28px 20px;grid-template-columns:1fr 1fr;gap:20px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heroImage{animation:none}.expertise article,.contact>a{transition:none}}