/* Mobile polish & responsive safety overrides — Nope Media static site */

html,body{overflow-x:hidden;max-width:100vw}
img,video,svg{max-width:100%;height:auto}
*{overflow-wrap:anywhere;word-break:normal}
/* avoid iOS zoom on form focus */
input,select,textarea{font-size:16px}

/* Smooth scroll for anchor nav */
html{scroll-behavior:smooth}

/* Tablet & below */
@media (max-width:1023px){
  .lg\:col-span-7,.lg\:col-span-5{grid-column:span 12 / span 12!important}
}

/* Mobile */
@media (max-width:640px){
  /* Section breathing room */
  section{padding-left:1rem!important;padding-right:1rem!important}

  /* Hero: cut excessive vertical space, allow natural height */
  #hero{padding-top:6.5rem!important;padding-bottom:3.5rem!important;min-height:auto!important}

  /* Headings: gentler scale */
  h1.text-display{font-size:clamp(2.25rem,9.5vw,3.25rem)!important;line-height:1.05!important}
  h2.text-display{font-size:clamp(1.85rem,7.5vw,2.5rem)!important;line-height:1.1!important}
  h3.text-display,h3.text-3xl{font-size:1.45rem!important;margin-top:1.75rem!important;line-height:1.2!important}

  /* Tame oversized utility spacing */
  .pt-32{padding-top:6rem!important}
  .pb-24{padding-bottom:3.5rem!important}
  .py-24{padding-top:3rem!important;padding-bottom:3rem!important}
  .py-32{padding-top:4rem!important;padding-bottom:4rem!important}
  .mt-24{margin-top:3rem!important}
  .mt-16{margin-top:1.75rem!important}
  .mt-12{margin-top:1.5rem!important}
  .mb-16{margin-bottom:1.75rem!important}
  .gap-y-16{row-gap:2rem!important}
  .gap-y-12{row-gap:1.75rem!important}
  .gap-y-10{row-gap:1.5rem!important}

  /* Cards: tighter padding, friendlier radii */
  .p-7,.p-8,.p-12{padding:1.25rem!important}
  .sm\:p-12{padding:1.25rem!important}
  [class*="rounded-[2"]{border-radius:1.25rem!important}
  [class*="rounded-[1.75rem]"]{border-radius:1.1rem!important}

  /* Mono labels: keep readable on narrow screens */
  [class*="tracking-["]{letter-spacing:.18em!important}

  /* Touch targets */
  a[href^="mailto"],a[href^="tel"],a[href*="wa.me"],a[href^="#"].rounded-full,button{min-height:44px}
  a[href^="mailto"],a[href*="wa.me"],button[type="submit"]{padding-top:.65rem!important;padding-bottom:.65rem!important;font-size:.95rem!important}

  /* Forms */
  form .grid.sm\:grid-cols-2{grid-template-columns:1fr!important}

  /* Hide secondary status chips that crowd small headers */
  header .text-mono,header [class*="tracking-["]{letter-spacing:.15em}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}