:root { color-scheme: light; --ink:#202c38; --muted:#454a50; }
* { box-sizing: border-box; }
html,body { margin:0; min-height:100%; }
body { font-family: "Helvetica Neue", Arial, sans-serif; color:var(--ink); background:#e8e3db; }
.hero { min-height:100svh; position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(125deg,#e3e7e9 0%,#f0e2d5 48%,#e4bf94 100%); }
.hero__image { position:absolute; z-index:-2; inset:0 0 0 38%; background-image:url('./assets/development-landscape.webp'); background-size:cover; background-position:55% center; }
.hero__wash { position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(237,238,239,.98) 0%,rgba(242,237,231,.96) 22%,rgba(245,235,222,.86) 42%,rgba(243,225,207,.30) 62%,rgba(239,220,199,.01) 100%),linear-gradient(0deg,rgba(255,247,238,.13),transparent 35%); }
.hero__content { width:min(100%,1600px); margin:0 auto; min-height:100svh; padding:clamp(28px,4.4vw,70px) clamp(28px,4.8vw,80px) clamp(38px,5vw,84px); display:flex; flex-direction:column; }
.wordmark { align-self:flex-start; line-height:1; }
.wordmark__name { display:block; font-size:clamp(34px,3.6vw,56px); letter-spacing:-.065em; font-weight:400; }
.wordmark__sub { display:flex; align-items:center; gap:12px; margin-top:3px; font-size:clamp(13px,1.35vw,21px); letter-spacing:-.03em; }
.wordmark__line { width:52px; height:1px; background:#949798; }
.hero__copy { margin-top:clamp(72px,11vh,160px); max-width:850px; }
.eyebrow { margin:0 0 20px; text-transform:uppercase; letter-spacing:.23em; color:#70767b; font-size:clamp(12px,1.3vw,18px); font-weight:600; }
h1 { margin:0 0 25px; max-width:890px; font-size:clamp(44px,5.25vw,81px); font-weight:400; line-height:1.04; letter-spacing:-.055em; }
.summary { margin:0; max-width:780px; font-size:clamp(17px,1.68vw,25px); line-height:1.48; font-weight:400; color:var(--muted); }
.contact { margin-top:auto; padding-left:24px; border-left:2px solid #a3a09c; font-size:clamp(16px,1.43vw,22px); font-style:normal; line-height:1.47; color:#414449; padding-top:0; }
.contact a { color:inherit; text-decoration:none; }
.contact a:hover,.contact a:focus-visible { text-decoration:underline; }
@media(max-width:720px) { .hero { min-height:100svh; } .hero__content { min-height:100svh; padding:30px 25px 36px; } .hero__image { inset:32% 0 0 0; background-position:center; } .hero__wash { background:linear-gradient(180deg,rgba(237,238,239,.98) 0%,rgba(242,237,231,.96) 26%,rgba(246,234,223,.84) 58%,rgba(240,226,210,.45) 100%); } .hero__copy { margin-top:clamp(65px,10vh,120px); } h1 { font-size:clamp(39px,9vw,65px); } h1 br { display:none; } .summary { font-size:17px; max-width:560px; } .contact { margin-top:70px; font-size:17px; } }
@media(prefers-reduced-motion:reduce) { * {scroll-behavior:auto!important} }