/* DRSTY — shared polish layer (loaded last on every page). Mobile footer, spacing, overflow. */
html,body{overflow-x:clip}
img,video,svg{max-width:100%}
@media (max-width:768px){
  footer{padding:9vh 20px 0!important}
  footer .credits{display:grid!important;grid-template-columns:1fr;gap:12px!important;padding-top:22px}
  footer .credits span{font-size:11px;line-height:1.5}
  footer .footrow{flex-direction:column;align-items:flex-start!important;gap:16px!important;margin-top:5vh!important}
  footer .footrow .social{display:flex;flex-wrap:wrap;gap:10px 22px}
  footer .footrow a{margin-right:0!important;font-size:15px}
  footer .footrow .mono{display:block;margin:10px 0 0!important}
  footer .legalnav{display:grid!important;grid-template-columns:1fr 1fr;gap:14px 16px!important;margin-top:4vh!important}
  footer .legalnav a{font-size:10.5px!important;line-height:1.4}
  footer .lastline{margin-top:4vh!important;line-height:1.7;letter-spacing:.12em}
  footer .bigmark{display:block;width:100%!important;margin:6vh auto -5vw!important}
  /* keep the red glow + frosted glass behind the wordmark, lighter so DRSTY stays readable */
  footer .foot-glass{display:block!important;height:11%!important}
  footer .bigmark{position:relative;z-index:0}
  footer .atmo--footer .deep,footer .f-atmo .deep{opacity:1!important}
}
@media (max-width:380px){ footer .legalnav{grid-template-columns:1fr} }
/* "Six ways in" — on phones the pixel dino sat on top of the headline; give it its own row */
@media (max-width:700px){
  #services .sv-lede{padding-top:72px}
  #services .dino{top:12vh!important;right:5vw!important;width:72px!important;height:64px!important}
  #services .sv-no{margin-bottom:6px}
}