/*
 * Per-theme painted Home assets (GENERATED by tools/build/generate_paint_assets.py).
 * Do not edit by hand: re-run the generator after changing the approved backdrops.
 */

/* andalus: painted hero backdrop + brush divider (generated) */
body[data-template="andalus"] .tpl-andalus-hero { isolation: isolate; }
body[data-template="andalus"] .tpl-andalus-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url('/img/themes/andalus/hero-960-edbcb20c16.webp');
  background-image: image-set(url('/img/themes/andalus/hero-960-3a1d7a6a0e.avif') type('image/avif') 1x, url('/img/themes/andalus/hero-960-edbcb20c16.webp') type('image/webp') 1x);
  background-size: cover;
  background-position: 70% 50%;
  background-repeat: no-repeat;
  opacity: 0.55;
  -webkit-mask-image: linear-gradient(to left, #000 35%, transparent 80%);
          mask-image: linear-gradient(to left, #000 35%, transparent 80%);
}
body[data-template="andalus"][dir="rtl"] .tpl-andalus-hero::before {
  background-position: 30% 50%;
  -webkit-mask-image: linear-gradient(to right, #000 35%, transparent 80%);
          mask-image: linear-gradient(to right, #000 35%, transparent 80%);
}
body[data-template="andalus"] .tpl-andalus-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 14px;
  z-index: -1;
  pointer-events: none;
  background: url('/img/themes/andalus/divider-a-361fec14a9.svg') center / 100% 100% no-repeat;
  opacity: 0.85;
}
@media (max-width: 767px) {
  body[data-template="andalus"] .tpl-andalus-hero::before {
    background-image: url('/img/themes/andalus/hero-mobile-a8cb52197c.webp');
  background-image: image-set(url('/img/themes/andalus/hero-mobile-09eb37b677.avif') type('image/avif') 1x, url('/img/themes/andalus/hero-mobile-a8cb52197c.webp') type('image/webp') 1x);
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0.2;
    -webkit-mask-image: none;
            mask-image: none;
  }
  body[data-template="andalus"] .tpl-andalus-hero::after { background-image: url('/img/themes/andalus/divider-b-3ebb3b052d.svg'); height: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-template="andalus"] .tpl-andalus-hero::before { opacity: 0.5; }
}

/* cairo: painted hero backdrop + brush divider (generated) */
body[data-template="cairo"] .tpl-cairo-hero { isolation: isolate; }
body[data-template="cairo"] .tpl-cairo-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url('/img/themes/cairo/hero-1440-6fed1a5073.webp');
  background-image: image-set(url('/img/themes/cairo/hero-1440-45b946cde9.avif') type('image/avif') 1x, url('/img/themes/cairo/hero-1440-6fed1a5073.webp') type('image/webp') 1x);
  background-size: cover;
  background-position: 70% 50%;
  background-repeat: no-repeat;
  opacity: 0.55;
  -webkit-mask-image: linear-gradient(to left, #000 35%, transparent 80%);
          mask-image: linear-gradient(to left, #000 35%, transparent 80%);
}
body[data-template="cairo"][dir="rtl"] .tpl-cairo-hero::before {
  background-position: 30% 50%;
  -webkit-mask-image: linear-gradient(to right, #000 35%, transparent 80%);
          mask-image: linear-gradient(to right, #000 35%, transparent 80%);
}
body[data-template="cairo"] .tpl-cairo-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 14px;
  z-index: -1;
  pointer-events: none;
  background: url('/img/themes/cairo/divider-a-f00f4baf06.svg') center / 100% 100% no-repeat;
  opacity: 0.85;
}
@media (max-width: 767px) {
  body[data-template="cairo"] .tpl-cairo-hero::before {
    background-image: url('/img/themes/cairo/hero-mobile-54fec8dd33.webp');
  background-image: image-set(url('/img/themes/cairo/hero-mobile-0a71069226.avif') type('image/avif') 1x, url('/img/themes/cairo/hero-mobile-54fec8dd33.webp') type('image/webp') 1x);
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0.2;
    -webkit-mask-image: none;
            mask-image: none;
  }
  body[data-template="cairo"] .tpl-cairo-hero::after { background-image: url('/img/themes/cairo/divider-b-f7b304796f.svg'); height: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-template="cairo"] .tpl-cairo-hero::before { opacity: 0.5; }
}

/* horizon: painted hero backdrop + brush divider (generated) */
body[data-template="horizon"] .tpl-horizon-hero { isolation: isolate; }
body[data-template="horizon"] .tpl-horizon-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url('/img/themes/horizon/hero-2000-db3e02b7f5.webp');
  background-image: image-set(url('/img/themes/horizon/hero-2000-b5de0b85eb.avif') type('image/avif') 1x, url('/img/themes/horizon/hero-2000-db3e02b7f5.webp') type('image/webp') 1x);
  background-size: cover;
  background-position: 70% 50%;
  background-repeat: no-repeat;
  opacity: 0.55;
  -webkit-mask-image: linear-gradient(to left, #000 35%, transparent 80%);
          mask-image: linear-gradient(to left, #000 35%, transparent 80%);
}
body[data-template="horizon"][dir="rtl"] .tpl-horizon-hero::before {
  background-position: 30% 50%;
  -webkit-mask-image: linear-gradient(to right, #000 35%, transparent 80%);
          mask-image: linear-gradient(to right, #000 35%, transparent 80%);
}
body[data-template="horizon"] .tpl-horizon-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 14px;
  z-index: -1;
  pointer-events: none;
  background: url('/img/themes/horizon/divider-a-06ab401c14.svg') center / 100% 100% no-repeat;
  opacity: 0.85;
}
@media (max-width: 767px) {
  body[data-template="horizon"] .tpl-horizon-hero::before {
    background-image: url('/img/themes/horizon/hero-mobile-0437b4ba78.webp');
  background-image: image-set(url('/img/themes/horizon/hero-mobile-e5c7097fa9.avif') type('image/avif') 1x, url('/img/themes/horizon/hero-mobile-0437b4ba78.webp') type('image/webp') 1x);
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0.2;
    -webkit-mask-image: none;
            mask-image: none;
  }
  body[data-template="horizon"] .tpl-horizon-hero::after { background-image: url('/img/themes/horizon/divider-b-d2c7bb3dd7.svg'); height: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-template="horizon"] .tpl-horizon-hero::before { opacity: 0.5; }
}

/* nile: painted hero backdrop + brush divider (generated) */
body[data-template="nile"] .tpl-nile-hero { isolation: isolate; }
body[data-template="nile"] .tpl-nile-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url('/img/themes/nile/hero-1440-bad7f86d7e.webp');
  background-image: image-set(url('/img/themes/nile/hero-1440-34c387beee.avif') type('image/avif') 1x, url('/img/themes/nile/hero-1440-bad7f86d7e.webp') type('image/webp') 1x);
  background-size: cover;
  background-position: 70% 50%;
  background-repeat: no-repeat;
  opacity: 0.55;
  -webkit-mask-image: linear-gradient(to left, #000 35%, transparent 80%);
          mask-image: linear-gradient(to left, #000 35%, transparent 80%);
}
body[data-template="nile"][dir="rtl"] .tpl-nile-hero::before {
  background-position: 30% 50%;
  -webkit-mask-image: linear-gradient(to right, #000 35%, transparent 80%);
          mask-image: linear-gradient(to right, #000 35%, transparent 80%);
}
body[data-template="nile"] .tpl-nile-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 14px;
  z-index: -1;
  pointer-events: none;
  background: url('/img/themes/nile/divider-a-6f0862ce0b.svg') center / 100% 100% no-repeat;
  opacity: 0.85;
}
@media (max-width: 767px) {
  body[data-template="nile"] .tpl-nile-hero::before {
    background-image: url('/img/themes/nile/hero-mobile-00bae9e856.webp');
  background-image: image-set(url('/img/themes/nile/hero-mobile-d3d0f254a6.avif') type('image/avif') 1x, url('/img/themes/nile/hero-mobile-00bae9e856.webp') type('image/webp') 1x);
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0.2;
    -webkit-mask-image: none;
            mask-image: none;
  }
  body[data-template="nile"] .tpl-nile-hero::after { background-image: url('/img/themes/nile/divider-b-cffa65d88d.svg'); height: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-template="nile"] .tpl-nile-hero::before { opacity: 0.5; }
}

/* webacademy: painted hero backdrop + brush divider (generated) */
body[data-template="webacademy"] .wa-hero { isolation: isolate; }
body[data-template="webacademy"] .wa-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url('/img/themes/webacademy/hero-2000-9a8bcb1cfa.webp');
  background-image: image-set(url('/img/themes/webacademy/hero-2000-cf1a5d86ec.avif') type('image/avif') 1x, url('/img/themes/webacademy/hero-2000-9a8bcb1cfa.webp') type('image/webp') 1x);
  background-size: cover;
  background-position: 70% 50%;
  background-repeat: no-repeat;
  opacity: 0.30;
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, transparent 55%, #000 95%);
          mask-image: radial-gradient(ellipse at 50% 50%, transparent 55%, #000 95%);
}
body[data-template="webacademy"][dir="rtl"] .wa-hero::before {
  background-position: 30% 50%;
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, transparent 55%, #000 95%);
          mask-image: radial-gradient(ellipse at 50% 50%, transparent 55%, #000 95%);
}
body[data-template="webacademy"] .wa-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 14px;
  z-index: -1;
  pointer-events: none;
  background: url('/img/themes/webacademy/divider-a-42e1b5a084.svg') center / 100% 100% no-repeat;
  opacity: 0.85;
}
@media (max-width: 767px) {
  body[data-template="webacademy"] .wa-hero::before {
    background-image: url('/img/themes/webacademy/hero-mobile-6184bfe2a3.webp');
  background-image: image-set(url('/img/themes/webacademy/hero-mobile-4861a2f186.avif') type('image/avif') 1x, url('/img/themes/webacademy/hero-mobile-6184bfe2a3.webp') type('image/webp') 1x);
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0.08;
    -webkit-mask-image: none;
            mask-image: none;
  }
  body[data-template="webacademy"] .wa-hero::after { background-image: url('/img/themes/webacademy/divider-b-a0f0c2d81b.svg'); height: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-template="webacademy"] .wa-hero::before { opacity: 0.5; }
}