/* HERO V17 - direct use of the seven approved, complete hero PNGs.
   No portrait/logo/slogan regeneration or separate visual layers. */

:root{--hero-v17-ratio:2048/682}

body[data-hero-page="home"] .home-hero,
body[data-hero-page="about"] .hero-v6,
body[data-hero-page="estate"] .hero-v6,
body[data-hero-page="finance"] .hero-v6,
body[data-hero-page="news"] .hero-v6,
body[data-hero-page="contact"] .hero-v6,
body[data-current-page="kerdoivek"] .hero-v6{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:var(--hero-v17-ratio)!important;
  overflow:hidden!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:100% 100%!important;
  border:0!important;
}

body[data-hero-page="home"] .home-hero{background-image:url('/assets/hero-v15/hero-home.png?v=17.0')!important}
body[data-hero-page="about"] .hero-v6{background-image:url('/assets/hero-v15/hero-about.png?v=17.0')!important}
body[data-hero-page="estate"] .hero-v6{background-image:url('/assets/hero-v15/hero-estate.png?v=17.0')!important}
body[data-hero-page="finance"] .hero-v6{background-image:url('/assets/hero-v15/hero-finance.png?v=17.0')!important}
body[data-current-page="kerdoivek"] .hero-v6{background-image:url('/assets/hero-v15/hero-surveys.png?v=17.0')!important}
body[data-hero-page="news"] .hero-v6{background-image:url('/assets/hero-v15/hero-news.png?v=17.0')!important}
body[data-hero-page="contact"] .hero-v6{background-image:url('/assets/hero-v15/hero-contact.png?v=17.0')!important}

/* Kill every old generated visual layer. */
body[data-hero-page] .home-hero:before,
body[data-hero-page] .home-hero:after,
body[data-hero-page] .hero-v6:before,
body[data-hero-page] .hero-v6:after,
body[data-hero-page] .hero-v6__inner:before,
body[data-hero-page] .hero-v6__inner:after,
body[data-current-page="kerdoivek"] .hero-v6:before,
body[data-current-page="kerdoivek"] .hero-v6:after,
body[data-current-page="kerdoivek"] .hero-v6__inner:before,
body[data-current-page="kerdoivek"] .hero-v6__inner:after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Hide old live logo, slogan, text and portrait because they are already baked into the approved PNG. */
body[data-hero-page="home"] .home-hero__logo,
body[data-hero-page="home"] .home-hero__slogan,
body[data-hero-page="home"] .home-hero__copy>h1,
body[data-hero-page="home"] .home-hero__role,
body[data-hero-page="home"] .home-hero__lead,
body[data-hero-page]:not([data-hero-page="home"]) .hero-v6 .brand-logo-large,
body[data-hero-page]:not([data-hero-page="home"]) .hero-v6 .brand-slogan-large,
body[data-hero-page]:not([data-hero-page="home"]) .hero-v6 .hero-title,
body[data-hero-page]:not([data-hero-page="home"]) .hero-v6 .hero-subtitle,
body[data-hero-page]:not([data-hero-page="home"]) .hero-v6 .hero-lead,
body[data-hero-page]:not([data-hero-page="home"]) .hero-v6 .hero-v6__portrait,
body[data-current-page="kerdoivek"] .hero-v6 .brand-logo-large,
body[data-current-page="kerdoivek"] .hero-v6 .brand-slogan-large,
body[data-current-page="kerdoivek"] .hero-v6 .hero-title,
body[data-current-page="kerdoivek"] .hero-v6 .hero-subtitle,
body[data-current-page="kerdoivek"] .hero-v6 .hero-lead,
body[data-current-page="kerdoivek"] .hero-v6 .hero-v6__portrait{
  opacity:0!important;
  visibility:hidden!important;
}

/* Fill the banner with the old inner wrapper only as an invisible click layer. */
body[data-hero-page="home"] .home-hero__inner,
body[data-hero-page]:not([data-hero-page="home"]) .hero-v6__inner,
body[data-current-page="kerdoivek"] .hero-v6__inner{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}

body[data-hero-page="home"] .home-hero__copy,
body[data-hero-page]:not([data-hero-page="home"]) .hero-v6__copy,
body[data-current-page="kerdoivek"] .hero-v6__copy{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* HOME: keep the two real links clickable over the baked buttons. */
body[data-hero-page="home"] .home-hero__actions{
  position:absolute!important;
  left:4.10%!important;
  top:73.75%!important;
  width:52.4%!important;
  height:13.5%!important;
  display:flex!important;
  gap:2%!important;
  margin:0!important;
  padding:0!important;
}
body[data-hero-page="home"] .home-hero__actions .home-button{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  visibility:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
body[data-hero-page="home"] .home-hero__actions .home-button:first-child{width:49.7%!important}
body[data-hero-page="home"] .home-hero__actions .home-button:last-child{width:46.8%!important}

/* ESTATE + FINANCE: keep their CTA clickable. */
body[data-hero-page="estate"] .hero-v6__copy>.button,
body[data-hero-page="finance"] .hero-v6__copy>.button{
  position:absolute!important;
  left:4.10%!important;
  top:73.1%!important;
  height:14.6%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  visibility:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
body[data-hero-page="estate"] .hero-v6__copy>.button{width:28.7%!important}
body[data-hero-page="finance"] .hero-v6__copy>.button{width:22.2%!important}

/* NEWS: keep the four filter buttons clickable. */
body[data-hero-page="news"] .news-filter{
  position:absolute!important;
  left:4.10%!important;
  top:75.6%!important;
  width:49.5%!important;
  height:11.8%!important;
  display:flex!important;
  gap:1.35%!important;
  margin:0!important;
  padding:0!important;
  visibility:visible!important;
}
body[data-hero-page="news"] .news-filter .button{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  visibility:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}

@media(max-width:1120px){
  body[data-hero-page="home"] .home-hero,
  body[data-hero-page]:not([data-hero-page="home"]) .hero-v6,
  body[data-current-page="kerdoivek"] .hero-v6{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:var(--hero-v17-ratio)!important;
  }
}