@media(max-width:1000px){
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .member:nth-child(1),.member:nth-child(6){grid-column:span 1}
}
@media(max-width:760px){
  .site-header{height:68px;padding:0 20px}
  .menu-button{display:block}
  nav{position:absolute;top:67px;right:14px;left:14px;padding:18px;display:none;flex-direction:column;align-items:stretch;gap:5px;background:rgba(7,26,23,.96);border:1px solid rgba(255,255,255,.1);border-radius:18px}
  nav.open{display:flex}nav a{padding:9px 12px}.nav-cta{text-align:center;margin-top:5px}
  .hero{align-items:flex-start;padding:145px 24px 100px;min-height:720px}
  .hero-logo{display:none}
  h1{font-size:clamp(43px,13vw,66px)}
  .hero-copy{font-size:16px}.hero-note{display:none}.scroll-cue{bottom:28px}
  .section{padding:80px 22px}
  .page-hero{min-height:410px;padding:120px 22px 45px}.page-hero>div{display:block}.page-hero h1{font-size:48px;margin-bottom:20px}.page-logo{width:72px;height:72px;left:22px;top:92px;border-width:4px}.page-content{padding:35px 22px 70px}
  .intro{grid-template-columns:1fr;gap:15px}
  .intro-copy{padding-top:25px}.intro-copy p:first-child{font-size:20px}
  .principles{grid-template-columns:1fr;margin-top:40px}
  .principles article{border-left:0;border-bottom:1px solid var(--line);padding:34px 18px}
  .principles span{position:static;background:none;padding:0}
  .section-lead{margin:25px 0 45px}
  .team-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-22px;padding-left:22px;scrollbar-width:none}
  .member{min-width:82vw;scroll-snap-align:start}.member:nth-child(1),.member:nth-child(6){grid-column:auto}.member-photo{height:300px}
  .contact{min-height:560px}.contact::before{inset:16px}.contact h2{font-size:45px}
  .compact-heading{display:block}.compact-heading>p:last-child{text-align:right;margin-top:10px}.milestone{width:78vw}.about-details{grid-template-columns:1fr;padding:65px 22px}.about-card{padding:30px 24px}.map-block{min-height:330px}
  footer{flex-wrap:wrap;gap:10px;padding-top:30px;padding-bottom:30px}footer .brand{width:100%}footer p{margin-left:auto}
}
@media(max-width:420px){
  .hero-actions{flex-direction:column}.button{width:100%}
  .member-photo{height:285px}
}