@media(max-width:600px){
  :root{--pad:20px}
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:15px;line-height:1.55}
  .shell{width:calc(100% - 40px)}
  .nav{min-height:64px;gap:12px}
  .brand img{width:158px;max-height:42px;object-fit:contain;object-position:left center}
  .compact-logo,.compact-logo img{width:46px;height:46px}
  .menu-btn{width:44px;height:44px;flex:0 0 44px}
  .nav-links{top:65px;max-height:calc(100svh - 65px);padding:20px;gap:6px;overflow-y:auto}
  .nav-links a{display:flex;align-items:center;min-height:48px;padding:8px 4px;font-size:13px}
  .nav-links .nav-cta{justify-content:center;padding-inline:16px}
  .hero{min-height:auto;padding:106px 0 40px;align-content:start}
  .hero h1,.page-hero h1{font-size:clamp(46px,15vw,68px);line-height:.94;letter-spacing:-.02em;max-width:100%}
  .hero-lede{margin:24px 0;font-size:17px;line-height:1.5}
  .hero-actions{display:grid;gap:12px}
  .hero-actions .btn{width:100%;min-height:50px}
  .hero-meta{grid-template-columns:1fr;margin-top:40px}
  .meta-item{padding:13px 0}
  .page-hero{padding:92px 0 48px}
  .page-hero p{font-size:17px;line-height:1.55}
  .section{padding-block:64px}
  .section-head{gap:18px;margin-bottom:38px}
  .section h2,.page-hero h2,.brief h2,.portrait-copy h2{font-size:clamp(36px,11vw,52px);line-height:1.02}
  .section-intro{font-size:17px;margin-top:18px}
  .service-card{grid-template-columns:34px minmax(0,1fr) 24px;gap:12px;min-height:auto;padding-block:24px}
  .service-card h3{font-size:30px;overflow-wrap:anywhere}
  .service-card p{font-size:14px}
  .process{grid-template-columns:1fr}
  .step{min-height:auto;padding:24px 0}
  .step+.step{border-left:0;border-top:1px solid var(--border);padding-left:0}
  .step h3{margin:24px 0 8px;font-size:27px}
  .portrait-copy{padding:56px 20px}
  .portrait-media{min-height:320px}
  .brief{gap:34px}
  .form-grid{grid-template-columns:1fr;gap:15px}
  .field,.field.full{grid-column:1}
  .field input,.field select,.field textarea{width:100%;font-size:16px}
  .field .btn{width:100%}
  .service-visual{gap:32px}
  .service-visual img{aspect-ratio:4/3}
  .faq summary{font-size:22px;line-height:1.25}
  .footer-grid{grid-template-columns:1fr;gap:26px}
  .footer-grid>div:first-child{grid-column:auto}
  .legal{margin-top:36px;flex-direction:column;gap:10px}
  .modal{padding:12px}
  .modal-close{top:-50px}
  .play{width:78px;height:78px}
}