/* Shared childlike background details. Content stays above a quiet decorative layer. */
:where(
  .academy-teaser,
  .path,
  .coverage,
  .home-resources,
  .detail-section,
  .faq-page-section,
  .journey,
  .curriculum,
  .inperson,
  .career,
  .faq,
  .gallery,
  .reviews,
  .location,
  .free-transport
){
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

:where(
  .academy-teaser,
  .path,
  .coverage,
  .home-resources,
  .detail-section,
  .faq-page-section,
  .journey,
  .curriculum,
  .inperson,
  .career,
  .faq,
  .gallery,
  .reviews,
  .location,
  .free-transport
)::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-3%;
  pointer-events:none;
  background-image:url("assets/playful-doodles-v2.webp");
  background-repeat:no-repeat;
  background-position:center;
  background-size:min(1480px,108vw) auto;
  opacity:.065;
  mix-blend-mode:multiply;
}

:where(
  .academy-teaser,
  .path,
  .coverage,
  .home-resources,
  .detail-section,
  .faq-page-section,
  .journey,
  .curriculum,
  .inperson,
  .career,
  .faq,
  .gallery,
  .reviews,
  .location,
  .free-transport
)>*{
  position:relative;
  z-index:1;
}

.academy-teaser::before,
.detail-section::before,
.journey::before,
.gallery::before{
  background-position:center top;
  opacity:.075;
}

.curriculum::before,
.home-resources::before,
.faq-page-section::before,
.reviews::before{
  background-position:center bottom;
  transform:scaleX(-1);
}

.coverage::before,
.inperson::before,
.career::before,
.location::before{
  background-position:center 42%;
  opacity:.05;
}

@media(max-width:720px){
  :where(
    .academy-teaser,
    .path,
    .coverage,
    .home-resources,
    .detail-section,
    .faq-page-section,
    .journey,
    .curriculum,
    .inperson,
    .career,
    .faq,
    .gallery,
    .reviews,
    .location,
    .free-transport
  )::before{
    inset:0 -70%;
    background-size:1040px auto;
    opacity:.045;
  }
}

@media(prefers-contrast:more){
  :where(
    .academy-teaser,
    .path,
    .coverage,
    .home-resources,
    .detail-section,
    .faq-page-section,
    .journey,
    .curriculum,
    .inperson,
    .career,
    .faq,
    .gallery,
    .reviews,
    .location,
    .free-transport
  )::before{opacity:.025}
}

/* Keep the acrylic anniversary plaque centered without the former heart mark. */
.experience-seal{
  grid-template-columns:1fr;
  grid-template-rows:20px 1fr;
  padding-right:14px;
  padding-left:14px;
  text-align:center;
}

.experience-seal small,
.experience-seal strong{grid-column:1}

.experience-seal small{grid-row:1}
.experience-seal strong{grid-row:2}