@media(max-width:1050px){
  .nav-links,.nav-cta .btn{display:none}
  .menu{display:grid;place-items:center}
  .mobile-nav{position:absolute;display:none;top:80px;left:20px;right:20px;background:#0b0f13;border:1px solid var(--line);padding:12px;border-radius:2px;box-shadow:0 25px 80px rgba(0,0,0,.5)}
  .mobile-nav.open{display:block}
  .mobile-nav a{display:block;padding:14px 8px;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#A4ACB3}
  .mobile-nav a:last-child{border-bottom:0}
  .hero-grid{grid-template-columns:1fr;gap:55px}
  .hero{padding-top:140px}
  .hero-side{border-left:0;border-top:1px solid var(--line);padding:28px 0 0;min-height:auto}
  .hero-side .logo-large{max-width:340px}
  .intro{grid-template-columns:1fr;gap:25px}
  .signature{grid-template-columns:1fr}
  .process{grid-template-columns:1fr 1fr}
  .step:nth-child(2){border-right:0}
  .step:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .principles{grid-template-columns:1fr 1fr}
  .principle:nth-child(2){border-right:0}
  .principle:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .detail{grid-template-columns:1fr;gap:20px}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .brand-lockup{padding-top:6px}
  .container{width:min(calc(100% - 30px),var(--max))}
  .nav{height:76px}
  .brand-lockup{width:160px}
  .hero{padding:120px 0 65px}
  .hero-copy h1{font-size:clamp(52px,16vw,82px)}
  .hero-side .logo-large{max-width:290px}
  .section{padding:90px 0}
  .section-top{display:block;margin-bottom:42px}
  .section-top .lead{margin-top:20px}
  .service{grid-template-columns:42px 1fr 30px;gap:12px}
  .service-desc{display:none}
  .service-title{font-size:22px}
  .signature-panel{padding:32px;min-height:370px}
  .signature-panel h3{margin-top:62px;font-size:34px}
  .concepts{grid-template-columns:1fr 1fr;grid-template-rows:210px 210px 210px}
  .concept.a{grid-column:span 2;grid-row:span 1}
  .concept.b,.concept.c,.concept.d{grid-column:span 1}
  .concept .caption h3{font-size:15px}
  .process{grid-template-columns:1fr}
  .step{border-right:0!important;border-bottom:1px solid var(--line)}
  .step:last-child{border-bottom:0}
  .principles{grid-template-columns:1fr}
  .principle{border-right:0!important;border-bottom:1px solid var(--line)}
  .principle:last-child{border-bottom:0}
  .footer-top{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .footer-bottom{flex-direction:column;gap:10px}
  .page-hero{padding:130px 0 70px}
  .page-hero h1{font-size:clamp(54px,16vw,84px)}
  .detail h2{font-size:38px}
  .detail ul{grid-template-columns:1fr}
}