/**
 * Approved SVU hero (block 03), reference: 1024x438 original mockup.
 * Desktop uses the actual approved artwork without any black overlay.
 * The existing Elementor hero widgets remain intact under the artwork.
 * Mobile presents real Elementor text/buttons over an original-artwork crop.
 */
@media (min-width: 768px) {
  body.home .elementor .e-con.elementor-element-00000014 {
    display:block !important;
    position:relative !important;
    isolation:isolate !important;
    width:100% !important;
    max-width:100% !important;
    height:42.7734375vw !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1024/438;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background-image:url("https://xn----8sbmewk1cydg.xn--p1ai/wp-content/uploads/2026/10/svu-hero-exact-desktop.webp") !important;
    background-position:center !important;
    background-size:100% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#08090b !important;
    gap:0 !important;
  }
  body.home .elementor .e-con.elementor-element-00000014::before,
  body.home .elementor .e-con.elementor-element-00000014::after {
    display:none !important;
    content:none !important;
    background:none !important;
    opacity:0 !important;
  }
  body.home .elementor .e-con.elementor-element-00000013 {
    position:absolute !important;
    inset:0 !important;
    height:100% !important;
    min-height:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  body.home .svu-hero-hotspots {
    position:absolute;
    z-index:60;
    inset:0;
    pointer-events:none;
  }
  body.home .svu-hero-hotspot {
    position:absolute;
    display:block;
    pointer-events:auto;
    border-radius:3px;
    background:transparent;
    outline-offset:2px;
  }
  body.home .svu-hero-hotspot:focus-visible {
    outline:3px solid #fff;
    box-shadow:0 0 0 5px #d20c26;
  }
  body.home .svu-hero-hotspot--join {
    left:4.29%;top:63.4%;width:22.8%;height:10.3%;
  }
  body.home .svu-hero-hotspot--news {
    left:28.24%;top:63.4%;width:16.5%;height:10.3%;
  }
}
@media (max-width: 767px) {
  body.home .elementor .e-con.elementor-element-00000014 {
    display:flex !important;
    position:relative !important;
    min-height:690px !important;
    height:auto !important;
    max-height:none !important;
    background-image:url("https://xn----8sbmewk1cydg.xn--p1ai/wp-content/uploads/2026/10/svu-hero-exact-mobile.webp") !important;
    background-position:57% center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-color:#0c0c0e !important;
    padding:0 !important;
  }
  body.home .elementor .e-con.elementor-element-00000014::before,
  body.home .elementor .e-con.elementor-element-00000014::after {
    display:none !important;
    content:none !important;
    background:none !important;
  }
  body.home .elementor .e-con.elementor-element-00000013 {
    position:relative !important;
    opacity:1 !important;
    pointer-events:auto !important;
    height:auto !important;
    min-height:690px !important;
    padding:44px 0 20px !important;
    justify-content:flex-start !important;
  }
  body.home .svu-hero-hotspots {
    display:none !important;
  }
  body.home .elementor .e-con.elementor-element-00000013 .svu-hero-title h1 {
    font-size:clamp(26px,7.65vw,47px) !important;
    font-weight:900 !important;
    line-height:1.03 !important;
    max-width:none !important;
    white-space:normal !important;
    text-shadow:0 2px 6px rgba(0,0,0,.44);
  }
  body.home .elementor .e-con.elementor-element-00000013 .svu-hero-lead p {
    font-size:clamp(15px,3.7vw,18px) !important;
    line-height:1.24 !important;
    max-width:94% !important;
    text-shadow:0 2px 6px rgba(0,0,0,.35);
  }
  body.home .elementor .e-con.elementor-element-00000013 .svu-value-text {
    margin-top:auto !important;
    padding-bottom:73px !important;
  }
}
/* The approved main page goes directly from the Hero to Voting. */
body.home .elementor .elementor-element-0000001c,
body.home .elementor .elementor-element-0000002f,
body.home .elementor .elementor-element-00000038 {
  display:none !important;
}

/* Mobile uses the approved collage as a bright picture first,
 * then stacks readable actual Elementor content below it.
 * No quote from the original image can repeat in this crop. */
@media (max-width: 767px) {
  body.home .elementor .e-con.elementor-element-00000014 {
    background:#09090b !important;
    background-image:none !important;
    display:block !important;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
    position:relative !important;
    isolation:isolate !important;
  }
  body.home .elementor .e-con.elementor-element-00000014::before {
    display:block !important;
    content:"" !important;
    opacity:1 !important;
    position:absolute !important;
    top:0;left:0;right:0;
    height:clamp(260px,55vw,360px) !important;
    background-image:url("https://xn----8sbmewk1cydg.xn--p1ai/wp-content/uploads/2026/10/svu-hero-exact-mobile.webp") !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center 0% !important;
    z-index:0 !important;
    pointer-events:none !important;
  }
  body.home .elementor .e-con.elementor-element-00000014::after {
    display:none !important;
    content:none !important;
  }
  body.home .elementor .e-con.elementor-element-00000013 {
    width:calc(100% - 36px) !important;
    position:relative !important;
    margin-inline:auto !important;
    height:auto !important;
    min-height:0 !important;
    opacity:1 !important;
    z-index:1 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    padding:calc(clamp(260px,55vw,360px) + 27px) 0 24px !important;
  }
  body.home .elementor .e-con.elementor-element-00000013 .svu-hero-title h1 {
    max-width:none !important;
    transform:none !important;
    width:auto !important;
    font-size:clamp(28px,7.1vw,45px) !important;
    line-height:1.03 !important;
    letter-spacing:-.6px !important;
    color:#fff !important;
    margin:0 0 10px !important;
  }
  body.home .elementor .e-con.elementor-element-00000013 .svu-hero-lead {
    margin:0 0 20px !important;
  }
  body.home .elementor .e-con.elementor-element-00000013 .svu-hero-lead p {
    font-size:clamp(15px,3.6vw,19px) !important;
    line-height:1.24 !important;
    color:#fff !important;
    text-shadow:none !important;
  }
  body.home .elementor .e-con.elementor-element-00000011 {
    margin:0 !important;
  }
  body.home .elementor .e-con.elementor-element-00000013 .svu-value-text {
    width:100% !important;
    margin:27px 0 12px !important;
    padding:0 !important;
    min-height:0 !important;
  }
  body.home .elementor .e-con.elementor-element-00000013 .svu-hero-quote {
    position:relative !important;
    inset:auto !important;
    right:auto !important;
    bottom:auto !important;
    align-self:flex-end !important;
    display:block !important;
    width:min(280px,100%) !important;
    max-width:100% !important;
    text-align:right !important;
    margin:5px 0 0 !important;
    padding:0 !important;
  }
  body.home .elementor .svu-hero-quote p {
    color:#fff !important;
    font:italic 13px/1.3 Georgia,serif !important;
    margin:0 0 6px !important;
  }
  body.home .elementor .svu-hero-quote .svu-quote-author {
    font-size:12px !important;
  }
}