/* =========================================================
   WLV HOMEPAGE HERO — CLEARING LOOK (DESKTOP + MOBILE)
   ========================================================= */

/* ---- Brand + fonts ---- */
:root{
  --brand-navy:#182341;
  --brand-gold:#FAC817;
  --brand-white:#fff;
  --headline-font:"Futura Condensed ExtraBold","Futura Condensed Extra Bold",sans-serif;
  --body-font:"Roboto", Arial, Helvetica, sans-serif;
}
body{ font-family:var(--body-font); }

/* ---- Base hero container ---- */
.order-prospectus.homepage-banner.hero-clearing{
  position:relative;
  color:var(--brand-white);
  overflow:hidden;
}
.order-prospectus.homepage-banner.hero-clearing .wrapper{
  position:relative;
  min-height:clamp(540px, 70vh, 820px);
  background-color:var(--brand-navy); /* fallback while image paints */
  overflow:hidden;
}

/* Picture + IMG: force full-bleed, kill rogue max-width rules */
.order-prospectus.homepage-banner.hero-clearing picture{
  position:absolute; inset:0;
  width:100%; height:100%;
  z-index:0; display:block; max-width:none !important;
}
.order-prospectus.homepage-banner.hero-clearing .section_bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  max-width:none !important; display:block;
  object-fit:cover; object-position:center;
  z-index:0;
}

/* Kill any legacy backgrounds/angles */
.order-prospectus.homepage-banner.hero-clearing .container,
.order-prospectus.homepage-banner.hero-clearing .overlay_content{
  background:transparent !important;
  box-shadow:none !important;
  clip-path:none !important;
}

/* Content wrapper */
.order-prospectus.homepage-banner.hero-clearing .container{
  position:relative; z-index:3;
  height:100%; display:flex; align-items:center;
}
.order-prospectus.homepage-banner.hero-clearing .hero-clearing__content{
  max-width:720px;
  margin-left:clamp(1.25rem, 4vw, 3rem);
  padding:clamp(1.5rem, 3vw, 2.5rem) 0;
  display:flex; flex-direction:column; align-items:flex-start; text-align:left !important;
}

/* Optional wave between bg and content */
.order-prospectus.homepage-banner.hero-clearing .hero-wave{
  position:absolute; bottom:-2%; left:35%; width:70%;
  z-index:2; pointer-events:none;
}

/* ---- Type ---- */
.order-prospectus.homepage-banner.hero-clearing .hero-title{
  font-family:var(--headline-font);
  font-weight:900; text-transform:uppercase;
  font-size:clamp(2.8rem, 4.6vw, 5rem);
  line-height:.95; letter-spacing:.02em;
  color:var(--brand-white);
  margin:0 0 .4rem;
}
.order-prospectus.homepage-banner.hero-clearing .hero-eyebrow{
  font-family:var(--body-font);
  text-transform:uppercase; font-weight:700; letter-spacing:.04em;
  color:rgba(255,255,255,.95);
  margin:.5rem 0 1.1rem; /* sits under H1 */
  font-size:clamp(1rem, 1.4vw, 1.125rem);
}

/* ---- CTAs ---- */
.order-prospectus.homepage-banner.hero-clearing .hero-ctas{
  display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.25rem;
}
.order-prospectus.homepage-banner.hero-clearing .hero-ctas .btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.95rem 1.35rem; border-radius:.6rem;
  text-transform:uppercase;
  font:800 1rem/1 var(--body-font);
  letter-spacing:.02em; text-decoration:none;
  transition:transform .06s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.order-prospectus.homepage-banner.hero-clearing .btn--gold{
  background:var(--brand-gold);
  border:2px solid var(--brand-gold);
  color:#182341;
  box-shadow:0 6px 0 rgba(0,0,0,.12);
}
.order-prospectus.homepage-banner.hero-clearing .btn--gold:hover{ transform:translateY(-1px); }
.order-prospectus.homepage-banner.hero-clearing .btn--gold:active{ transform:translateY(0); box-shadow:0 3px 0 rgba(0,0,0,.18); }

.order-prospectus.homepage-banner.hero-clearing .btn--outline{
  background:transparent;
  border:2px solid rgba(255,255,255,.9);
  color:var(--brand-white);
}
.order-prospectus.homepage-banner.hero-clearing .btn--outline:hover{ transform:translateY(-1px); }
.order-prospectus.homepage-banner.hero-clearing .btn--outline:active{ transform:translateY(0); }
.order-prospectus.homepage-banner.hero-clearing .arrow{
  display:inline-block; transform:translateY(1px); margin-left:.5rem;
}

/* ---- DESKTOP (≥993px): left-half navy overlay ---- */
@media (min-width: 993px){
  .order-prospectus.homepage-banner.hero-clearing .wrapper::before{
    content:"";
    position:absolute; inset:0 50% 0 0; /* left 50% navy */
    background:var(--brand-navy);
    z-index:1; pointer-events:none;
  }
}

/* ---- TABLET (769–992px) ---- */
@media (max-width: 992px){
  /* DO NOT hide wrapper::after — we use it for the scrim */
  .order-prospectus.homepage-banner.hero-clearing .overlay_content::before,
  .order-prospectus.homepage-banner.hero-clearing .overlay_content::after{
    content:none !important;
    background:transparent !important; box-shadow:none !important; clip-path:none !important;
  }

  /* gentle scrim for readability */
  .order-prospectus.homepage-banner.hero-clearing .wrapper::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.22) 55%, rgba(0,0,0,.12) 100%);
    z-index:1; pointer-events:none;
  }

  .order-prospectus.homepage-banner.hero-clearing .hero-clearing__content{
    max-width:42rem; margin-left:1rem; margin-right:1rem;
    padding:clamp(1.5rem, 4vw, 2.25rem) 0 clamp(1.25rem, 5vw, 2rem);
  }

  .order-prospectus.homepage-banner.hero-clearing .hero-ctas{
    flex-direction:column; align-items:center; gap:.75rem; margin-top:1rem;
  }
  .order-prospectus.homepage-banner.hero-clearing .hero-ctas .btn{
    width:100%; max-width:480px; padding:1rem 1.25rem; border-radius:.65rem; text-align:center; justify-content:center;
  }

  .order-prospectus.homepage-banner.hero-clearing .hero-wave{ left:8%; width:120%; bottom:-6%; }
}

/* ---- MOBILE (≤768px) ---- */
@media (max-width: 768px){
  .order-prospectus.homepage-banner.hero-clearing .wrapper::after{
    background:linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.18) 100%) !important;
  }

  .order-prospectus.homepage-banner.hero-clearing .hero-clearing__content{
    padding:clamp(1.25rem, 4vw, 2rem) 0 clamp(1rem, 6vw, 2rem);
    max-width:38rem;
  }
  .order-prospectus.homepage-banner.hero-clearing .hero-title{
    font-size:clamp(2rem, 7.5vw, 2.6rem); margin-bottom:.35rem;
  }
  .order-prospectus.homepage-banner.hero-clearing .hero-eyebrow{
    font-size:clamp(.9rem, 3.2vw, 1.05rem); margin-bottom:1rem;
  }
  .order-prospectus.homepage-banner.hero-clearing .hero-ctas .btn{ max-width:420px; }
  .order-prospectus.homepage-banner.hero-clearing .hero-wave{ left:5%; width:115%; bottom:-4%; }
}

/* ---- Accessibility ---- */
@media (prefers-reduced-motion: reduce){
  .order-prospectus.homepage-banner.hero-clearing .hero-ctas .btn{ transition:none; }
}