/* Promo page on the About page of each title. Rules and type only: no boxes, no shadows. */

body.bia-promo-page,
body.bia-promo-page :is(#page, .site, .site-content, .content-area, .site-main),
body.bia-promo-page .inside-article {
    background: var(--dia-cream, #FBF6EE) !important;
}

body.bia-promo-page .site-content {
    max-width: 1120px;
    padding: 56px 40px 88px;
}

body.bia-promo-page .entry-content {
    max-width: none;
    color: var(--dia-body, #1B1815);
    font-family: var(--dia-copy, Georgia, serif);
    font-size: 19px;
    line-height: 1.6;
}

.bia-promo { --bia-ink: var(--dia-ink, #14110F); --bia-mute: var(--dia-mute, #6B645C); }
.bia-promo p { margin: 0; }

.bia-promo__hero { max-width: 860px; padding-bottom: 56px; }
.bia-promo__kicker {
    display: inline-block;
    margin-bottom: 22px !important;
    padding: 5px 12px;
    background: var(--bia-promo-accent);
    color: var(--dia-cream, #FBF6EE);
    font-family: var(--dia-ui, "Arial Narrow", sans-serif);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.14em;
    line-height: 1.3;
    text-transform: uppercase;
}
body.bia-promo-page .entry-content .bia-promo__headline {
    margin: 0 0 26px;
    color: var(--bia-ink);
    font-family: var(--dia-display, Impact, sans-serif);
    font-size: clamp(46px, 7vw, 92px);
    font-weight: 400;
    line-height: 0.95;
    text-transform: uppercase;
}
.bia-promo__deck { max-width: 700px; font-size: 22px; line-height: 1.5; }
.bia-promo__action { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 34px !important; }
.bia-promo__button,
.bia-promo__button:visited {
    display: inline-block;
    padding: 15px 26px;
    background: var(--bia-promo-accent);
    color: var(--dia-cream, #FBF6EE);
    font-family: var(--dia-ui, "Arial Narrow", sans-serif);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}
.bia-promo__button:hover,
.bia-promo__button:focus-visible { background: var(--bia-promo-accent-dark); color: var(--dia-cream, #FBF6EE); }
.bia-promo__note { color: var(--bia-mute); font-family: var(--dia-ui, sans-serif); font-size: 15px; letter-spacing: 0.03em; }

.bia-promo__section {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 18px 48px;
    padding: 30px 0 46px;
    border-top: 4px solid var(--bia-ink);
}
body.bia-promo-page .entry-content .bia-promo__title {
    margin: 0;
    color: var(--bia-ink);
    font-family: var(--dia-display, Impact, sans-serif);
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}
.bia-promo__section > :not(.bia-promo__title) { grid-column: 2; }

.bia-promo__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; }
.bia-promo__pair strong { color: var(--bia-promo-accent-dark); font-family: var(--dia-headline, Georgia, serif); font-weight: 700; }
.bia-promo__pair p + p { padding-left: 34px; border-left: 1px solid var(--dia-rule-mid, rgba(20,17,15,0.25)); }

body.bia-promo-page .entry-content .bia-promo__topics,
body.bia-promo-page .entry-content .bia-promo__method { margin: 0; padding: 0; list-style: none; }
.bia-promo__topics { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }
.bia-promo__topics li,
.bia-promo__method li { margin: 0; padding: 16px 0 18px; border-bottom: 1px solid var(--dia-rule-soft, rgba(20,17,15,0.2)); }
.bia-promo__topic {
    display: block;
    margin-bottom: 4px;
    color: var(--bia-ink);
    font-family: var(--dia-ui, "Arial Narrow", sans-serif);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.bia-promo__line { display: block; font-size: 18px; line-height: 1.5; }
.bia-promo__audience { margin-top: 24px !important; color: var(--bia-mute); font-style: italic; }

.bia-promo__method li { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: start; }
.bia-promo__num { color: var(--bia-promo-accent); font-family: var(--dia-display, Impact, sans-serif); font-size: 42px; line-height: 0.9; }

.bia-promo__markets { font-family: var(--dia-ui, sans-serif); font-size: 20px; letter-spacing: 0.04em; line-height: 1.7; }

.bia-promo__close {
    margin-top: 16px;
    padding: 52px 48px 56px;
    background: var(--bia-promo-accent);
    color: var(--dia-cream, #FBF6EE);
}
body.bia-promo-page .entry-content .bia-promo__close-title {
    margin: 0 0 12px;
    color: var(--dia-cream, #FBF6EE);
    font-family: var(--dia-display, Impact, sans-serif);
    font-size: clamp(36px, 5vw, 60px);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}
.bia-promo__close p { max-width: 640px; margin-bottom: 28px !important; font-size: 20px; }
.bia-promo__button--light,
.bia-promo__button--light:visited { background: var(--dia-cream, #FBF6EE); color: var(--bia-promo-accent-dark); }
.bia-promo__button--light:hover,
.bia-promo__button--light:focus-visible { background: var(--dia-ink, #14110F); color: var(--dia-cream, #FBF6EE); }

/* One quiet entrance as the page loads. */
@media (prefers-reduced-motion: no-preference) {
    .bia-promo > * { animation: bia-promo-rise 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
    .bia-promo > :nth-child(2) { animation-delay: 0.12s; }
    .bia-promo > :nth-child(3) { animation-delay: 0.22s; }
    .bia-promo > :nth-child(n+4) { animation-delay: 0.3s; }
    .bia-promo__headline { animation: bia-promo-rise 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) 0.05s both; }
}
@keyframes bia-promo-rise {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 860px) {
    .bia-promo__section { grid-template-columns: 1fr; }
    .bia-promo__section > :not(.bia-promo__title) { grid-column: 1; }
}

@media (max-width: 700px) {
    body.bia-promo-page .site-content { padding: 32px 16px 56px; }
    body.bia-promo-page .entry-content { font-size: 17px; }
    .bia-promo__hero { padding-bottom: 40px; }
    .bia-promo__deck { font-size: 19px; }
    .bia-promo__pair,
    .bia-promo__topics { grid-template-columns: 1fr; }
    .bia-promo__pair { gap: 18px; }
    .bia-promo__pair p + p { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--dia-rule-mid, rgba(20,17,15,0.25)); }
    .bia-promo__line { font-size: 17px; }
    .bia-promo__close { padding: 36px 22px 40px; }
    .bia-promo__close p { font-size: 18px; }
}

/* 20 October 2026: About page explainer video (replaces "How we report" on CIA and DIA). */
.bia-promo__video { display: block; width: 100%; max-width: 900px; height: auto; aspect-ratio: 16 / 9; background: var(--bia-ink, #14110F); }