/**
 * Bright Dreamers — mobile chrome + hero (loaded AFTER style.css).
 * Forces phone/tablet layout: hamburger header, full-width hero stack.
 */

/* -------------------------------------------------------------------------- */
/* ≤1200px — tablet + phone header                                            */
/* -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  .site-header,
  .site-header .site-container,
  .site-header__inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .site-header,
  .site-header .site-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .site-header__inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-top: 0 !important;
    padding: 30px 16px 0 !important;
    min-height: 0 !important;
  }

  /* Hide desktop nav completely */
  .site-header .site-nav,
  .site-header nav.site-nav,
  .site-nav,
  .site-nav__list,
  .site-nav__item,
  .site-nav .nav-link {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  .site-header__logo {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 150px) !important;
    margin: 0 !important;
  }

  .site-header__logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: 56px !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }

  /* Donate only (hide Apply) */
  .site-header__actions {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  .site-header__actions .btn--solid {
    display: none !important;
  }

  .site-header__actions .btn--outline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    padding: 0.38rem 0.85rem !important;
    font-size: 0.82rem !important;
    white-space: nowrap !important;
  }

  .menu-toggle {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 8px !important;
  }

  /* Announce bar: don’t overflow */
  .announce-bar__inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .announce-bar__text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  /* Mobile: hide announce-bar social icons */
  .announce-bar__social,
  html body .announce-bar .announce-bar__social {
    display: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤1200px — hero stack (match hamburger header; do not leave 40/60 on tablet) */
/* -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  /* Single-column hero — never max-content / 40-60 grid while nav is collapsed */
  .page-hero .page-hero__inner,
  #main-content > section.page-hero .page-hero__inner,
  .page-hero__inner--layout-40-60,
  .home-hero .page-hero__inner,
  .about-hero .page-hero__inner,
  .vision-hero .page-hero__inner,
  .for-parents-hero .page-hero__inner,
  .contact-hero .page-hero__inner,
  .get-involved-hero .page-hero__inner,
  .explore-hero .page-hero__inner,
  .partners-hero .page-hero__inner,
  .creative-makers-hero .page-hero__inner,
  .young-ideas-lab-hero .page-hero__inner,
  .create-for-cause-hero .page-hero__inner,
  .community-adventures-hero .page-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: none !important;
    gap: 1rem !important;
    column-gap: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* About: kill 16px (1rem) stack gap — match Home tight stack */
  body.about-page #main-content > section.page-hero.about-hero .page-hero__inner,
  body.about-page .page-hero.about-hero .page-hero__inner,
  .about-page #main-content > section.page-hero.about-hero .page-hero__inner,
  .about-page .page-hero.about-hero .page-hero__inner,
  .about-page .about-hero .page-hero__inner,
  #main-content > section.page-hero.about-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
  }

  .page-hero .page-hero__content {
    display: contents !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤1023px — full-width page + remaining hero chrome                          */
/* -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
  html,
  body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  :root {
    --container-padding: 16px;
  }

  #page,
  #main-content,
  main,
  .site-footer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .site-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-left: var(--container-padding) !important;
    padding-right: var(--container-padding) !important;
  }

  .page-hero .hero-label,
  .page-hero .hero-headline,
  .page-hero .home-hero__tagline,
  .page-hero .hero-copy,
  .page-hero .page-hero__extra {
    order: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }

  .page-hero .about-hero__media,
  .page-hero .hero-image-wrap,
  .page-hero [class*='-hero__media'] {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .page-hero .page-hero__actions,
  .page-hero .hero-ctas {
    order: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 0.75rem !important;
  }

  .page-hero .page-hero__actions .btn,
  .page-hero .hero-ctas .btn {
    width: 100% !important;
  }

  .page-hero img[class*='__banner'],
  .page-hero .about-hero__banner,
  .page-hero .explore-hero__banner,
  .page-hero .creative-makers-hero__banner,
  .page-hero .lazy-img-wrap,
  .page-hero picture {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }

  /* Home: real title + star + tagline (not lockup PNG) */
  .home-page .page-hero.home-welcome-hero .home-hero__mobile-logo {
    display: none !important;
  }

  .home-page .page-hero.home-welcome-hero .hero-headline,
  .home-page .page-hero.home-welcome-hero .home-hero__title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    font-size: 32px !important;
    line-height: 0.92 !important;
  }

  .home-page .page-hero.home-welcome-hero .home-hero__title-line {
    display: inline-flex !important;
  }

  .home-page .page-hero.home-welcome-hero .home-hero__title-star {
    display: block !important;
    width: 0.38em !important;
    height: 0.38em !important;
    color: #f5b400 !important;
  }

  .home-page .page-hero.home-welcome-hero .home-hero__tagline {
    display: flex !important;
    flex-wrap: wrap !important;
    font-size: 1rem !important;
  }

  .home-page .page-hero.home-welcome-hero .home-hero__copy-break {
    display: none !important;
  }

  #main-content > section,
  #main-content > section > .site-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤767px — mobile footer only (design: centered brand + accordion + legal)   */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .site-footer {
    width: 100% !important;
    max-width: 100% !important;
    background: var(--footer-bg, #fff0f6) !important;
  }

  .site-footer__edge {
    display: block !important;
    width: 100% !important;
    height: 12px !important;
    background: var(--footer-bg, #fff0f6) !important;
  }

  .site-footer__main {
    width: 100% !important;
    max-width: 100% !important;
    background: var(--footer-bg, #fff0f6) !important;
    padding: 28px 0 0 !important;
    box-sizing: border-box !important;
  }

  /* Hide desktop multi-column footer on phones only */
  .site-footer__main > .site-container.site-footer__grid,
  .site-footer .site-footer__grid {
    display: none !important;
  }

  .site-footer__mobile {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
    box-sizing: border-box !important;
  }

  .footer-m-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    padding: 0 20px 24px !important;
  }

  .footer-m-brand__logo {
    display: block !important;
    margin: 0 auto 0.85rem !important;
  }

  .footer-m-brand__logo img {
    display: block !important;
    width: min(100%, 210px) !important;
    height: auto !important;
    margin-inline: auto !important;
    object-fit: contain !important;
  }

  .footer-m-brand__mission {
    margin: 0 0 1rem !important;
    max-width: 22rem !important;
    font-family: var(--font-body) !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
    color: var(--color-navy) !important;
    text-align: center !important;
  }

  .footer-m-brand__social {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer-m-brand__social .social-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background-color: var(--color-pink) !important;
    color: #fff !important;
  }

  /* Full-bleed accordion hairlines; text inset */
  .footer-acc {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    border-top: 1px solid rgba(0, 27, 102, 0.12) !important;
  }

  .footer-acc__item {
    width: 100% !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 27, 102, 0.12) !important;
    background: transparent !important;
  }

  .footer-acc__trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 20px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--color-navy) !important;
    font-family: var(--font-heading) !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    cursor: pointer !important;
  }

  .footer-acc__label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
  }

  .footer-acc__label-heart {
    color: var(--color-pink) !important;
  }

  .footer-acc__toggle {
    flex-shrink: 0 !important;
    font-size: 1.35rem !important;
    font-weight: 400 !important;
    color: var(--color-navy) !important;
  }

  .footer-acc__panel {
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }

  .footer-acc__links {
    width: 100% !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 16px !important;
  }

  /* Legal strip — centered, heart on its own row */
  .site-footer__legal {
    width: 100% !important;
    max-width: 100% !important;
    background: var(--footer-bg, #fff0f6) !important;
  }

  .site-footer__legal > .site-container.site-footer__legal-inner,
  .site-footer__legal-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0.45rem !important;
    padding: 16px 20px 22px !important;
    box-sizing: border-box !important;
  }

  .site-footer__legal-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.25rem !important;
  }

  .site-footer__initiative,
  .site-footer__legal-sep--lead {
    display: none !important;
  }

  .site-footer__legal-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem 0.5rem !important;
  }

  .site-footer__legal-nav .site-footer__legal-sep,
  .site-footer__legal-sep--heart,
  .site-footer__legal-sep--trail {
    display: inline !important;
  }

  .site-footer__legal-heart {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0.35rem 0 0 !important;
    color: var(--color-pink) !important;
  }

  .site-footer__copyright,
  .site-footer__legal-link {
    font-size: 0.82rem !important;
    color: var(--color-navy) !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤767px — About banner = Home banner (sizes + gaps)                         */
/* Loads after style.css so these win on live.                                */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.about-page #main-content > section.page-hero.about-hero,
  body.about-page .page-hero.about-hero,
  .about-page #main-content > section.page-hero.about-hero,
  .about-page .page-hero.about-hero {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  body.about-page .page-hero.about-hero .page-hero__inner,
  .about-page #main-content > section.page-hero.about-hero .page-hero__inner,
  .about-page .page-hero.about-hero .page-hero__inner,
  .about-page .about-hero .page-hero__inner,
  #main-content > section.page-hero.about-hero .page-hero__inner,
  #main-content > section.about-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.about-page .page-hero.about-hero .page-hero__content,
  .about-page .page-hero.about-hero .page-hero__content {
    display: contents !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.about-page .page-hero.about-hero .hero-label,
  body.about-page .page-hero.about-hero .hero-headline,
  body.about-page .page-hero.about-hero .hero-copy,
  body.about-page .page-hero.about-hero .about-hero__media,
  body.about-page .page-hero.about-hero .hero-image-wrap,
  body.about-page .page-hero.about-hero .page-hero__actions,
  body.about-page .page-hero.about-hero .hero-ctas,
  .about-page #main-content > section.page-hero.about-hero .hero-label,
  .about-page #main-content > section.page-hero.about-hero .hero-headline,
  .about-page #main-content > section.page-hero.about-hero .hero-copy,
  .about-page #main-content > section.page-hero.about-hero .about-hero__media,
  .about-page #main-content > section.page-hero.about-hero .page-hero__actions,
  .about-page .page-hero.about-hero .hero-label,
  .about-page .page-hero.about-hero .hero-headline,
  .about-page .page-hero.about-hero .hero-copy,
  .about-page .page-hero.about-hero .about-hero__media,
  .about-page .page-hero.about-hero .page-hero__actions,
  .about-page .page-hero.about-hero .hero-ctas {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.about-page .page-hero.about-hero .hero-label,
  .about-page #main-content > section.page-hero.about-hero .hero-label,
  .about-page .page-hero.about-hero .hero-label {
    order: 1 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 16px !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.14em !important;
    line-height: 1.3 !important;
  }

  body.about-page .page-hero.about-hero .hero-label::before,
  body.about-page .page-hero.about-hero .hero-label::after,
  .about-page #main-content > section.page-hero.about-hero .hero-label::before,
  .about-page #main-content > section.page-hero.about-hero .hero-label::after,
  .about-page .page-hero.about-hero .hero-label::before,
  .about-page .page-hero.about-hero .hero-label::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }

  body.about-page .page-hero.about-hero .hero-headline,
  .about-page #main-content > section.page-hero.about-hero .hero-headline,
  .about-page .page-hero.about-hero .hero-headline {
    order: 2 !important;
    padding-left: 20px !important;
    padding-right: 16px !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.02em !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  body.about-page .page-hero.about-hero .hero-headline .about-hero__title-line,
  body.about-page .page-hero.about-hero .hero-headline .about-hero__title-line--navy,
  body.about-page .page-hero.about-hero .hero-headline .about-hero__title-line--pink,
  .about-page .page-hero.about-hero .hero-headline .about-hero__title-line,
  .about-page .page-hero.about-hero .hero-headline .about-hero__title-line--navy,
  .about-page .page-hero.about-hero .hero-headline .about-hero__title-line--pink {
    display: block !important;
    white-space: normal !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.about-page .page-hero.about-hero .about-hero__title-break,
  .about-page .page-hero.about-hero .about-hero__title-break {
    display: block !important;
  }

  body.about-page .page-hero.about-hero .hero-copy,
  .about-page #main-content > section.page-hero.about-hero .hero-copy,
  .about-page .page-hero.about-hero .hero-copy {
    order: 3 !important;
    padding-left: 20px !important;
    padding-right: 16px !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    max-width: 100% !important;
  }

  body.about-page .page-hero.about-hero .about-hero__media,
  body.about-page .page-hero.about-hero .hero-image-wrap,
  .about-page #main-content > section.page-hero.about-hero .about-hero__media,
  .about-page .page-hero.about-hero .about-hero__media {
    order: 4 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  body.about-page .page-hero.about-hero .about-hero__banner,
  .about-page .page-hero.about-hero .about-hero__banner,
  .about-page .page-hero.about-hero picture img.about-hero__banner {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  body.about-page .page-hero.about-hero .page-hero__actions,
  body.about-page .page-hero.about-hero .hero-ctas,
  .about-page #main-content > section.page-hero.about-hero .page-hero__actions,
  .about-page .page-hero.about-hero .page-hero__actions,
  .about-page .page-hero.about-hero .hero-ctas {
    order: 5 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 0.75rem !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  body.about-page .page-hero.about-hero .page-hero__actions .btn--solid,
  .about-page .page-hero.about-hero .page-hero__actions .btn--solid,
  .about-page .page-hero.about-hero .hero-ctas .btn--solid {
    font-size: 12.5px !important;
    padding: 0.85rem 0.45rem !important;
    white-space: normal !important;
  }

  body.about-page .page-hero.about-hero .page-hero__actions .btn--outline,
  .about-page .page-hero.about-hero .page-hero__actions .btn--outline,
  .about-page .page-hero.about-hero .hero-ctas .btn--outline {
    font-size: 16px !important;
    padding: 0.85rem 1rem !important;
    white-space: normal !important;
  }

  body.about-page .page-hero.about-hero .about-hero__deco,
  .about-page .page-hero.about-hero .about-hero__deco {
    display: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤767px — Explore banner: heading 32px, image 100% width                    */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.explore-page #main-content > section.page-hero.explore-hero .hero-headline,
  body.explore-page .page-hero.explore-hero .hero-headline,
  .explore-page #main-content > section.page-hero.explore-hero .hero-headline,
  .explore-page .page-hero.explore-hero .hero-headline,
  #main-content > section.page-hero.explore-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.2 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.explore-page .page-hero.explore-hero .hero-headline .explore-hero__title-line,
  body.explore-page .page-hero.explore-hero .hero-headline .explore-hero__title-line--navy,
  body.explore-page .page-hero.explore-hero .hero-headline .explore-hero__title-line--pink,
  .explore-page .page-hero.explore-hero .hero-headline .explore-hero__title-line,
  .explore-page .page-hero.explore-hero .hero-headline .explore-hero__title-line--navy,
  .explore-page .page-hero.explore-hero .hero-headline .explore-hero__title-line--pink {
    font-size: 32px !important;
  }

  body.explore-page #main-content > section.page-hero.explore-hero .explore-hero__media,
  body.explore-page .page-hero.explore-hero .explore-hero__media,
  body.explore-page .page-hero.explore-hero .hero-image-wrap,
  .explore-page #main-content > section.page-hero.explore-hero .explore-hero__media,
  .explore-page .page-hero.explore-hero .explore-hero__media,
  .explore-page .page-hero.explore-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.explore-page .page-hero.explore-hero .explore-hero__media .lazy-img-wrap,
  body.explore-page .page-hero.explore-hero .explore-hero__media picture,
  .explore-page .page-hero.explore-hero .explore-hero__media .lazy-img-wrap,
  .explore-page .page-hero.explore-hero .explore-hero__media picture {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.explore-page .page-hero.explore-hero .explore-hero__banner,
  body.explore-page .page-hero.explore-hero picture img.explore-hero__banner,
  .explore-page #main-content > section.page-hero.explore-hero .explore-hero__banner,
  .explore-page .page-hero.explore-hero .explore-hero__banner,
  .explore-page .page-hero.explore-hero picture img.explore-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤767px — Explore ways: remove gaps between title / heart / Create / image  */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .explore-page .explore-ways.section-padding,
  .explore-page #explore-content > .explore-ways {
    padding-top: 0 !important;
  }

  .explore-page .explore-ways__title,
  .explore-page #explore-content .explore-ways__title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  .explore-page .explore-ways__title-icon,
  .explore-page #explore-content .explore-ways__title-icon {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .explore-page .explore-ways .bdc-carousel-shell--arrows,
  .explore-page .explore-ways .site-container > .bdc-carousel-shell--arrows {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .explore-page .explore-way,
  .explore-page .explore-ways__grid .explore-way {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .explore-page .explore-way__head,
  .explore-page .explore-ways__grid .explore-way__head {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    gap: 0.35rem !important;
  }

  .explore-page .explore-way-card,
  .explore-page .explore-ways__grid .explore-way-card {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .explore-page .explore-way-card > .lazy-img-wrap--cover,
  .explore-page .explore-way-card__photo {
    margin-top: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤767px — For Parents banner: heading 32px, image 100%, top 4px            */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.for-parents-page #main-content > section.page-hero.for-parents-hero,
  body.for-parents-page .page-hero.for-parents-hero,
  .for-parents-page #main-content > section.page-hero.for-parents-hero,
  .for-parents-page .page-hero.for-parents-hero {
    padding-top: 0 !important;
    padding-bottom: 24px !important;
  }

  body.for-parents-page #main-content > section.page-hero.for-parents-hero .hero-headline,
  body.for-parents-page .page-hero.for-parents-hero .hero-headline,
  .for-parents-page #main-content > section.page-hero.for-parents-hero .hero-headline,
  .for-parents-page .page-hero.for-parents-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  body.for-parents-page .page-hero.for-parents-hero .hero-headline .for-parents-hero__title-line,
  body.for-parents-page .page-hero.for-parents-hero .hero-headline .for-parents-hero__title-line--pink,
  body.for-parents-page .page-hero.for-parents-hero .hero-headline .for-parents-hero__title-line--navy,
  .for-parents-page .page-hero.for-parents-hero .hero-headline .for-parents-hero__title-line,
  .for-parents-page .page-hero.for-parents-hero .hero-headline .for-parents-hero__title-line--pink,
  .for-parents-page .page-hero.for-parents-hero .hero-headline .for-parents-hero__title-line--navy {
    font-size: 32px !important;
  }

  body.for-parents-page #main-content > section.page-hero.for-parents-hero .about-hero__media,
  body.for-parents-page .page-hero.for-parents-hero .about-hero__media,
  body.for-parents-page .page-hero.for-parents-hero .hero-image-wrap,
  .for-parents-page #main-content > section.page-hero.for-parents-hero .about-hero__media,
  .for-parents-page .page-hero.for-parents-hero .about-hero__media,
  .for-parents-page .page-hero.for-parents-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 4px !important;
    padding: 0 !important;
  }

  body.for-parents-page .page-hero.for-parents-hero .about-hero__media .lazy-img-wrap,
  body.for-parents-page .page-hero.for-parents-hero .about-hero__media picture,
  .for-parents-page .page-hero.for-parents-hero .about-hero__media .lazy-img-wrap,
  .for-parents-page .page-hero.for-parents-hero .about-hero__media picture {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.for-parents-page .page-hero.for-parents-hero .about-hero__banner,
  body.for-parents-page .page-hero.for-parents-hero picture img.about-hero__banner,
  .for-parents-page #main-content > section.page-hero.for-parents-hero .about-hero__banner,
  .for-parents-page .page-hero.for-parents-hero .about-hero__banner,
  .for-parents-page .page-hero.for-parents-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤768px — Our Vision banner: heading 32px, checklist MB 15px, image 100%/0 */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.our-vision-page #main-content > section.page-hero.vision-hero .hero-headline,
  body.our-vision-page .page-hero.vision-hero .hero-headline,
  .our-vision-page #main-content > section.page-hero.vision-hero .hero-headline,
  .our-vision-page .page-hero.vision-hero .hero-headline {
    font-size: 25px !important;
    line-height: 1.15 !important;
    max-width: 100% !important;
  }

  body.our-vision-page .page-hero.vision-hero .vision-hero__title-line,
  body.our-vision-page .page-hero.vision-hero .vision-hero__title-line--navy,
  body.our-vision-page .page-hero.vision-hero .vision-hero__title-line--pink,
  .our-vision-page .page-hero.vision-hero .vision-hero__title-line,
  .our-vision-page .page-hero.vision-hero .vision-hero__title-line--navy,
  .our-vision-page .page-hero.vision-hero .vision-hero__title-line--pink {
    font-size: 25px !important;
    line-height: 1.15 !important;
  }

  body.our-vision-page #main-content .page-hero.vision-hero .page-hero__extra .vision-hero__list,
  body.our-vision-page #main-content .page-hero.vision-hero .vision-hero__list,
  body.our-vision-page .page-hero.vision-hero .vision-hero__list,
  body.our-vision-page .page-hero.vision-hero .page-hero__extra .vision-hero__list,
  .our-vision-page #main-content .page-hero.vision-hero .page-hero__extra .vision-hero__list,
  .our-vision-page #main-content .page-hero.vision-hero .vision-hero__list,
  .our-vision-page .page-hero.vision-hero .vision-hero__list,
  .our-vision-page .page-hero.vision-hero .page-hero__extra .vision-hero__list {
    gap: 6px !important;
    row-gap: 6px !important;
    margin: 18px 0 0 !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
  }

  body.our-vision-page .page-hero.vision-hero .page-hero__extra,
  .our-vision-page .page-hero.vision-hero .page-hero__extra {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }

  body.our-vision-page #main-content .page-hero.vision-hero .page-hero__extra .vision-hero__list li,
  body.our-vision-page .page-hero.vision-hero .vision-hero__list li,
  body.our-vision-page .page-hero.vision-hero .page-hero__extra .vision-hero__list li,
  .our-vision-page #main-content .page-hero.vision-hero .page-hero__extra .vision-hero__list li,
  .our-vision-page .page-hero.vision-hero .vision-hero__list li,
  .our-vision-page .page-hero.vision-hero .page-hero__extra .vision-hero__list li {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.our-vision-page #main-content > section.page-hero.vision-hero .about-hero__media,
  body.our-vision-page .page-hero.vision-hero .about-hero__media,
  body.our-vision-page .page-hero.vision-hero .hero-image-wrap,
  .our-vision-page #main-content > section.page-hero.vision-hero .about-hero__media,
  .our-vision-page .page-hero.vision-hero .about-hero__media,
  .our-vision-page .page-hero.vision-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  body.our-vision-page .page-hero.vision-hero .about-hero__banner,
  body.our-vision-page .page-hero.vision-hero picture img.about-hero__banner,
  .our-vision-page .page-hero.vision-hero .about-hero__banner,
  .our-vision-page .page-hero.vision-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤767px — Get Involved: heading 32px, top 30px, image 100%                  */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.get-involved-page #main-content > section.page-hero.get-involved-hero .hero-headline,
  body.get-involved-page .page-hero.get-involved-hero .hero-headline,
  .get-involved-page #main-content > section.page-hero.get-involved-hero .hero-headline,
  .get-involved-page .page-hero.get-involved-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.15 !important;
    margin-top: 30px !important;
    max-width: 100% !important;
    width: 100% !important;
    white-space: normal !important;
  }

  body.get-involved-page .page-hero.get-involved-hero .hero-headline .get-involved-hero__title-line,
  body.get-involved-page .page-hero.get-involved-hero .get-involved-hero__title-line--navy,
  body.get-involved-page .page-hero.get-involved-hero .get-involved-hero__title-line--pink,
  .get-involved-page .page-hero.get-involved-hero .hero-headline .get-involved-hero__title-line,
  .get-involved-page .page-hero.get-involved-hero .get-involved-hero__title-line--navy,
  .get-involved-page .page-hero.get-involved-hero .get-involved-hero__title-line--pink {
    font-size: 32px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  body.get-involved-page #main-content > section.page-hero.get-involved-hero .about-hero__media,
  body.get-involved-page .page-hero.get-involved-hero .about-hero__media,
  body.get-involved-page .page-hero.get-involved-hero .hero-image-wrap,
  .get-involved-page #main-content > section.page-hero.get-involved-hero .about-hero__media,
  .get-involved-page .page-hero.get-involved-hero .about-hero__media,
  .get-involved-page .page-hero.get-involved-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  body.get-involved-page .page-hero.get-involved-hero .about-hero__media .lazy-img-wrap,
  body.get-involved-page .page-hero.get-involved-hero .about-hero__media picture,
  .get-involved-page .page-hero.get-involved-hero .about-hero__media .lazy-img-wrap,
  .get-involved-page .page-hero.get-involved-hero .about-hero__media picture {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.get-involved-page .page-hero.get-involved-hero .about-hero__banner,
  body.get-involved-page .page-hero.get-involved-hero picture img.about-hero__banner,
  .get-involved-page #main-content > section.page-hero.get-involved-hero .about-hero__banner,
  .get-involved-page .page-hero.get-involved-hero .about-hero__banner,
  .get-involved-page .page-hero.get-involved-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤767px — Partners: eyebrow 30px top, heading 32px, gaps 0, image 100%     */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.partners-page .page-hero.partners-hero .page-hero__inner,
  .partners-page #main-content > section.page-hero.partners-hero .page-hero__inner,
  .partners-page .page-hero.partners-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.partners-page .page-hero.partners-hero .hero-label,
  .partners-page #main-content > section.page-hero.partners-hero .hero-label,
  .partners-page .page-hero.partners-hero .hero-label {
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.partners-page .page-hero.partners-hero .hero-headline,
  .partners-page #main-content > section.page-hero.partners-hero .hero-headline,
  .partners-page .page-hero.partners-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.partners-page .page-hero.partners-hero .hero-headline .vision-hero__title-line,
  body.partners-page .page-hero.partners-hero .hero-headline .vision-hero__title-line--navy,
  body.partners-page .page-hero.partners-hero .hero-headline .vision-hero__title-line--pink,
  .partners-page .page-hero.partners-hero .hero-headline .vision-hero__title-line,
  .partners-page .page-hero.partners-hero .hero-headline .vision-hero__title-line--navy,
  .partners-page .page-hero.partners-hero .hero-headline .vision-hero__title-line--pink {
    font-size: 32px !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
  }

  body.partners-page .page-hero.partners-hero .hero-copy,
  .partners-page #main-content > section.page-hero.partners-hero .hero-copy,
  .partners-page .page-hero.partners-hero .hero-copy {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.partners-page #main-content > section.page-hero.partners-hero .about-hero__media,
  body.partners-page .page-hero.partners-hero .about-hero__media,
  body.partners-page .page-hero.partners-hero .hero-image-wrap,
  .partners-page #main-content > section.page-hero.partners-hero .about-hero__media,
  .partners-page .page-hero.partners-hero .about-hero__media,
  .partners-page .page-hero.partners-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  body.partners-page .page-hero.partners-hero .about-hero__banner,
  body.partners-page .page-hero.partners-hero picture img.about-hero__banner,
  .partners-page .page-hero.partners-hero .about-hero__banner,
  .partners-page .page-hero.partners-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  body.partners-page .page-hero.partners-hero .page-hero__actions,
  body.partners-page .page-hero.partners-hero .hero-ctas,
  .partners-page .page-hero.partners-hero .page-hero__actions,
  .partners-page .page-hero.partners-hero .hero-ctas {
    margin-top: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤767px — Contact: eyebrow 30px top, hide line, heading 32px, gaps 0, 100% */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.contact-page .page-hero.contact-hero .page-hero__inner,
  .contact-page #main-content > section.page-hero.contact-hero .page-hero__inner,
  .contact-page .page-hero.contact-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.contact-page .page-hero.contact-hero .hero-label,
  body.contact-page .page-hero.about-hero.contact-hero .hero-label,
  .contact-page #main-content > section.page-hero.contact-hero .hero-label,
  .contact-page .page-hero.contact-hero .hero-label {
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.contact-page .page-hero.contact-hero .hero-label::after,
  body.contact-page .page-hero.about-hero.contact-hero .hero-label::after,
  body.contact-page .page-hero.about-hero .hero-label::after,
  .contact-page .page-hero.contact-hero .hero-label::after,
  .contact-page .page-hero.about-hero .hero-label::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }

  body.contact-page .page-hero.contact-hero .hero-headline,
  .contact-page #main-content > section.page-hero.contact-hero .hero-headline,
  .contact-page .page-hero.contact-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.contact-page .page-hero.contact-hero .hero-headline .contact-hero__title-line,
  body.contact-page .page-hero.contact-hero .hero-headline .contact-hero__title-line--navy,
  body.contact-page .page-hero.contact-hero .hero-headline .contact-hero__title-line--pink,
  .contact-page .page-hero.contact-hero .hero-headline .contact-hero__title-line,
  .contact-page .page-hero.contact-hero .hero-headline .contact-hero__title-line--navy,
  .contact-page .page-hero.contact-hero .hero-headline .contact-hero__title-line--pink {
    font-size: 32px !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
  }

  body.contact-page .page-hero.contact-hero .hero-copy,
  .contact-page #main-content > section.page-hero.contact-hero .hero-copy,
  .contact-page .page-hero.contact-hero .hero-copy {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.contact-page #main-content > section.page-hero.contact-hero .about-hero__media,
  body.contact-page .page-hero.contact-hero .about-hero__media,
  body.contact-page .page-hero.contact-hero .hero-image-wrap,
  .contact-page #main-content > section.page-hero.contact-hero .about-hero__media,
  .contact-page .page-hero.contact-hero .about-hero__media,
  .contact-page .page-hero.contact-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  body.contact-page .page-hero.contact-hero .about-hero__banner,
  body.contact-page .page-hero.contact-hero picture img.about-hero__banner,
  .contact-page .page-hero.contact-hero .about-hero__banner,
  .contact-page .page-hero.contact-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  body.contact-page .page-hero.contact-hero .page-hero__actions,
  body.contact-page .page-hero.contact-hero .hero-ctas,
  .contact-page .page-hero.contact-hero .page-hero__actions,
  .contact-page .page-hero.contact-hero .hero-ctas {
    margin-top: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤767px — Donate: heading 32px + top 30px, image 100%                       */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.donation-interest-page .page-hero.donation-hero .page-hero__inner,
  body.donation-interest-page .page-hero.apply-hero.donation-hero .page-hero__inner,
  .donation-interest-page #main-content > section.page-hero.donation-hero .page-hero__inner,
  .donation-interest-page .page-hero.apply-hero.donation-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.donation-interest-page .page-hero.donation-hero .hero-headline,
  body.donation-interest-page .page-hero.apply-hero.donation-hero .hero-headline,
  body.donation-interest-page .page-hero.donation-hero .donation-hero__title,
  body.donation-interest-page .page-hero.donation-hero .apply-hero__title,
  .donation-interest-page #main-content > section.page-hero.donation-hero .hero-headline,
  .donation-interest-page .page-hero.apply-hero.donation-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.donation-interest-page .page-hero.donation-hero .hero-headline .apply-hero__title-line,
  body.donation-interest-page .page-hero.donation-hero .apply-hero__title-line--pink,
  body.donation-interest-page .page-hero.donation-hero .apply-hero__title-line--navy,
  body.donation-interest-page .donation-hero__title .apply-hero__title-line--pink,
  body.donation-interest-page .donation-hero__title .apply-hero__title-line--navy,
  .donation-interest-page .page-hero.donation-hero .apply-hero__title-line--pink,
  .donation-interest-page .page-hero.donation-hero .apply-hero__title-line--navy {
    display: block !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
  }

  body.donation-interest-page #main-content > section.page-hero.donation-hero .about-hero__media,
  body.donation-interest-page .page-hero.donation-hero .about-hero__media,
  body.donation-interest-page .page-hero.donation-hero .hero-image-wrap,
  .donation-interest-page #main-content > section.page-hero.apply-hero.donation-hero .about-hero__media,
  .donation-interest-page .page-hero.apply-hero.donation-hero .about-hero__media,
  .donation-interest-page .page-hero.apply-hero.donation-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  body.donation-interest-page .page-hero.donation-hero .about-hero__banner,
  body.donation-interest-page .page-hero.donation-hero .apply-hero__banner,
  body.donation-interest-page .page-hero.donation-hero picture img.about-hero__banner,
  .donation-interest-page .page-hero.apply-hero.donation-hero .about-hero__banner,
  .donation-interest-page .page-hero.apply-hero.donation-hero .apply-hero__banner,
  .donation-interest-page .page-hero.apply-hero.donation-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤767px — Home: eyebrow top margin 30px                                     */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  #main-content section.page-hero.home-hero.home-welcome-hero,
  .home-page #main-content > section.page-hero.home-welcome-hero,
  .home-page .page-hero.home-welcome-hero {
    padding-top: 0 !important;
  }

  body.home-page .page-hero.home-welcome-hero .hero-label,
  body.home-page .page-hero.home-hero .hero-label,
  .home-page #main-content > section.page-hero.home-welcome-hero .hero-label,
  .home-page .page-hero.home-welcome-hero .hero-label,
  .home-page #main-content > section.page-hero.home-hero .hero-label,
  .home-page .page-hero.home-hero .hero-label {
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Apply page mobile: heading 32px + top 30px, image 100% + top 5px           */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero .page-hero__inner,
  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) #main-content > section.page-hero.apply-hero .page-hero__inner,
  #main-content > section.page-hero.apply-hero.about-hero:not(.donation-hero):not(.volunteer-hero):not(.partner-inquiry-hero) .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero .hero-headline,
  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero .apply-hero__title,
  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) #main-content > section.page-hero.apply-hero .hero-headline,
  #main-content > section.page-hero.apply-hero.about-hero:not(.donation-hero):not(.volunteer-hero):not(.partner-inquiry-hero) .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero .apply-hero__title-line,
  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero .apply-hero__title-line--pink,
  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero .apply-hero__title-line--navy,
  #main-content > section.page-hero.apply-hero.about-hero:not(.donation-hero):not(.volunteer-hero):not(.partner-inquiry-hero) .apply-hero__title-line--pink,
  #main-content > section.page-hero.apply-hero.about-hero:not(.donation-hero):not(.volunteer-hero):not(.partner-inquiry-hero) .apply-hero__title-line--navy {
    display: block !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
  }

  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) #main-content > section.page-hero.apply-hero .about-hero__media,
  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero .about-hero__media,
  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero .hero-image-wrap,
  #main-content > section.page-hero.apply-hero.about-hero:not(.donation-hero):not(.volunteer-hero):not(.partner-inquiry-hero) .about-hero__media,
  #main-content > section.page-hero.apply-hero.about-hero:not(.donation-hero):not(.volunteer-hero):not(.partner-inquiry-hero) .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 5px 0 0 !important;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero .about-hero__banner,
  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero .apply-hero__banner,
  body.apply-to-become-page:not(.donation-interest-page):not(.volunteer-application-page):not(.partner-inquiry-page) .page-hero.apply-hero picture img.about-hero__banner,
  #main-content > section.page-hero.apply-hero.about-hero:not(.donation-hero):not(.volunteer-hero):not(.partner-inquiry-hero) .about-hero__banner,
  #main-content > section.page-hero.apply-hero.about-hero:not(.donation-hero):not(.volunteer-hero):not(.partner-inquiry-hero) .apply-hero__banner,
  #main-content > section.page-hero.apply-hero.about-hero:not(.donation-hero):not(.volunteer-hero):not(.partner-inquiry-hero) picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
  }
}


/* -------------------------------------------------------------------------- */
/* ≤767px — About FINAL: eyebrow 30px, gaps 0, heading 32px, image 100%/0     */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.about-page .page-hero.about-hero .page-hero__inner,
  .about-page #main-content > section.page-hero.about-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.about-page .page-hero.about-hero .hero-label,
  .about-page #main-content > section.page-hero.about-hero .hero-label,
  .about-page .page-hero.about-hero .hero-label {
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.about-page .page-hero.about-hero .hero-label::before,
  body.about-page .page-hero.about-hero .hero-label::after,
  .about-page .page-hero.about-hero .hero-label::before,
  .about-page .page-hero.about-hero .hero-label::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    background: none !important;
  }

  body.about-page .page-hero.about-hero .hero-headline,
  .about-page #main-content > section.page-hero.about-hero .hero-headline,
  .about-page .page-hero.about-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.about-page .page-hero.about-hero .hero-headline .about-hero__title-line,
  body.about-page .page-hero.about-hero .hero-headline .about-hero__title-line--navy,
  body.about-page .page-hero.about-hero .hero-headline .about-hero__title-line--pink,
  .about-page .page-hero.about-hero .about-hero__title-line,
  .about-page .page-hero.about-hero .about-hero__title-line--navy,
  .about-page .page-hero.about-hero .about-hero__title-line--pink {
    font-size: 32px !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
  }

  body.about-page .page-hero.about-hero .hero-copy,
  .about-page #main-content > section.page-hero.about-hero .hero-copy,
  .about-page .page-hero.about-hero .hero-copy {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.about-page #main-content > section.page-hero.about-hero .about-hero__media,
  body.about-page .page-hero.about-hero .about-hero__media,
  body.about-page .page-hero.about-hero .hero-image-wrap,
  .about-page #main-content > section.page-hero.about-hero .about-hero__media,
  .about-page .page-hero.about-hero .about-hero__media,
  .about-page .page-hero.about-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  body.about-page .page-hero.about-hero .about-hero__banner,
  body.about-page .page-hero.about-hero picture img.about-hero__banner,
  .about-page .page-hero.about-hero .about-hero__banner,
  .about-page .page-hero.about-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}


/* -------------------------------------------------------------------------- */
/* About WINNER — match 768px :not() specificity so gaps/image actually apply */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .page-hero__inner,
  .page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .page-hero__inner,
  body.about-page #main-content > section.page-hero.about-hero .page-hero__inner,
  body.about-page .page-hero.about-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-label,
  .page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-label,
  body.about-page .page-hero.about-hero .hero-label {
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-label::before,
  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-label::after,
  .page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-label::before,
  .page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-label::after,
  body.about-page .page-hero.about-hero .hero-label::before,
  body.about-page .page-hero.about-hero .hero-label::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    background: none !important;
  }

  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero):not(.terms-hero):not(.accessibility-hero) .hero-headline,
  .page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero):not(.terms-hero):not(.accessibility-hero) .hero-headline,
  body.about-page .page-hero.about-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-headline .about-hero__title-line,
  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-headline .about-hero__title-line--navy,
  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-headline .about-hero__title-line--pink,
  body.about-page .page-hero.about-hero .about-hero__title-line,
  body.about-page .page-hero.about-hero .about-hero__title-line--navy,
  body.about-page .page-hero.about-hero .about-hero__title-line--pink {
    font-size: 32px !important;
    margin: 0 !important;
    white-space: normal !important;
  }

  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-copy,
  .page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-copy,
  body.about-page .page-hero.about-hero .hero-copy {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .about-hero__media,
  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .hero-image-wrap,
  .page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .about-hero__media,
  body.about-page .page-hero.about-hero .about-hero__media,
  body.about-page .page-hero.about-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .about-hero__banner,
  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .page-hero__banner-img,
  #main-content > section.page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) picture img.about-hero__banner,
  .page-hero.about-hero:not(.contact-hero):not(.vision-hero):not(.for-parents-hero):not(.get-involved-hero):not(.partners-hero):not(.apply-hero):not(.faq-hero):not(.financial-hero) .about-hero__banner,
  body.about-page .page-hero.about-hero .about-hero__banner,
  body.about-page .page-hero.about-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
}


/* -------------------------------------------------------------------------- */
/* Explore mobile: eyebrow top margin 30px                                    */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.explore-page .page-hero.explore-hero .hero-label,
  body.explore-page #main-content > section.page-hero.explore-hero .hero-label,
  .explore-page #main-content > section.page-hero.explore-hero .hero-label,
  .explore-page .page-hero.explore-hero .hero-label {
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* For Parents mobile: heading top margin 30px                                */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.for-parents-page #main-content > section.page-hero.for-parents-hero,
  body.for-parents-page .page-hero.for-parents-hero,
  .for-parents-page #main-content > section.page-hero.for-parents-hero,
  .for-parents-page .page-hero.for-parents-hero {
    padding-top: 0 !important;
  }

  body.for-parents-page .page-hero.for-parents-hero .hero-headline,
  body.for-parents-page #main-content > section.page-hero.for-parents-hero .hero-headline,
  .for-parents-page #main-content > section.page-hero.for-parents-hero .hero-headline,
  .for-parents-page .page-hero.for-parents-hero .hero-headline {
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Our Vision mobile: eyebrow 30px top, eyebrow↔heading gap 0                 */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .page-hero__inner,
  body.our-vision-page #main-content > section.page-hero.vision-hero:not(.partners-hero) .page-hero__inner,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .page-hero__content,
  body.our-vision-page #main-content > section.page-hero.vision-hero:not(.partners-hero) .page-hero__content,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .page-hero__content {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-label,
  body.our-vision-page #main-content > section.page-hero.vision-hero:not(.partners-hero) .hero-label,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-label {
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-label::after,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-label::after {
    display: none !important;
    content: none !important;
    margin: 0 !important;
    height: 0 !important;
    background: none !important;
  }

  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline,
  body.our-vision-page #main-content > section.page-hero.vision-hero:not(.partners-hero) .hero-headline,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline {
    font-size: 32px !important;
    line-height: 1.15 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .vision-hero__title-line,
  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .vision-hero__title-line--navy,
  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .vision-hero__title-line--pink,
  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline .vision-hero__title-line,
  body.our-vision-page #main-content > section.page-hero.vision-hero:not(.partners-hero) .vision-hero__title-line,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .vision-hero__title-line,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .vision-hero__title-line--navy,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .vision-hero__title-line--pink {
    font-size: 32px !important;
    line-height: 1.15 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Creative Makers mobile: heading 32px + top 30px, gaps 0, image 100%        */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.creative-makers-page .page-hero.creative-makers-hero .page-hero__inner,
  body.creative-makers-page #main-content > section.page-hero.creative-makers-hero .page-hero__inner,
  .creative-makers-page .page-hero.creative-makers-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.creative-makers-page #main-content > section.page-hero.creative-makers-hero,
  body.creative-makers-page .page-hero.creative-makers-hero {
    padding-top: 0 !important;
  }

  body.creative-makers-page .page-hero.creative-makers-hero .hero-headline,
  body.creative-makers-page #main-content > section.page-hero.creative-makers-hero .hero-headline,
  .creative-makers-page .page-hero.creative-makers-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  body.creative-makers-page .page-hero.creative-makers-hero .hero-copy,
  body.creative-makers-page #main-content > section.page-hero.creative-makers-hero .hero-copy,
  .creative-makers-page .page-hero.creative-makers-hero .hero-copy {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.creative-makers-page #main-content > section.page-hero.creative-makers-hero .creative-makers-hero__media,
  body.creative-makers-page .page-hero.creative-makers-hero .creative-makers-hero__media,
  body.creative-makers-page .page-hero.creative-makers-hero .hero-image-wrap,
  .creative-makers-page .page-hero.creative-makers-hero .creative-makers-hero__media,
  .creative-makers-page .page-hero.creative-makers-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  body.creative-makers-page .page-hero.creative-makers-hero .creative-makers-hero__banner,
  body.creative-makers-page .page-hero.creative-makers-hero picture img.creative-makers-hero__banner,
  .creative-makers-page .page-hero.creative-makers-hero .creative-makers-hero__banner,
  .creative-makers-page .page-hero.creative-makers-hero picture img.creative-makers-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Young Ideas Lab mobile: heading 32px + top 30px, gaps 0, image 100%        */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.young-ideas-lab-page .page-hero.young-ideas-lab-hero .page-hero__inner,
  body.young-ideas-lab-page #main-content > section.page-hero.young-ideas-lab-hero .page-hero__inner,
  .young-ideas-lab-page .page-hero.young-ideas-lab-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.young-ideas-lab-page #main-content > section.page-hero.young-ideas-lab-hero,
  body.young-ideas-lab-page .page-hero.young-ideas-lab-hero {
    padding-top: 0 !important;
  }

  body.young-ideas-lab-page .page-hero.young-ideas-lab-hero .hero-headline,
  body.young-ideas-lab-page #main-content > section.page-hero.young-ideas-lab-hero .hero-headline,
  .young-ideas-lab-page .page-hero.young-ideas-lab-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  body.young-ideas-lab-page .page-hero.young-ideas-lab-hero .hero-copy,
  body.young-ideas-lab-page #main-content > section.page-hero.young-ideas-lab-hero .hero-copy,
  .young-ideas-lab-page .page-hero.young-ideas-lab-hero .hero-copy {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.young-ideas-lab-page #main-content > section.page-hero.young-ideas-lab-hero .creative-makers-hero__media,
  body.young-ideas-lab-page .page-hero.young-ideas-lab-hero .creative-makers-hero__media,
  body.young-ideas-lab-page .page-hero.young-ideas-lab-hero .hero-image-wrap,
  .young-ideas-lab-page .page-hero.young-ideas-lab-hero .creative-makers-hero__media,
  .young-ideas-lab-page .page-hero.young-ideas-lab-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  body.young-ideas-lab-page .page-hero.young-ideas-lab-hero .creative-makers-hero__banner,
  body.young-ideas-lab-page .page-hero.young-ideas-lab-hero picture img.creative-makers-hero__banner,
  .young-ideas-lab-page .page-hero.young-ideas-lab-hero .creative-makers-hero__banner,
  .young-ideas-lab-page .page-hero.young-ideas-lab-hero picture img.creative-makers-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Create for a Cause mobile: heading 32px + top 30px, gaps 0, image 100%     */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.create-for-cause-page .page-hero.create-for-cause-hero .page-hero__inner,
  body.create-for-cause-page #main-content > section.page-hero.create-for-cause-hero .page-hero__inner,
  .create-for-cause-page .page-hero.create-for-cause-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.create-for-cause-page #main-content > section.page-hero.create-for-cause-hero,
  body.create-for-cause-page .page-hero.create-for-cause-hero {
    padding-top: 0 !important;
  }

  body.create-for-cause-page .page-hero.create-for-cause-hero .hero-headline,
  body.create-for-cause-page #main-content > section.page-hero.create-for-cause-hero .hero-headline,
  .create-for-cause-page .page-hero.create-for-cause-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  body.create-for-cause-page .page-hero.create-for-cause-hero .hero-copy,
  body.create-for-cause-page #main-content > section.page-hero.create-for-cause-hero .hero-copy,
  .create-for-cause-page .page-hero.create-for-cause-hero .hero-copy {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.create-for-cause-page #main-content > section.page-hero.create-for-cause-hero .creative-makers-hero__media,
  body.create-for-cause-page .page-hero.create-for-cause-hero .creative-makers-hero__media,
  body.create-for-cause-page .page-hero.create-for-cause-hero .hero-image-wrap,
  .create-for-cause-page .page-hero.create-for-cause-hero .creative-makers-hero__media,
  .create-for-cause-page .page-hero.create-for-cause-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  body.create-for-cause-page .page-hero.create-for-cause-hero .creative-makers-hero__banner,
  body.create-for-cause-page .page-hero.create-for-cause-hero picture img.creative-makers-hero__banner,
  .create-for-cause-page .page-hero.create-for-cause-hero .creative-makers-hero__banner,
  .create-for-cause-page .page-hero.create-for-cause-hero picture img.creative-makers-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Community Adventures mobile: heading 32px + top 30px, gaps 0, image 100%   */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.community-adventures-page .page-hero.community-adventures-hero .page-hero__inner,
  body.community-adventures-page #main-content > section.page-hero.community-adventures-hero .page-hero__inner,
  .community-adventures-page .page-hero.community-adventures-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.community-adventures-page #main-content > section.page-hero.community-adventures-hero,
  body.community-adventures-page .page-hero.community-adventures-hero {
    padding-top: 0 !important;
  }

  body.community-adventures-page .page-hero.community-adventures-hero .hero-headline,
  body.community-adventures-page #main-content > section.page-hero.community-adventures-hero .hero-headline,
  .community-adventures-page .page-hero.community-adventures-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  body.community-adventures-page .page-hero.community-adventures-hero .hero-copy,
  body.community-adventures-page #main-content > section.page-hero.community-adventures-hero .hero-copy,
  .community-adventures-page .page-hero.community-adventures-hero .hero-copy {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.community-adventures-page #main-content > section.page-hero.community-adventures-hero .creative-makers-hero__media,
  body.community-adventures-page .page-hero.community-adventures-hero .creative-makers-hero__media,
  body.community-adventures-page .page-hero.community-adventures-hero .hero-image-wrap,
  .community-adventures-page .page-hero.community-adventures-hero .creative-makers-hero__media,
  .community-adventures-page .page-hero.community-adventures-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  body.community-adventures-page .page-hero.community-adventures-hero .creative-makers-hero__banner,
  body.community-adventures-page .page-hero.community-adventures-hero picture img.creative-makers-hero__banner,
  .community-adventures-page .page-hero.community-adventures-hero .creative-makers-hero__banner,
  .community-adventures-page .page-hero.community-adventures-hero picture img.creative-makers-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
  }

  body.community-adventures-page .page-hero.community-adventures-hero .page-hero__actions,
  body.community-adventures-page .page-hero.community-adventures-hero .hero-ctas,
  body.community-adventures-page #main-content > section.page-hero.community-adventures-hero .page-hero__actions,
  body.community-adventures-page #main-content > section.page-hero.community-adventures-hero .hero-ctas,
  .community-adventures-page .page-hero.community-adventures-hero .page-hero__actions,
  .community-adventures-page .page-hero.community-adventures-hero .hero-ctas {
    margin-top: 5px !important;
  }
}


/* -------------------------------------------------------------------------- */
/* Volunteer Application mobile: heading 32px + top 30px, image 100%          */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.volunteer-application-page .page-hero.volunteer-hero .page-hero__inner,
  body.volunteer-application-page #main-content > section.page-hero.volunteer-hero .page-hero__inner,
  body.volunteer-application-page .page-hero.apply-hero.volunteer-hero .page-hero__inner,
  .volunteer-application-page .page-hero.volunteer-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.volunteer-application-page #main-content > section.page-hero.volunteer-hero,
  body.volunteer-application-page .page-hero.apply-hero.volunteer-hero,
  body.volunteer-application-page .page-hero.volunteer-hero {
    padding-top: 0 !important;
  }

  body.volunteer-application-page .page-hero.volunteer-hero .hero-headline,
  body.volunteer-application-page .page-hero.apply-hero.volunteer-hero .hero-headline,
  body.volunteer-application-page #main-content > section.page-hero.volunteer-hero .hero-headline,
  body.volunteer-application-page .page-hero.volunteer-hero .apply-hero__title,
  body.volunteer-application-page .volunteer-hero__title,
  .volunteer-application-page .page-hero.volunteer-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  body.volunteer-application-page .page-hero.volunteer-hero .apply-hero__title-line,
  body.volunteer-application-page .page-hero.volunteer-hero .apply-hero__title-line--pink,
  body.volunteer-application-page .page-hero.volunteer-hero .apply-hero__title-line--navy,
  body.volunteer-application-page .volunteer-hero__title .apply-hero__title-line--pink,
  body.volunteer-application-page .volunteer-hero__title .apply-hero__title-line--navy,
  .volunteer-application-page .page-hero.volunteer-hero .apply-hero__title-line--pink,
  .volunteer-application-page .page-hero.volunteer-hero .apply-hero__title-line--navy {
    display: block !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
  }

  body.volunteer-application-page .page-hero.volunteer-hero .hero-copy,
  body.volunteer-application-page #main-content > section.page-hero.volunteer-hero .hero-copy,
  .volunteer-application-page .page-hero.volunteer-hero .hero-copy {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.volunteer-application-page #main-content > section.page-hero.volunteer-hero .about-hero__media,
  body.volunteer-application-page .page-hero.volunteer-hero .about-hero__media,
  body.volunteer-application-page .page-hero.volunteer-hero .hero-image-wrap,
  body.volunteer-application-page .page-hero.apply-hero.volunteer-hero .about-hero__media,
  .volunteer-application-page .page-hero.volunteer-hero .about-hero__media,
  .volunteer-application-page .page-hero.volunteer-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  body.volunteer-application-page .page-hero.volunteer-hero .about-hero__banner,
  body.volunteer-application-page .page-hero.volunteer-hero .apply-hero__banner,
  body.volunteer-application-page .page-hero.volunteer-hero picture img.about-hero__banner,
  .volunteer-application-page .page-hero.volunteer-hero .about-hero__banner,
  .volunteer-application-page .page-hero.volunteer-hero .apply-hero__banner,
  .volunteer-application-page .page-hero.volunteer-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Partner Inquiry mobile: heading 32px + top 30px, image 100%                */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.partner-inquiry-page .page-hero.partner-inquiry-hero .page-hero__inner,
  body.partner-inquiry-page #main-content > section.page-hero.partner-inquiry-hero .page-hero__inner,
  body.partner-inquiry-page .page-hero.apply-hero.partner-inquiry-hero .page-hero__inner,
  .partner-inquiry-page .page-hero.partner-inquiry-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.partner-inquiry-page #main-content > section.page-hero.partner-inquiry-hero,
  body.partner-inquiry-page .page-hero.apply-hero.partner-inquiry-hero,
  body.partner-inquiry-page .page-hero.partner-inquiry-hero {
    padding-top: 0 !important;
  }

  body.partner-inquiry-page .page-hero.partner-inquiry-hero .hero-headline,
  body.partner-inquiry-page .page-hero.apply-hero.partner-inquiry-hero .hero-headline,
  body.partner-inquiry-page #main-content > section.page-hero.partner-inquiry-hero .hero-headline,
  body.partner-inquiry-page .page-hero.partner-inquiry-hero .apply-hero__title,
  body.partner-inquiry-page .partner-inquiry-hero__title,
  .partner-inquiry-page .page-hero.partner-inquiry-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  body.partner-inquiry-page .page-hero.partner-inquiry-hero .apply-hero__title-line,
  body.partner-inquiry-page .page-hero.partner-inquiry-hero .apply-hero__title-line--pink,
  body.partner-inquiry-page .page-hero.partner-inquiry-hero .apply-hero__title-line--navy,
  body.partner-inquiry-page .partner-inquiry-hero__title .apply-hero__title-line--pink,
  body.partner-inquiry-page .partner-inquiry-hero__title .apply-hero__title-line--navy,
  .partner-inquiry-page .page-hero.partner-inquiry-hero .apply-hero__title-line--pink,
  .partner-inquiry-page .page-hero.partner-inquiry-hero .apply-hero__title-line--navy {
    display: block !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
  }

  body.partner-inquiry-page .page-hero.partner-inquiry-hero .hero-copy,
  body.partner-inquiry-page #main-content > section.page-hero.partner-inquiry-hero .hero-copy,
  .partner-inquiry-page .page-hero.partner-inquiry-hero .hero-copy {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.partner-inquiry-page #main-content > section.page-hero.partner-inquiry-hero .about-hero__media,
  body.partner-inquiry-page .page-hero.partner-inquiry-hero .about-hero__media,
  body.partner-inquiry-page .page-hero.partner-inquiry-hero .hero-image-wrap,
  body.partner-inquiry-page .page-hero.apply-hero.partner-inquiry-hero .about-hero__media,
  .partner-inquiry-page .page-hero.partner-inquiry-hero .about-hero__media,
  .partner-inquiry-page .page-hero.partner-inquiry-hero .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  body.partner-inquiry-page .page-hero.partner-inquiry-hero .about-hero__banner,
  body.partner-inquiry-page .page-hero.partner-inquiry-hero .apply-hero__banner,
  body.partner-inquiry-page .page-hero.partner-inquiry-hero picture img.about-hero__banner,
  .partner-inquiry-page .page-hero.partner-inquiry-hero .about-hero__banner,
  .partner-inquiry-page .page-hero.partner-inquiry-hero .apply-hero__banner,
  .partner-inquiry-page .page-hero.partner-inquiry-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
}
/* -------------------------------------------------------------------------- */
/* Mobile header top space (must stay last — beats style.css emergency fix)   */
/* -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  header.site-header > .site-container.site-header__inner,
  .site-header > .site-header__inner,
  .home-page .site-header > .site-header__inner,
  .about-page .site-header > .site-header__inner,
  body .site-header .site-header__inner {
    padding-top: 30px !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Our Vision mobile: 2-line title rows, 25px                                 */
/* Row 1: Building a + Brighter Future | Row 2: Together                      */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  :root {
    --vision-hero-title-size: 25px;
  }

  body.our-vision-page #main-content > section.page-hero.vision-hero:not(.partners-hero) .hero-headline,
  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline,
  .our-vision-page #main-content > section.page-hero.vision-hero:not(.partners-hero) .hero-headline,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline {
    font-size: 25px !important;
    line-height: 1.15 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline .vision-hero__title-row,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline .vision-hero__title-row {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
  }

  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline .vision-hero__title-row--1,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline .vision-hero__title-row--1 {
    white-space: nowrap !important;
  }

  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline .vision-hero__title-row--1 .vision-hero__title-line,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline .vision-hero__title-row--1 .vision-hero__title-line {
    display: inline !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    margin: 0 !important;
  }

  body.our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline .vision-hero__title-row--2 .vision-hero__title-line,
  .our-vision-page .page-hero.vision-hero:not(.partners-hero) .hero-headline .vision-hero__title-row--2 .vision-hero__title-line {
    display: inline !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* FAQ mobile banner — match About (spacing, label, title, 15px image)        */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  html body.faq-page #main-content > section.page-hero.faq-hero,
  html body.faq-page .page-hero.faq-hero,
  html body.faq-page .page-hero.about-hero.faq-hero {
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    min-height: 0 !important;
    text-align: left !important;
    align-items: stretch !important;
    background-color: #fff !important;
  }

  html body.faq-page #main-content > section.page-hero.faq-hero .page-hero__inner,
  html body.faq-page .page-hero.faq-hero .page-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  html body.faq-page .page-hero.faq-hero .page-hero__content {
    display: contents !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.faq-page .page-hero.faq-hero .hero-label,
  html body.faq-page .page-hero.faq-hero .hero-headline,
  html body.faq-page .page-hero.faq-hero .hero-copy,
  html body.faq-page .page-hero.faq-hero .faq-hero__media,
  html body.faq-page .page-hero.faq-hero .about-hero__media,
  html body.faq-page .page-hero.faq-hero .hero-image-wrap {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body.faq-page .page-hero.faq-hero .hero-label {
    order: 1 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.14em !important;
    line-height: 1.3 !important;
    text-align: left !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.faq-page .page-hero.faq-hero .hero-label::before,
  html body.faq-page .page-hero.faq-hero .hero-label::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }

  html body.faq-page .page-hero.faq-hero .hero-headline {
    order: 2 !important;
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.faq-page .page-hero.faq-hero .hero-headline .faq-hero__title-line,
  html body.faq-page .page-hero.faq-hero .hero-headline .faq-hero__title-line--navy,
  html body.faq-page .page-hero.faq-hero .hero-headline .faq-hero__title-line--pink {
    display: block !important;
    white-space: normal !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  html body.faq-page .page-hero.faq-hero .hero-copy {
    order: 3 !important;
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.faq-page .page-hero.faq-hero .faq-hero__media,
  html body.faq-page .page-hero.faq-hero .about-hero__media,
  html body.faq-page .page-hero.faq-hero .hero-image-wrap,
  html body.faq-page .page-hero.faq-hero .lazy-img-wrap {
    order: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  html body.faq-page .page-hero.faq-hero .faq-hero__banner,
  html body.faq-page .page-hero.faq-hero .about-hero__banner,
  html body.faq-page .page-hero.faq-hero picture img.faq-hero__banner,
  html body.faq-page .page-hero.faq-hero picture img.about-hero__banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
  }
}

@media (max-width: 768px) {
  html body.faq-page #main-content > section.page-hero.faq-hero,
  html body.faq-page .page-hero.faq-hero {
    gap: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  html body.faq-page .page-hero.faq-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  html body.faq-page .page-hero.faq-hero .hero-label::before,
  html body.faq-page .page-hero.faq-hero .hero-label::after {
    display: none !important;
    content: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Photo & Media Policy mobile (not Privacy — shares media-policy-hero)       */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .hero-headline,
  .page-hero.media-policy-hero:not(.privacy-hero) .hero-headline {
    font-size: 32px !important;
    line-height: 1.15 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }

  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero),
  .page-hero.media-policy-hero:not(.privacy-hero) {
    gap: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }

  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) > .site-container.page-hero__inner,
  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .page-hero__inner,
  .page-hero.media-policy-hero:not(.privacy-hero) > .site-container.page-hero__inner,
  .page-hero.media-policy-hero:not(.privacy-hero) .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .page-hero__content,
  .page-hero.media-policy-hero:not(.privacy-hero) .page-hero__content {
    gap: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: var(--container-padding, 16px) !important;
    padding-right: var(--container-padding, 16px) !important;
    box-sizing: border-box !important;
  }

  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .hero-copy,
  .page-hero.media-policy-hero:not(.privacy-hero) .hero-copy {
    margin: 0 !important;
    padding-bottom: 0 !important;
  }

  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .about-hero__media,
  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .media-policy-hero__media,
  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .hero-image-wrap,
  .page-hero.media-policy-hero:not(.privacy-hero) .about-hero__media,
  .page-hero.media-policy-hero:not(.privacy-hero) .media-policy-hero__media,
  .page-hero.media-policy-hero:not(.privacy-hero) .hero-image-wrap {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .page-hero__banner-wrap,
  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .lazy-img-wrap,
  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) picture,
  .page-hero.media-policy-hero:not(.privacy-hero) .page-hero__banner-wrap,
  .page-hero.media-policy-hero:not(.privacy-hero) .lazy-img-wrap,
  .page-hero.media-policy-hero:not(.privacy-hero) picture {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .media-policy-hero__banner,
  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .about-hero__banner,
  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) .page-hero__banner-img,
  #main-content > section.page-hero.media-policy-hero:not(.privacy-hero) picture img,
  .page-hero.media-policy-hero:not(.privacy-hero) .media-policy-hero__banner,
  .page-hero.media-policy-hero:not(.privacy-hero) .about-hero__banner,
  .page-hero.media-policy-hero:not(.privacy-hero) .page-hero__banner-img,
  .page-hero.media-policy-hero:not(.privacy-hero) picture img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Financial Transparency mobile — same banner spacing as Media Policy/FAQ    */
/* (financial-hero also uses about-hero — needs its own winner)               */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body.financial-transparency-page #main-content > section.page-hero.financial-hero .hero-headline,
  body.financial-transparency-page .page-hero.financial-hero .hero-headline,
  body.financial-transparency-page #main-content > section.page-hero.financial-hero.about-hero .hero-headline,
  #main-content > section.page-hero.financial-hero .hero-headline,
  #main-content > section.page-hero.financial-hero.about-hero .hero-headline,
  .page-hero.financial-hero .hero-headline,
  .page-hero.financial-hero.about-hero .hero-headline {
    font-size: 32px !important;
    line-height: 1.15 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
  }

  body.financial-transparency-page #main-content > section.page-hero.financial-hero,
  body.financial-transparency-page .page-hero.financial-hero,
  #main-content > section.page-hero.financial-hero,
  .page-hero.financial-hero {
    gap: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    text-align: left !important;
  }

  body.financial-transparency-page #main-content > section.page-hero.financial-hero > .site-container.page-hero__inner,
  body.financial-transparency-page #main-content > section.page-hero.financial-hero .page-hero__inner,
  #main-content > section.page-hero.financial-hero > .site-container.page-hero__inner,
  #main-content > section.page-hero.financial-hero .page-hero__inner,
  .page-hero.financial-hero > .site-container.page-hero__inner,
  .page-hero.financial-hero .page-hero__inner {
    gap: 0 !important;
    row-gap: 0 !important;
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.financial-transparency-page #main-content > section.page-hero.financial-hero .page-hero__content,
  body.financial-transparency-page .page-hero.financial-hero .page-hero__content,
  #main-content > section.page-hero.financial-hero .page-hero__content,
  .page-hero.financial-hero .page-hero__content {
    gap: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: var(--container-padding, 16px) !important;
    padding-right: var(--container-padding, 16px) !important;
    box-sizing: border-box !important;
    text-align: left !important;
    align-items: flex-start !important;
  }

  body.financial-transparency-page #main-content > section.page-hero.financial-hero .hero-copy,
  body.financial-transparency-page .page-hero.financial-hero .hero-copy,
  #main-content > section.page-hero.financial-hero .hero-copy,
  .page-hero.financial-hero .hero-copy {
    margin: 0 !important;
    padding-bottom: 0 !important;
    text-align: left !important;
  }

  body.financial-transparency-page #main-content > section.page-hero.financial-hero .about-hero__media,
  body.financial-transparency-page #main-content > section.page-hero.financial-hero .financial-hero__media,
  body.financial-transparency-page #main-content > section.page-hero.financial-hero .hero-image-wrap,
  #main-content > section.page-hero.financial-hero .about-hero__media,
  #main-content > section.page-hero.financial-hero .financial-hero__media,
  #main-content > section.page-hero.financial-hero .hero-image-wrap,
  .page-hero.financial-hero .about-hero__media,
  .page-hero.financial-hero .financial-hero__media,
  .page-hero.financial-hero .hero-image-wrap {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.financial-transparency-page #main-content > section.page-hero.financial-hero .page-hero__banner-wrap,
  body.financial-transparency-page #main-content > section.page-hero.financial-hero .lazy-img-wrap,
  body.financial-transparency-page #main-content > section.page-hero.financial-hero picture,
  #main-content > section.page-hero.financial-hero .page-hero__banner-wrap,
  #main-content > section.page-hero.financial-hero .lazy-img-wrap,
  #main-content > section.page-hero.financial-hero picture,
  .page-hero.financial-hero .page-hero__banner-wrap,
  .page-hero.financial-hero .lazy-img-wrap,
  .page-hero.financial-hero picture {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.financial-transparency-page #main-content > section.page-hero.financial-hero .financial-hero__banner,
  body.financial-transparency-page #main-content > section.page-hero.financial-hero .about-hero__banner,
  body.financial-transparency-page #main-content > section.page-hero.financial-hero .page-hero__banner-img,
  body.financial-transparency-page #main-content > section.page-hero.financial-hero picture img,
  #main-content > section.page-hero.financial-hero .financial-hero__banner,
  #main-content > section.page-hero.financial-hero .about-hero__banner,
  #main-content > section.page-hero.financial-hero .page-hero__banner-img,
  #main-content > section.page-hero.financial-hero picture img,
  .page-hero.financial-hero .financial-hero__banner,
  .page-hero.financial-hero .about-hero__banner,
  .page-hero.financial-hero .page-hero__banner-img,
  .page-hero.financial-hero picture img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: none !important;
  }
}
/* Mobile banner images — 15px L/R on ALL heroes (final override) */
@media (max-width: 767px) {
  html body #main-content > section.page-hero .hero-image-wrap,
  html body #main-content > section.page-hero .about-hero__media,
  html body #main-content > section.page-hero .explore-hero__media,
  html body #main-content > section.page-hero .creative-makers-hero__media,
  html body #main-content > section.page-hero .faq-hero__media,
  html body #main-content > section.page-hero .home-hero__media,
  html body #main-content > section.page-hero .financial-hero__media,
  html body #main-content > section.page-hero .media-policy-hero__media,
  html body #main-content > section.page-hero .accessibility-hero__media,
  html body #main-content > section.page-hero .terms-hero__media,
  html body #main-content > section.page-hero .apply-hero__media,
  html body #main-content > section.page-hero [class*="-hero__media"],
  html body.home-page #main-content > section.page-hero .about-hero__media,
  html body.home-page #main-content > section.page-hero .hero-image-wrap,
  html body.about-page #main-content > section.page-hero.about-hero .about-hero__media,
  html body.about-page #main-content > section.page-hero.about-hero .hero-image-wrap,
  html body.about-page .page-hero.about-hero .about-hero__media,
  html body.about-page .page-hero.about-hero .hero-image-wrap,
  html body.explore-page #main-content > section.page-hero .explore-hero__media,
  html body.explore-page #main-content > section.page-hero .hero-image-wrap,
  html body.for-parents-page #main-content > section.page-hero .about-hero__media,
  html body.our-vision-page #main-content > section.page-hero .about-hero__media,
  html body.get-involved-page #main-content > section.page-hero .about-hero__media,
  html body.partners-page #main-content > section.page-hero .about-hero__media,
  html body.contact-page #main-content > section.page-hero .about-hero__media,
  html body.creative-makers-page #main-content > section.page-hero .creative-makers-hero__media,
  html body.young-ideas-lab-page #main-content > section.page-hero .creative-makers-hero__media,
  html body.create-for-cause-page #main-content > section.page-hero .creative-makers-hero__media,
  html body.community-adventures-page #main-content > section.page-hero .creative-makers-hero__media,
  html body.faq-page #main-content > section.page-hero .faq-hero__media,
  html body.faq-page #main-content > section.page-hero .about-hero__media,
  html body.financial-transparency-page #main-content > section.page-hero .financial-hero__media,
  html body.financial-transparency-page #main-content > section.page-hero .about-hero__media,
  html body.media-policy-page #main-content > section.page-hero .media-policy-hero__media,
  html body.media-consent-page #main-content > section.page-hero .media-policy-hero__media,
  html body.privacy-policy-page #main-content > section.page-hero .media-policy-hero__media,
  html body.accessibility-page #main-content > section.page-hero .accessibility-hero__media,
  html body.terms-page #main-content > section.page-hero .terms-hero__media,
  html body.apply-to-become-page #main-content > section.page-hero .apply-hero__media,
  html body.donation-interest-page #main-content > section.page-hero .about-hero__media,
  html body.volunteer-application-page #main-content > section.page-hero .about-hero__media,
  html body.partner-inquiry-page #main-content > section.page-hero .about-hero__media {
    padding: 0 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ==========================================================================
   Mobile fixes (loaded after style.css — keep new mobile overrides here)
   ========================================================================== */

/* Home — Explore Experiences: center heading + equal top/bottom space */
@media (max-width: 991px) {
  html body.home-page .home-explore__title,
  html body.home-page #main-content > section.home-explore .home-explore__title {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* For Parents — Experience Information: carousel dots margin 0 */
@media (max-width: 991px) {
  html body.for-parents-page section.for-parents-info div.bdc-carousel-dots,
  html body.for-parents-page .for-parents-info-card div.bdc-carousel-dots,
  html body.for-parents-page .for-parents-info-card--cream > div.bdc-carousel-dots,
  html body .for-parents-info div.bdc-carousel-dots,
  html body .for-parents-info-card > div.bdc-carousel-dots,
  html body .for-parents-info-card__features + div.bdc-carousel-dots {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-block: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body.for-parents-page .for-parents-info-card__footer,
  html body .for-parents-info-card--cream .for-parents-info-card__footer {
    margin-top: 0 !important;
  }

  html body.for-parents-page .for-parents-info-feature__text,
  html body .for-parents-info-card__features .for-parents-info-feature {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  html body.for-parents-page .for-parents-info-card__features,
  html body.for-parents-page .for-parents-info-card__features.bdc-mobile-carousel {
    flex: 0 0 auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* Explore page — carousel arrows: transparent, icon +5px, 10px gap,
   shell padding kept near original so card stays wide */
@media (max-width: 991px) {
  html body.explore-page .explore-ways .bdc-carousel-shell--arrows,
  html body.explore-page .explore-skills .bdc-carousel-shell--arrows,
  html body.explore-page .explore-grow .bdc-carousel-shell--arrows {
    padding-inline: 34px !important;
  }

  html body.explore-page .explore-ways .bdc-carousel-arrows__btn,
  html body.explore-page .explore-skills .bdc-carousel-arrows__btn,
  html body.explore-page .explore-grow .bdc-carousel-arrows__btn,
  html body.explore-page .bdc-carousel-arrows__btn {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    width: 24px !important;
    height: 24px !important;
  }

  html body.explore-page .explore-ways .bdc-carousel-arrows__btn svg,
  html body.explore-page .explore-skills .bdc-carousel-arrows__btn svg,
  html body.explore-page .explore-grow .bdc-carousel-arrows__btn svg,
  html body.explore-page .bdc-carousel-arrows__btn svg {
    width: 23px !important;
    height: 23px !important;
  }

  html body.explore-page .explore-ways .bdc-carousel-arrows__btn--prev,
  html body.explore-page .explore-skills .bdc-carousel-arrows__btn--prev,
  html body.explore-page .explore-grow .bdc-carousel-arrows__btn--prev {
    left: 0 !important;
  }

  html body.explore-page .explore-ways .bdc-carousel-arrows__btn--next,
  html body.explore-page .explore-skills .bdc-carousel-arrows__btn--next,
  html body.explore-page .explore-grow .bdc-carousel-arrows__btn--next {
    right: 0 !important;
  }
}

/* Terms of Use — heading top spacing 30px on mobile
   (terms-hero also has about-hero; about rules were zeroing margin) */
@media (max-width: 767px) {
  html body.terms-page #main-content > section.page-hero.terms-hero.about-hero,
  html body.terms-page #main-content > section.page-hero.about-hero.terms-hero,
  html body.terms-page #main-content > section.page-hero.terms-hero {
    padding-top: 30px !important;
    margin-top: 0 !important;
  }

  html body.terms-page #main-content > section.page-hero.terms-hero.about-hero .hero-headline,
  html body.terms-page #main-content > section.page-hero.about-hero.terms-hero .hero-headline,
  html body.terms-page #main-content > section.page-hero.terms-hero .hero-headline,
  html body.terms-page .page-hero.terms-hero.about-hero .hero-headline,
  html body.terms-page .page-hero.terms-hero .hero-headline {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }
}

/* Accessibility — heading top spacing 30px + pure white banner on mobile */
@media (max-width: 767px) {
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero.about-hero,
  html body.accessibility-page #main-content > section.page-hero.about-hero.accessibility-hero,
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero {
    padding-top: 30px !important;
    margin-top: 0 !important;
  }

  html body.accessibility-page #main-content > section.page-hero.accessibility-hero .hero-headline,
  html body.accessibility-page .page-hero.accessibility-hero .hero-headline {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }

  html body.accessibility-page #main-content > section.page-hero.accessibility-hero,
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero .page-hero__inner,
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero .about-hero__media,
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero .accessibility-hero__media,
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero .hero-image-wrap,
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero .lazy-img-wrap,
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero picture,
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero .accessibility-hero__banner,
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero .about-hero__banner,
  html body.accessibility-page #main-content > section.page-hero.accessibility-hero img.page-hero__banner-img {
    background: #ffffff !important;
    background-color: #ffffff !important;
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
  }
}

/* ==========================================================================
   ALL pages — icon white-box fix (Android look on iPhone too)
   iOS Safari breaks mix-blend-mode when filter is on the same <img>.
   Keep multiply, drop filter, force transparent background.
   ========================================================================== */
@media (max-width: 991px) {
  html body [class*="-card"],
  html body [class*="__card"],
  html body [class*="-feature"],
  html body [class*="-step"],
  html body [class*="-skill"],
  html body [class*="-way"],
  html body [class*="-pillar"],
  html body [class*="-activity"],
  html body [class*="-item"] {
    isolation: auto;
  }

  html body img.experience-card__icon,
  html body img.partners-ways-card__icon,
  html body img.partners-founding-card__icon,
  html body img.partners-impact-card__deco,
  html body img.explore-way__icon,
  html body img.explore-skill__icon,
  html body img.explore-grow-stage__icon,
  html body img.approach-step__icon,
  html body img.approach-step__arrow,
  html body img.vision-journey-step__icon,
  html body img.vision-journey-step__arrow,
  html body img.vision-pillar-card__icon,
  html body img.get-involved-ways-card__icon,
  html body img.for-parents-expect-card__icon,
  html body img.for-parents-info-feature__icon,
  html body img.believe-card__icon,
  html body img.creative-makers-activity__icon,
  html body img.accessibility-provide-card__icon,
  html body img.financial-promise-item__icon,
  html body img.media-policy-section__icon,
  html body img.media-policy-section__icon--blend,
  html body img.partner-resource-card__icon,
  html body img.volunteer-interest-card__icon,
  html body img.apply-section__icon,
  html body img.apply-sidebar-list__icon,
  html body img.role-callout__icon,
  html body img.home-different__icon,
  html body img.home-reality-step__icon,
  html body img.home-pillar__title-icon,
  html body img[class*="__icon"],
  html body img[class*="-icon"]:not([class*="banner"]):not([class*="photo"]) {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  /* Multiply icons: Android-style white removal (no filter on same node) */
  html body img.experience-card__icon,
  html body img.partners-ways-card__icon,
  html body .partners-ways-card--purple .partners-ways-card__icon,
  html body .partners-ways-card--green .partners-ways-card__icon,
  html body .partners-ways-card--blue .partners-ways-card__icon,
  html body .partners-ways-card--pink .partners-ways-card__icon,
  html body .partners-ways-card--orange .partners-ways-card__icon,
  html body img.partners-founding-card__icon,
  html body .partners-founding-card--purple .partners-founding-card__icon,
  html body .partners-founding-card--green .partners-founding-card__icon,
  html body .partners-founding-card--blue .partners-founding-card__icon,
  html body .partners-founding-card--pink .partners-founding-card__icon,
  html body .partners-founding-card--gold .partners-founding-card__icon,
  html body img.explore-way__icon,
  html body img.explore-skill__icon,
  html body .explore-skills__grid img.explore-skill__icon,
  html body img.media-policy-section__icon--blend,
  html body .partners-page .partners-ways-card__icon {
    mix-blend-mode: multiply !important;
    filter: none !important;
    -webkit-filter: none !important;
    background: transparent !important;
    background-color: transparent !important;
  }
}

/* iPhone / iOS Safari only — force Android multiply behavior site-wide */
@supports (-webkit-touch-callout: none) {
  html body img[class*="__icon"],
  html body img[class*="-card__icon"],
  html body img[class*="-step__icon"],
  html body img[class*="-feature__icon"],
  html body img[class*="-skill__icon"],
  html body img[class*="-way__icon"],
  html body img[class*="-pillar__icon"],
  html body img[class*="-activity__icon"],
  html body img[class*="-item__icon"],
  html body img.experience-card__icon,
  html body img.partners-ways-card__icon,
  html body img.partners-founding-card__icon,
  html body img.explore-way__icon,
  html body img.explore-skill__icon,
  html body img.media-policy-section__icon--blend,
  html body img.approach-step__arrow,
  html body img.vision-journey-step__arrow {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  html body img.experience-card__icon,
  html body img.partners-ways-card__icon,
  html body img.partners-founding-card__icon,
  html body img.explore-way__icon,
  html body img.explore-skill__icon,
  html body img.media-policy-section__icon--blend,
  html body .partners-ways-card img.partners-ways-card__icon,
  html body .partners-founding-card img.partners-founding-card__icon,
  html body .experience-card img.experience-card__icon,
  html body .explore-way img.explore-way__icon,
  html body .explore-skill img.explore-skill__icon {
    mix-blend-mode: multiply !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
}

/* Partners — impact section arrows + larger cards (mobile) */
@media (max-width: 991px) {
  html body.partners-page .partners-impact__box .bdc-carousel-shell--arrows,
  html body.partners-page .partners-impact__box .bdc-carousel-shell--partners-impact {
    padding-inline: 34px !important;
  }

  html body.partners-page .partners-impact__box .bdc-carousel-arrows__btn {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    width: 24px !important;
    height: 24px !important;
  }

  html body.partners-page .partners-impact__box .bdc-carousel-arrows__btn svg {
    width: 23px !important;
    height: 23px !important;
  }

  html body.partners-page .partners-impact__box .bdc-carousel-arrows__btn--prev {
    left: 0 !important;
  }

  html body.partners-page .partners-impact__box .bdc-carousel-arrows__btn--next {
    right: 0 !important;
  }

  html body.partners-page .partners-impact-card,
  html body.partners-page .partners-impact-card.bdc-mobile-carousel__item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100% !important;
  }

  html body.partners-page .partners-impact-card > .lazy-img-wrap--cover,
  html body.partners-page .partners-impact-card__photo {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.partners-page .partners-impact-card__title,
  html body.partners-page .partners-impact-card__text {
    max-width: 100% !important;
  }
}

/* ==========================================================================
   Parents FAQ accordion (Creative Makers / Young Ideas / Cause / Adventures)
   Mobile: open answer directly under the selected tab (not under all tabs)
   ========================================================================== */
@media (max-width: 767px) {
  html body .creative-makers-parents__accordion {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.55rem !important;
  }

  /* Flatten so tabs + panels can be re-ordered as siblings */
  html body .creative-makers-parents__tablist,
  html body .creative-makers-parents__panels {
    display: contents !important;
  }

  html body .creative-makers-faq__tab {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body .creative-makers-faq__panel {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  /* Interleave: tab → its panel → next tab → … */
  html body .creative-makers-faq__tab[for$="-expect"],
  html body .creative-makers-faq__tab[for$="faq-expect"] {
    order: 1 !important;
  }
  html body .creative-makers-faq__panel--expect {
    order: 2 !important;
  }

  html body .creative-makers-faq__tab[for$="-materials"],
  html body .creative-makers-faq__tab[for$="faq-materials"] {
    order: 3 !important;
  }
  html body .creative-makers-faq__panel--materials {
    order: 4 !important;
  }

  html body .creative-makers-faq__tab[for$="-safety"],
  html body .creative-makers-faq__tab[for$="faq-safety"] {
    order: 5 !important;
  }
  html body .creative-makers-faq__panel--safety {
    order: 6 !important;
  }

  html body .creative-makers-faq__tab[for$="-program"],
  html body .creative-makers-faq__tab[for$="faq-program"] {
    order: 7 !important;
  }
  html body .creative-makers-faq__panel--program {
    order: 8 !important;
  }

  /* Open tab chevron points up */
  html body .creative-makers-faq__input#creative-makers-faq-expect:checked ~ .creative-makers-parents__tablist label[for="creative-makers-faq-expect"]::after,
  html body .creative-makers-faq__input#creative-makers-faq-materials:checked ~ .creative-makers-parents__tablist label[for="creative-makers-faq-materials"]::after,
  html body .creative-makers-faq__input#creative-makers-faq-safety:checked ~ .creative-makers-parents__tablist label[for="creative-makers-faq-safety"]::after,
  html body .creative-makers-faq__input#creative-makers-faq-program:checked ~ .creative-makers-parents__tablist label[for="creative-makers-faq-program"]::after,
  html body .creative-makers-faq__input#young-ideas-lab-faq-expect:checked ~ .creative-makers-parents__tablist label[for="young-ideas-lab-faq-expect"]::after,
  html body .creative-makers-faq__input#young-ideas-lab-faq-materials:checked ~ .creative-makers-parents__tablist label[for="young-ideas-lab-faq-materials"]::after,
  html body .creative-makers-faq__input#young-ideas-lab-faq-safety:checked ~ .creative-makers-parents__tablist label[for="young-ideas-lab-faq-safety"]::after,
  html body .creative-makers-faq__input#young-ideas-lab-faq-program:checked ~ .creative-makers-parents__tablist label[for="young-ideas-lab-faq-program"]::after,
  html body .creative-makers-faq__input#create-for-cause-faq-expect:checked ~ .creative-makers-parents__tablist label[for="create-for-cause-faq-expect"]::after,
  html body .creative-makers-faq__input#create-for-cause-faq-materials:checked ~ .creative-makers-parents__tablist label[for="create-for-cause-faq-materials"]::after,
  html body .creative-makers-faq__input#create-for-cause-faq-safety:checked ~ .creative-makers-parents__tablist label[for="create-for-cause-faq-safety"]::after,
  html body .creative-makers-faq__input#create-for-cause-faq-program:checked ~ .creative-makers-parents__tablist label[for="create-for-cause-faq-program"]::after,
  html body .creative-makers-faq__input#community-adventures-faq-expect:checked ~ .creative-makers-parents__tablist label[for="community-adventures-faq-expect"]::after,
  html body .creative-makers-faq__input#community-adventures-faq-materials:checked ~ .creative-makers-parents__tablist label[for="community-adventures-faq-materials"]::after,
  html body .creative-makers-faq__input#community-adventures-faq-safety:checked ~ .creative-makers-parents__tablist label[for="community-adventures-faq-safety"]::after,
  html body .creative-makers-faq__input#community-adventures-faq-program:checked ~ .creative-makers-parents__tablist label[for="community-adventures-faq-program"]::after {
    transform: rotate(225deg) !important;
    margin-top: 3px !important;
  }
}

/* Explore — Ways carousel: remove grey card shadow + icon grey box (mobile)
   Icons were JPEGs with baked #f7f7f7 bg → now transparent PNGs */
@media (max-width: 991px) {
  html body.explore-page .explore-ways .explore-way-card,
  html body.explore-page .explore-ways .explore-way-card.card-shadow,
  html body.explore-page .explore-ways__grid .explore-way-card,
  html body.explore-page .explore-ways__grid.bdc-mobile-carousel .explore-way-card,
  html body.explore-page .bdc-mobile-carousel .explore-way-card {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
  }

  html body.explore-page .explore-ways .explore-way__icon-wrap,
  html body.explore-page .explore-ways .explore-way__icon-wrap--boost,
  html body.explore-page .explore-ways__grid .explore-way__icon-wrap,
  html body.explore-page .explore-way__head .explore-way__icon-wrap {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  html body.explore-page .explore-ways .explore-way__icon,
  html body.explore-page .explore-ways__grid .explore-way__icon,
  html body.explore-page .explore-way__head img.explore-way__icon {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* FAQ — Browse by Topic must stay tappable on phones                         */
/* -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  html body.faq-page .faq-sidebar,
  html body.faq-page .faq-topic-list,
  html body.faq-page .faq-topic-list li,
  html body.faq-page .faq-topic {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  html body.faq-page .faq-topic-list {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    overflow-x: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    scroll-snap-type: none !important;
  }

  html body.faq-page .faq-topic-list li {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  html body.faq-page .faq-topic {
    display: flex !important;
    width: 100% !important;
    min-height: 44px !important;
    -webkit-tap-highlight-color: rgba(238, 29, 120, 0.12) !important;
    cursor: pointer !important;
  }

  html body.faq-page .faq-topic__icon,
  html body.faq-page .faq-topic > span {
    pointer-events: none !important;
  }

  html body.faq-page .faq-accordion-wrap {
    position: relative !important;
    z-index: 1 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* FAQ FINAL — exact About mobile spacing (L/R, top/bottom, center gaps)      */
/* Must include #main-content to beat style.css ID selectors                  */
/* -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
  html body.faq-page {
    --page-hero-mobile-stack-gap: 0px;
  }

  html body.faq-page #main-content > section.page-hero.faq-hero.about-hero,
  html body.faq-page #main-content > section.page-hero.faq-hero,
  html body.faq-page #main-content > section.faq-hero.page-hero,
  html body.faq-page .page-hero.faq-hero.about-hero,
  html body.faq-page .page-hero.faq-hero {
    --page-hero-mobile-stack-gap: 0px;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    row-gap: 0 !important;
    min-height: 0 !important;
    text-align: left !important;
    align-items: stretch !important;
  }

  html body.faq-page #main-content > section.page-hero.faq-hero .page-hero__inner,
  html body.faq-page #main-content .page-hero.faq-hero .page-hero__inner,
  html body.faq-page #main-content .page-hero:not(.home-welcome-hero).faq-hero .page-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.faq-page #main-content .page-hero.faq-hero .page-hero__content,
  html body.faq-page #main-content .page-hero.faq-hero .faq-hero__content,
  html body.faq-page #main-content .page-hero:not(.home-welcome-hero).faq-hero .page-hero__content {
    display: contents !important;
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
  }

  /* Eyebrow: top 30px, bottom 0 */
  html body.faq-page #main-content .page-hero.faq-hero .hero-label,
  html body.faq-page #main-content .page-hero:not(.home-welcome-hero).faq-hero .hero-label,
  html body.faq-page #main-content .page-hero.faq-hero [class*='__eyebrow'],
  html body.faq-page #main-content > section.page-hero.faq-hero .hero-label {
    order: 1 !important;
    margin: 30px 0 0 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: left !important;
    justify-content: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.faq-page #main-content .page-hero.faq-hero .hero-label::before,
  html body.faq-page #main-content .page-hero.faq-hero .hero-label::after {
    display: none !important;
    content: none !important;
  }

  /* Title: all margins 0 */
  html body.faq-page #main-content .page-hero.faq-hero .hero-headline,
  html body.faq-page #main-content .page-hero:not(.home-welcome-hero).faq-hero .hero-headline,
  html body.faq-page #main-content > section.page-hero.faq-hero .hero-headline {
    order: 2 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.faq-page #main-content .page-hero.faq-hero .hero-headline .faq-hero__title-line,
  html body.faq-page #main-content .page-hero.faq-hero .hero-headline [class*='__title-line'] {
    display: block !important;
    margin: 0 !important;
    font-size: 32px !important;
    line-height: 1.12 !important;
    text-align: left !important;
  }

  /* Description: top margin 0 (kill 10px) */
  html body.faq-page #main-content .page-hero.faq-hero .hero-copy,
  html body.faq-page #main-content .page-hero:not(.home-welcome-hero).faq-hero .hero-copy,
  html body.faq-page #main-content > section.page-hero.faq-hero .hero-copy,
  html body.faq-page #main-content .page-hero.faq-hero .page-hero__text .hero-copy {
    order: 3 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Image: center gap 0 (kill stack gap / -10px / 12px) */
  html body.faq-page #main-content .page-hero.faq-hero .faq-hero__media,
  html body.faq-page #main-content .page-hero.faq-hero .about-hero__media,
  html body.faq-page #main-content .page-hero.faq-hero .hero-image-wrap,
  html body.faq-page #main-content .page-hero.faq-hero [class*='__media'],
  html body.faq-page #main-content .page-hero:not(.home-welcome-hero).faq-hero [class*='__media'],
  html body.faq-page #main-content > section.page-hero.faq-hero .faq-hero__media,
  html body.faq-page #main-content > section.page-hero.faq-hero .about-hero__media {
    order: 4 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  html body.faq-page #main-content .page-hero.faq-hero .faq-hero__media .lazy-img-wrap,
  html body.faq-page #main-content .page-hero.faq-hero .about-hero__media .lazy-img-wrap,
  html body.faq-page #main-content .page-hero.faq-hero .hero-image-wrap .lazy-img-wrap {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.faq-page #main-content .page-hero.faq-hero .faq-hero__banner,
  html body.faq-page #main-content .page-hero.faq-hero .about-hero__banner,
  html body.faq-page #main-content .page-hero.faq-hero [class*='__banner'],
  html body.faq-page #main-content .page-hero.faq-hero picture img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
  }
}