html body:not(:has(#page-home)):not(:has(#page-about-intro)) .works-breadcrumb {
    display: none !important;
}
html.preview-headings-preparing body:not(:has(#page-home)):not(:has(#page-about-intro)) h1 {
    visibility: hidden;
}
html.preview-headings-preparing body:not(:has(#page-home)):not(:has(#page-about-intro)) :is(main, .page-section, .policy-page):not([data-preview-static-layout]) {
    opacity: 0 !important;
    visibility: hidden !important;
}
html body.preview-heading-lead .preview-heading-follow {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
html body[data-preview-page-headings] {
    --preview-title-size: clamp(32px, 4.2vw, 60px);
    --preview-title-color: #fff;
    --preview-description-size: 20px;
    --preview-description-leading: 1.5;
    --preview-description-color: rgba(255, 255, 255, .75);
}
html body.light-mode[data-preview-page-headings] {
    --preview-title-color: #0b0b0b;
    --preview-description-color: #555;
}
html body[data-preview-page-headings] .preview-page-title {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden;
    white-space: normal !important;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
html body[data-preview-page-headings] .preview-page-title-text {
    display: block;
    font: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}
html body[data-preview-page-headings] .preview-page-title-text * {
    font: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}
html body[data-preview-page-headings] .preview-page-description {
    display: block;
    margin: 18px auto 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
html body[data-preview-page-headings] .preview-page-description * {
    font: inherit !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    letter-spacing: inherit !important;
}
html body.preview-heading-play .preview-page-title-text {
    animation: previewPageTitleIn 1.4s cubic-bezier(.25, .55, .25, 1) both;
}
html body.preview-heading-play .preview-page-description {
    animation: previewPageDescriptionIn .55s cubic-bezier(.22, 1, .36, 1) .4s both !important;
}
@keyframes previewPageTitleIn {
    from { opacity: 0; transform: translateY(110%); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes previewPageDescriptionIn {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}
/* Partners: title, description, left card, right card, then the bottom note. */
html body.preview-heading-play #page-partners .preview-page-description {
    animation: previewPageDescriptionIn .7s cubic-bezier(.22, 1, .36, 1) .45s both !important;
}
html body.preview-heading-play #page-partners .partners-card {
    animation: previewPartnerCardIn var(--partners-enter-duration) cubic-bezier(.22, 1, .36, 1) var(--partners-first-card-delay) both !important;
}
html body.preview-heading-play #page-partners .partners-card:nth-child(2) {
    animation-delay: calc(var(--partners-first-card-delay) + var(--partners-card-stagger)) !important;
}
html body.preview-heading-play #page-partners .partners-note {
    animation: previewPageDescriptionIn var(--partners-enter-duration) cubic-bezier(.22, 1, .36, 1) var(--partners-note-delay) both !important;
}
@keyframes previewPartnerCardIn {
    from { opacity: 0; translate: 0 24px; }
    to { opacity: 1; translate: 0 0; }
}
@media (max-width: 1400px) {
    html body[data-preview-page-headings] {
        --preview-description-size: 18px;
        --preview-description-leading: 1.6;
    }
    html body.light-mode[data-preview-page-headings] { --preview-title-color: #1a1a1a; }
}
@media (min-width: 600px) and (max-width: 1400px) {
    html body[data-preview-page-headings] {
        --preview-title-size: clamp(44px, 5.2vw, 64px);
        --preview-description-size: 22px;
    }
}
@media (prefers-reduced-motion: reduce) {
    html body.preview-heading-play .preview-page-title-text,
    html body.preview-heading-play .preview-page-description,
    html body.preview-heading-play #page-partners :is(.preview-page-description, .partners-card, .partners-note) { animation: none !important; }
}