@media (max-width:980px){.menu-toggle{display:inline-flex}
.site-nav{position:fixed;top:72px;left:18px;right:18px;display:grid;gap:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(247,245,239,.98);color:var(--ink);box-shadow:var(--shadow);transform:translateY(-14px);opacity:0;pointer-events:none;transition:transform .18s,opacity .18s}
.site-header.open .site-nav{transform:translateY(0);opacity:1;pointer-events:auto}
.site-nav a{padding:13px 10px}
.home-hero,.intro-grid,.split-section,.contact-layout{grid-template-columns:1fr}
.hero-panel{max-width:360px}
.feature-list,.project-grid,.service-grid,.values-grid,.role-grid,.process,.metrics-band{grid-template-columns:repeat(2,minmax(0,1fr))}
.split-media{min-height:380px}
}

@media (max-width:640px){.hero{min-height:90vh;padding:116px 18px 34px}
h1{font-size:clamp(3.2rem,18vw,4.8rem)}
.hero-actions,.page-actions,.newsletter div,.field-grid{display:grid;grid-template-columns:1fr}
.btn{width:100%}
.section{padding:58px 18px}
.feature-list,.project-grid,.service-grid,.values-grid,.role-grid,.process,.metrics-band,.site-footer{grid-template-columns:1fr}
.section-heading{display:block}
.timeline-item{grid-template-columns:1fr;gap:8px}
}