/* Launch quality pass — mobile readability, navigation and keyboard accessibility */
html{-webkit-text-size-adjust:100%}
body{overflow-wrap:break-word}
section[id]{scroll-margin-top:90px}
.menu{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.nav-links a{min-height:40px;display:inline-flex;align-items:center}
.nav-links a.nav-cta{min-height:44px}
.case-select:focus-visible,.btn:focus-visible,.nav-cta:focus-visible,.case-link:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.case-screen img,.android-showcase img,.rehirees-home-art img,.rehirees-visual img{max-width:100%}
.field label{line-height:1.45}
.field input,.field select,.field textarea{font-size:16px}
#brief-status{overflow-wrap:anywhere}
@media (max-width:650px){
  .menu{display:inline-flex}
  .nav-links a{min-height:44px}
  .nav-cta{min-height:46px}
  .container{width:calc(100% - 36px)}
  .hero h1{overflow-wrap:normal}
  .case-actions{row-gap:17px}
  .case-screen img{object-fit:contain}
  .service{grid-template-columns:34px minmax(0,1fr) 24px}
  .service h3,.case-heading h3,.contact h2{overflow-wrap:break-word}
  .email{max-width:100%;overflow-wrap:anywhere;white-space:normal}
  .case-feature,.rehirees-home-grid,.android-home-teaser{min-width:0}
  .field textarea{min-height:165px}
}
@media (max-width:370px){
  .container{width:calc(100% - 32px)}
  .eyebrow{font-size:10px;letter-spacing:.09em}
  .hero h1{font-size:46px}
  .case-heading h3{font-size:39px}
  .about h2,.studio h2,.subhero h1{overflow-wrap:anywhere}
  .btn{max-width:100%;white-space:normal;text-align:center}
  .brief-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Avoid horizontal overflow from the CardThesis page's project metadata on narrow screens. */
@media (max-width:650px){
  .project-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
  .project-intro span,.project-intro b{min-width:0;overflow-wrap:anywhere}
  .project-intro b{display:block;margin-top:4px}
}
@media (max-width:370px){
  .project-intro{grid-template-columns:1fr;gap:14px}
  .project-intro span{width:100%}
}

/* Secondary footer navigation has an extra project link on case-study pages. */
@media(max-width:650px){
  .footer-links{display:flex;flex-wrap:wrap;column-gap:19px;row-gap:10px;min-width:0;max-width:100%}
  .footer-links a{white-space:normal}
}

/* Rehirees portfolio art: use mobile-specific illustration, not unreadable desktop UI at phone widths. */
.rehirees-home-art picture,.rehirees-visual picture{display:block;width:100%}
.rehirees-home-art picture img,.rehirees-visual picture img{display:block;width:100%;height:auto}
@media(max-width:650px){
  .rehirees-home{padding:63px 0 54px}
  .rehirees-home-grid{gap:22px}
  .rehirees-home-art{padding:5px;box-shadow:0 9px 23px #1d372114}
  .rehirees-visual-section{padding:62px 0 72px}
  .rehirees-visual img{border-width:5px}
}