.site-header .brand-logo{width:58px;height:58px}
.site-header .brand-name{font-size:19px;letter-spacing:.13em;white-space:nowrap}
.hero{padding:0;display:block}
.hero-visual{width:100%;height:clamp(620px,78vh,900px);min-height:0;position:relative;background:#605b55}
.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:brightness(.91) sepia(.06) saturate(1.05)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(48,36,30,.28),rgba(48,36,30,.1) 30%,rgba(48,36,30,.23) 80%,rgba(48,36,30,.36));pointer-events:none}
.hero-actions{position:absolute;top:28px;right:clamp(24px,5vw,72px);z-index:2;display:flex;align-items:center;gap:24px;color:#fff;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:500}
.hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-shadow:0 1px 7px rgba(0,0,0,.4)}
.hero-actions .hero-project-link{padding:0 20px;border:1px solid rgba(255,255,255,.85)}
.hero-actions a:hover{text-decoration:underline;text-underline-offset:5px}
.hero-copy{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;max-width:none;width:100%;padding:110px 24px 80px;text-align:center;color:#fff;pointer-events:none}
.hero-copy .eyebrow{margin:0;color:#fff;font-size:13px;letter-spacing:.28em;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.hero h1{margin:0;max-width:1050px;color:#fff;font-family:var(--serif);font-size:clamp(48px,6.1vw,88px);font-weight:400;line-height:1.06;letter-spacing:-.012em;text-shadow:0 3px 22px rgba(0,0,0,.35)}
.hero h1 em{color:#fff;font-weight:400}
@media(max-width:900px){.hero-visual{height:72vh;min-height:570px}.hero-visual>img{height:100%;object-fit:cover}.hero-copy{padding:110px 22px 70px}.hero h1{font-size:clamp(45px,7vw,67px)}}
@media(max-width:640px){.site-header .brand-logo{width:46px;height:46px}.site-header .brand-name{font-size:14px;letter-spacing:.08em}.hero-visual{height:70vh;min-height:530px}.hero-visual>img{object-position:center 55%}.hero-actions{top:20px;right:18px;gap:10px;font-size:11px;letter-spacing:.1em}.hero-actions .hero-project-link{padding:0 10px;min-height:38px}.hero-copy{padding:92px 20px 65px}.hero-copy .eyebrow{font-size:11px;letter-spacing:.15em}.hero h1{font-size:clamp(42px,10vw,56px);line-height:1.08}}