/* Mobile-only hero content color alignment with the About section.
   Uses the existing shared design tokens; leaves video, navigation and desktop unchanged. */
@media (max-width:760px){
  html body #top.h360{background:var(--ground)!important;}
  html body #top.h360 .screen{background:var(--ground)!important;}
  html body #top.h360 .caps{background:var(--ground)!important;color:var(--ink)!important;}
  html body #top.h360 .cap,html body #top.h360 .cap h1{color:var(--ink)!important;}
  html body #top.h360 .cap h1 b{background:linear-gradient(90deg,#ff7a1a,#ff4d00)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
  html body #top.h360 .cap p{color:var(--stone)!important;}
  html body #top.h360 .hbtns .ghost{color:var(--ink)!important;}
  html body #top.h360 .hbtns .ghost i{background:var(--ink)!important;}
  html body #top.h360 .hprom li,
  html body #top.h360 .cap.on .hprom li,
  html body #top.h360 .hprom li:not(.now){background:var(--raise)!important;border:1px solid var(--hair)!important;color:var(--ink)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  html body #top.h360 .hprom b{color:var(--ink)!important;}
  html body #top.h360 .hprom li>span{color:var(--stone)!important;}
}