/* 030 — sharp mobile sections and tighter hero composition */
@media(max-width:760px){
  .section,.section[data-reveal-direction],.section.in-view,.section.visible,.reveal,.reveal.in-view,.reveal.visible,.timeline-gallery,.contact{filter:none!important}
  .section:before{filter:none!important}
  .hero-subject{left:-9%!important;right:auto!important;bottom:7.5rem!important;width:118%!important;max-width:118%!important;height:72%!important;object-fit:contain!important;object-position:center bottom!important;transform-origin:50% 82%!important}
  .hero-copy{inset:88px 5vw 0!important}
  .hero-copy h1{margin-top:1.25rem;margin-bottom:0}
  .hero-bottom{bottom:10px}
}
@media(max-width:390px){.hero-subject{left:-11%!important;width:122%!important;max-width:122%!important;height:70%!important;bottom:7rem!important}}
@media(max-height:700px) and (max-width:760px){.hero-subject{height:68%!important;bottom:6.2rem!important}.hero-copy h1{font-size:3rem}}