/* FINAL LOCKED HOMEPAGE HERO — browser-chrome repair 2026-09-23
   Desktop preserves the exact September 23 artwork while cropping only the browser chrome
   and scrollbar accidentally baked into the uploaded screenshot. Mobile remains unchanged. */

.home-master-visual{display:none}

@media (min-width:901px){
  html, body,
  .home-site{
    overflow-x:hidden !important;
  }

  .home-site > .topbar,
  .home-site .home-hero,
  .home-site .home-story{
    display:none !important;
  }

  .home-site .home-main{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .home-site .home-master-visual{
    --desktop-hero-source-width:1672;
    --desktop-hero-source-height:941;
    --desktop-hero-browser-chrome:94;
    --desktop-hero-scrollbar:18;
    display:block !important;
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    aspect-ratio:1654 / 847 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    line-height:0 !important;
    background:#fff !important;
  }

  .home-site .home-master-visual::before,
  .home-site .home-master-visual::after{
    content:none !important;
    display:none !important;
  }

  .home-site .home-master-visual > img{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    width:101.0883% !important;
    height:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:left top !important;
    transform:translateY(-9.9894%) !important;
    transform-origin:top left !important;
  }

  .home-site .home-master-visual > a[data-home-hotspot]{
    position:absolute !important;
    display:block !important;
    z-index:20 !important;
    background:transparent !important;
    text-decoration:none !important;
    border-radius:999px !important;
  }

  .home-site .home-master-visual > a[data-home-hotspot]:focus-visible{
    outline:3px solid #f1b52a !important;
    outline-offset:2px !important;
  }

  .home-site .home-master-visual [data-home-hotspot="logo"]{left:2.5%;top:2.0%;width:25.5%;height:11.5%}
  .home-site .home-master-visual [data-home-hotspot="home"]{left:45.4%;top:4.7%;width:5.0%;height:6.0%}
  .home-site .home-master-visual [data-home-hotspot="about"]{left:52.4%;top:4.7%;width:4.8%;height:6.0%}
  .home-site .home-master-visual [data-home-hotspot="priorities"]{left:59.1%;top:4.7%;width:6.4%;height:6.0%}
  .home-site .home-master-visual [data-home-hotspot="events"]{left:67.9%;top:4.7%;width:5.2%;height:6.0%}
  .home-site .home-master-visual [data-home-hotspot="get-involved"]{left:74.8%;top:4.7%;width:8.5%;height:6.0%}
  .home-site .home-master-visual [data-home-hotspot="contribute"]{left:85.0%;top:3.4%;width:13.0%;height:7.5%}
  .home-site .home-master-visual [data-home-hotspot="join"]{left:63.8%;top:69.0%;width:23.5%;height:8.5%}
}


/* MOBILE HERO ASPECT-RATIO FIX — 2026-09-24.
   Preserve the approved hero artwork's natural proportions on narrow screens.
   Desktop is intentionally untouched. */
@media (max-width:900px){
  .home-site .home-hero{
    /* Mobile uses the same approved September 23 artwork/haircut as desktop,
       but crops away the desktop screenshot's baked-in browser/header/nav.
       The live mobile header above remains the only navigation. */
    background-image:url('/assets/laura-homepage-hero-20260923-EXACT.png?v=20260924-mobile-clean-header2') !important;
    aspect-ratio:1654 / 736 !important;
    height:auto !important;
    min-height:0 !important;
    background-size:101.0883% auto !important;
    background-position:left -12.3942vw !important;
    background-repeat:no-repeat !important;
  }
}