/* Compact page introductions share the home page's theme palette. */
html body .page-heading {
    min-height: 0 !important;
    height: auto !important;
    padding: 32px 0 38px !important;
    background: radial-gradient(ellipse at 85% 30%, #f4b94f12, transparent 55%), var(--bg) !important;
    color: var(--text);
    overflow: hidden;
}
html body .page-heading::before,
html body .page-heading::after,
.page-heading > :not(.container),
.page-heading > .container > :not(:first-child) { display: none !important; }
html body .page-heading > .container {
    display: block;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
html body .page-heading > .container > :first-child {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    grid-template-rows: auto 1fr;
    column-gap: 40px;
    width: 100%;
    max-width: none;
    padding: 0 !important;
    text-align: left;
}
html body .page-heading :is([class$="-eyebrow"], .formation-kicker) {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    font: 700 10px/1.5 var(--font-body) !important;
    letter-spacing: .2em !important;
    color: var(--heading) !important;
    margin: 0 0 12px !important;
}
.page-heading [class$="-eyebrow"] > span { background: var(--gold-deep); }
html body .page-heading h1 {
    grid-column: 1;
    grid-row: 2 / 4;
    font: 400 clamp(34px, 3.8vw, 64px)/1.03 var(--font-title) !important;
    letter-spacing: -.035em !important;
    color: var(--heading) !important;
    margin: 0 !important;
    max-width: none;
}
html body .page-heading h1 em {
    display: block;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 400;
    color: #b57b19 !important;
}
html[data-theme="dark"] body .page-heading h1 em { color: var(--gold) !important; }
html body .page-heading h1 br { display: none; }
html body .page-heading p:not([class$="-eyebrow"]) {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: end;
    border-left: 1px solid #c68b2550;
    padding: 10px 0 12px 30px;
    margin: 0 !important;
    max-width: none;
    font: 400 14px/1.9 var(--font-body) !important;
    color: var(--text-soft) !important;
}
html body .page-heading :is([class$="hero__actions"], .container > div > a) {
    grid-column: 2;
    grid-row: 3;
    align-self: start;
    margin: 0 !important;
    padding: 0 0 8px 30px;
    border-left: 1px solid #c68b2550;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px !important;
}
html body .page-heading a {
    background: transparent;
    color: var(--heading);
    border: 0;
    border-bottom: 1px solid var(--gold-deep);
    border-radius: 0;
    box-shadow: none;
    min-height: 0;
    padding: 5px 0;
    font: 700 12px/1.6 var(--font-body);
}
.page-heading :is([class$="hero__features"], [class$="hero__meta"], [class$="hero__stats"], [class$="hero__trust"]) { display: none; }
@media (max-width: 767px) {
    html body .page-heading { padding: 23px 0 26px !important; }
    html body .page-heading > .container > :first-child { display: flex; flex-direction: column; gap: 0; }
    html body .page-heading h1 { font-size: 36px !important; }
    html body .page-heading p:not([class$="-eyebrow"]) { padding: 16px 0 10px; border: 0; font-size: 12px !important; line-height: 1.7 !important; }
    html body .page-heading :is([class$="hero__actions"], .container > div > a) { padding: 0; border-left: 0; }
}