/* ============================================================
   PLACEHOLDER PAGE
   ============================================================ */

.page-hero {
    position: relative;
    padding-block: var(--sp-8);
    background: var(--bg-sunken);
    overflow: hidden;
}
.page-banner {
    position: absolute;
    inset: -15% 0;
    background-size: cover;
    background-position: center;
    opacity: 0.28;
    will-change: transform;
}
.page-hero .container { position: relative; }
.page-hero h1 { max-width: 20ch; }

.page-content { padding-block: var(--sp-7); }
.page-content p {
    color: var(--text-muted);
    font-size: var(--fs-500);
    margin-bottom: var(--sp-4);
}