/* === MOBILE OVERRIDE (GPT) === */
@media (max-width: 768px){
  body{
    font-size:87.5%;
    line-height:1.4;
  }
  .hero-overlay,
  .section-box,
  .white-box,
  .about-box,
  .work-box{
    background:rgba(255,255,255,0.85);
    width:calc(100% - 2rem);
    max-width:640px;
    padding:1.5rem 1.25rem;
    margin:1rem auto;
    border-radius:8px;
  }
  h1,h2{
    font-size:1.55rem;
  }
}