/* Show the native hero artwork on every public desktop/mobile route.
   Copy contrast is handled by type shadow, never by darkening the image. */
html[data-abelle-site="true"] body #subtitle#subtitle::before,
html[data-abelle-site="true"] body #subtitle#subtitle::after,
html[data-abelle-site="true"] body #subtitle#subtitle .subtitle_bg.subtitle_bg::before,
html[data-abelle-site="true"] body #subtitle#subtitle .subtitle_bg.subtitle_bg::after {
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  opacity:0!important;
  filter:none!important;
  -webkit-filter:none!important;
}

html[data-abelle-site="true"] body #subtitle#subtitle .subtitle_bg img,
html[data-abelle-site="true"] body #subtitle#subtitle .subtitle_bg picture,
html[data-abelle-site="true"] body #subtitle#subtitle .subtitle_bg source {
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
}

html[data-abelle-site="true"] body #subtitle#subtitle,
html[data-abelle-site="true"] body #subtitle#subtitle .subtitle_bg.subtitle_bg {
  filter:none!important;
  -webkit-filter:none!important;
  background-blend-mode:normal!important;
}

html[data-abelle-site="true"] body #main#main .main.swiper .swiper-slide::before,
html[data-abelle-site="true"] body #main#main .main.swiper .swiper-slide::after {
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  filter:none!important;
}

html[data-abelle-site="true"] body #main#main .main.swiper .swiper-slide img,
html[data-abelle-site="true"] body #main#main .main.swiper .swiper-slide picture {
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
}

html[data-abelle-site="true"] body #subtitle#subtitle > .container,
html[data-abelle-site="true"] body #subtitle#subtitle > .container * {
  text-shadow:0 1px 2px rgba(0,0,0,.72),0 2px 12px rgba(0,0,0,.28)!important;
}

/* The native artwork is sampled behind the actual copy block. Light fields
   use crisp charcoal type; dark fields retain the existing white type. */
html[data-abelle-site="true"] body #subtitle#subtitle.ab-hero-copy-dark > .container,
html[data-abelle-site="true"] body #subtitle#subtitle.ab-hero-copy-dark > .container * {
  color:#18262d!important;
  -webkit-text-fill-color:#18262d!important;
  text-shadow:none!important;
}

html[data-abelle-site="true"] body #subtitle#subtitle.ab-hero-copy-dark > .container > p:first-child {
  color:#3e5966!important;
  -webkit-text-fill-color:#3e5966!important;
}

html[data-abelle-site="true"] body #subtitle#subtitle.ab-hero-copy-dark .ab-hero-disclaimer {
  color:rgba(24,38,45,.72)!important;
  -webkit-text-fill-color:rgba(24,38,45,.72)!important;
  text-shadow:none!important;
}

html[data-abelle-site="true"] body #subtitle#subtitle.ab-hero-copy-dark > .container::after {
  border-color:#263840!important;
  filter:none!important;
}

/* Petit portraits reserve a clean field on the left. Keep the copy off the
   face and use charcoal type because the native artwork is intentionally light. */
html[data-abelle-site="true"]:is(.ab-pfv2-active,.ab-pbv2-active,.ab-thv2-active,.ab-psbv2-active) body #subtitle#subtitle > .container {
  left:max(48px,calc((100vw - 1320px)/2))!important;
  width:min(42vw,560px)!important;
  align-items:flex-start!important;
  padding:0!important;
  text-align:left!important;
  transform:translateY(-50%)!important;
}

html[data-abelle-site="true"]:is(.ab-pfv2-active,.ab-pbv2-active,.ab-thv2-active,.ab-psbv2-active) body #subtitle#subtitle > .container *,
html[data-abelle-site="true"]:is(.ab-sbv2-active,.ab-scv3-active,.ab-slh2-active) body #subtitle#subtitle > .container * {
  color:#17282f!important;
  -webkit-text-fill-color:#17282f!important;
  text-align:left!important;
  text-shadow:none!important;
}

html[data-abelle-site="true"]:is(.ab-sbv2-active,.ab-scv3-active,.ab-slh2-active) body #subtitle#subtitle > .container {
  text-shadow:none!important;
}

@media(max-width:900px) {
  html[data-abelle-site="true"]:is(.ab-pfv2-active,.ab-pbv2-active,.ab-thv2-active,.ab-psbv2-active) body #subtitle#subtitle > .container {
    top:48%!important;
    left:22px!important;
    width:min(52vw,205px)!important;
    align-items:flex-start!important;
    padding:0!important;
    text-align:left!important;
    transform:translateY(-50%)!important;
  }

  html[data-abelle-site="true"]:is(.ab-sbv2-active,.ab-scv3-active,.ab-slh2-active) body #subtitle#subtitle > .container {
    top:41%!important;
  }

  html[data-abelle-site="true"]:is(.ab-pfv2-active,.ab-pbv2-active,.ab-thv2-active,.ab-psbv2-active) body #subtitle#subtitle > .container > * {
    max-width:100%!important;
    text-align:left!important;
  }

  html[data-abelle-site="true"]:is(.ab-pfv2-active,.ab-pbv2-active,.ab-thv2-active,.ab-psbv2-active) body #subtitle#subtitle > .container::after {
    align-self:flex-start!important;
    margin-left:8px!important;
  }
}