/* =========================================================
   POMOSDA ABOUT R1.7.1
   Restore the exact CSS context expected by Home's fixed header.
   HOME IS NOT MODIFIED.
   ========================================================= */

/*
 * Home's navbar rules are intentionally scoped under .hero-shell:
 *
 *   .hero-shell .site-header
 *   .hero-shell .header-actions .header-newsletter-button
 *   .hero-shell .brand-logo-image
 *
 * About therefore needs a zero-height .hero-shell context around only
 * the shared header. It must NOT become a second Home hero.
 */
.hero-shell.pomosda-about-header-context {
    position: relative !important;
    isolation: auto !important;

    width: 100% !important;
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    background: transparent !important;
}

/* Disable decorative layers that belong to the Home hero canvas. */
.hero-shell.pomosda-about-header-context::before,
.hero-shell.pomosda-about-header-context::after {
    content: none !important;
    display: none !important;
}

/*
 * Header is fixed by the ORIGINAL Home rule. Because it is removed from
 * normal flow, About's hero copy needs the same viewport compensation.
 */
.pomosda-about-hero {
    padding-top: calc(72px + 96px) !important;
}

/* Keep anchor destinations below the fixed desktop header. */
html {
    scroll-padding-top: 96px;
}

@media (max-width: 900px) {
    .pomosda-about-hero {
        padding-top: calc(72px + 82px) !important;
    }

    html {
        scroll-padding-top: 82px;
    }
}