/* ================================================================
   Responsive Breakpoints
   ================================================================ */
@media(max-width:1000px){
  .principles{grid-template-columns:repeat(2,1fr)}
  .about .wrap,.contact .wrap{grid-template-columns:1fr;gap:46px}
  .nav-links{gap:22px}
  .hero-meta{top:90px}
  .hero-sub{gap:30px}
}

/* Tablet — collapse nav to hamburger earlier so links never overlap */
@media(max-width:900px){
  .nav-links{display:none}
  .menu-btn{display:block;position:relative;z-index:2}
  .nav-links.open{
    display:flex;position:fixed;inset:0;
    background-color:#0B0A09;
    flex-direction:column;justify-content:center;align-items:center;
    gap:32px;font-size:26px;z-index:1;
    -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
  }
  .nav-links.open a{color:#FAF6EF;opacity:1}
  .nav-links.open .nav-cta{margin-top:12px}
}

@media(max-width:760px){
  body::after{display:none}
  nav.scrolled{background:#0B0A09 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
  nav.light.scrolled,.no-gl nav.scrolled{background:#FAF6EF !important}

  /* Hero meta — stack vertically, push below nav, don't overlap core */
  .hero-meta{top:80px;flex-direction:column;gap:6px;align-items:flex-start}
  .hero-meta span{font-size:10px}

  /* Hero core — reduce eyebrow and headline spacing */
  .eyebrow{font-size:11px;letter-spacing:.18em;margin-bottom:20px}
  .eyebrow .ln{width:32px}

  /* Hero sub — stack paragraph above actions */
  .hero-sub{flex-direction:column;align-items:flex-start;gap:24px;margin-top:32px}
  .hero-sub p{max-width:100%}
  .hero-actions{flex-wrap:wrap;gap:12px}

  .scroll-hint{bottom:24px}
  .branch{grid-template-columns:50px 1fr;gap:18px} .branch .status{grid-column:2;justify-content:flex-start;margin-top:6px}
  .form-row{grid-template-columns:1fr}
  .principle{min-height:0} .hero{height:200vh}

  /* Gallery — ensure both rows visible and animating on mobile */
  .grow img{height:clamp(120px,22vw,180px)}
  .grow+.grow{margin-top:14px}
  .grow.a{-webkit-animation-duration:30s;animation-duration:30s}
  .grow.b{-webkit-animation-duration:36s;animation-duration:36s}
}