/* ================================================================
   Responsive Breakpoints
   ================================================================ */
@media(max-width:1000px){
  .principles{grid-template-columns:repeat(2,1fr)} .work-grid{grid-template-columns:1fr}
  .about .wrap,.contact .wrap{grid-template-columns:1fr;gap:46px}
}
@media(max-width:760px){
  body::after{display:none}
  nav{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  nav.scrolled{background:#0B0A09 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
  nav.light.scrolled,.no-gl nav.scrolled{background:#FAF6EF !important}
  .nav-links{display:none} .menu-btn{display:block;position:relative;z-index:100002}
  .nav-links.open{display:flex;position:fixed;inset:0;background-color:#0B0A09;flex-direction:column;justify-content:center;align-items:center;gap:30px;font-size:24px;z-index:100001;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  .nav-links.open a{color:#FAF6EF;opacity:1}
  .branch{grid-template-columns:50px 1fr;gap:18px} .branch .status{grid-column:2;justify-content:flex-start;margin-top:6px}
  .hero-sub{flex-direction:column;align-items:flex-start} .form-row{grid-template-columns:1fr}
  .principle{min-height:0} .hero{height:200vh}
}