.header-ui__box-10 { width: 2.5rem; height: 2.5rem; }

.hero-tide__band { min-height: 34rem; display: flex; align-items: center; }
.hero-tide__waves { height: 11rem; }
.hero-tide__wave { position: absolute; left: 0; bottom: 0; width: 200%; height: 100%; }
.hero-tide__wave--1 { animation: hero-tide-drift 22s linear infinite; }
.hero-tide__wave--2 { animation: hero-tide-drift 16s linear infinite reverse; height: 85%; }
.hero-tide__wave--3 { animation: hero-tide-drift 28s linear infinite; height: 60%; }

.hero-tide__copy > * { opacity: 0; transform: translateY(1.5rem); animation: hero-tide-rise 900ms cubic-bezier(.2, .8, .2, 1) forwards; }
.hero-tide__copy > *:nth-child(2) { animation-delay: 140ms; }
.hero-tide__copy > *:nth-child(3) { animation-delay: 280ms; }
.hero-tide__title { letter-spacing: -0.02em; }

.hero-tide__chip { max-width: 14rem; overflow-wrap: anywhere; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); animation: hero-tide-float 6s ease-in-out infinite; }
.hero-tide__chip--0 { top: 66% !important; left: 2% !important; }
.hero-tide__chip--1 { top: 14% !important; left: auto !important; right: 2%; animation-delay: -3s; }

@keyframes hero-tide-drift { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes hero-tide-rise { to { opacity: 1; transform: none; } }
@keyframes hero-tide-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }

@media (prefers-reduced-motion: reduce) {
    .hero-tide__wave, .hero-tide__chip { animation: none; }
    .hero-tide__copy > * { animation: none; opacity: 1; transform: none; }
}

/* the floating chips sit at the section edges from xl up: keep the copy narrow enough that a long headline never runs under them */
@media (min-width: 1200px) { .hero-tide__copy { max-width: 44rem; margin-left: auto; margin-right: auto; } }

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.hero-tide[hidden], .hero-tide [hidden], .hero-tide .hidden.d-none { display: none !important; }

.content-col-grow {
    flex: 1 1 0%;
    min-width: 0;
}

.content-img-fill {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 16rem;
    min-width: 0;
    object-fit: cover;
    flex-shrink: 0;
}

.content-min-base {
    min-height: 16rem;
}

.bodycopy-storyblock__text-panel-inset {
    padding: 4rem;
}

.about-console__head { max-width: 46rem; }

.about-console__tab { appearance: none; -webkit-appearance: none; font: inherit; cursor: pointer; opacity: .6; transition: opacity 300ms ease, transform 300ms ease, box-shadow 300ms ease; }
.about-console__tab:hover { opacity: .85; }
.about-console__tab.is-active { opacity: 1; transform: translateY(-.25rem); }
.about-console__tab:focus-visible { outline: 2px solid; outline-offset: 2px; }
.about-console__tab { min-width: 0; }
.about-console__tab > :first-child { min-width: 0; max-width: 100%; overflow-wrap: anywhere; hyphens: auto; }
.about-console__num { width: 1.75rem; height: 1.75rem; font-size: .8125rem; }
.about-console__track { height: .25rem; }
.about-console__fill { width: 0; }

.about-console__panel.is-active { animation: about-console-in 600ms cubic-bezier(.2, .8, .2, 1) both; }
@keyframes about-console-in { from { opacity: 0; transform: translateY(1rem); } to { opacity: 1; transform: none; } }

.about-console__dot { width: .625rem; height: .625rem; }
.about-console__caption { font-size: .875rem; line-height: 1.25rem; }

.about-console__chart { aspect-ratio: 2 / 1; }
.about-console__chart svg { display: block; width: 100%; height: 100%; overflow: visible; }
.about-console__chart text { font-size: 13px; font-weight: 600; }

.about-console__line { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1400ms cubic-bezier(.2, .8, .2, 1); }
.about-console__fade { opacity: 0; transition: opacity 900ms ease 400ms; }
.about-console__col { transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0); transition: transform 900ms cubic-bezier(.2, .8, .2, 1); }
.about-console__bar { transform-box: fill-box; transform-origin: 0 50%; transform: scaleX(0); transition: transform 900ms cubic-bezier(.2, .8, .2, 1); }
.about-console__arc { stroke-dashoffset: 0; transition: stroke-dasharray 1200ms cubic-bezier(.2, .8, .2, 1); }

.about-console__chart.is-drawn .about-console__line { stroke-dashoffset: 0; }
.about-console__chart.is-drawn .about-console__fade { opacity: 1; }
.about-console__chart.is-drawn .about-console__col,
.about-console__chart.is-drawn .about-console__bar { transform: none; }

@media (prefers-reduced-motion: reduce) {
    .about-console__tab, .about-console__line, .about-console__fade, .about-console__col, .about-console__bar, .about-console__arc { transition: none; }
    .about-console__panel.is-active { animation: none; }
}

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.about-console[hidden], .about-console [hidden], .about-console .hidden.d-none { display: none !important; }

/* metric value and its label wrap instead of pushing the label out of the panel */
.about-console :has(> strong > [data-count-to]) { flex-wrap: wrap; row-gap: .25rem; }
.about-console :has(> strong > [data-count-to]) > span { min-width: 0; overflow-wrap: anywhere; }

.header-ui__box-12 { width: 3rem; height: 3rem; }

@media (min-width: 1024px) {
    .tools-ledger__sticky { position: sticky; top: 7rem; }
}

.tools-ledger__copy { min-width: 0; }
.tools-ledger__row { opacity: 0; transform: translateY(1rem); transition: opacity 500ms ease, transform 500ms ease; }
.tools-ledger__row.is-visible { opacity: 1; transform: none; }

.tools-ledger__desc {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tools-ledger__link:hover .tools-ledger__desc { -webkit-line-clamp: 4; }

.tools-ledger__spark { display: block; width: 100%; height: 2.5rem; }
.tools-ledger__spark polyline { stroke-dasharray: 300; stroke-dashoffset: 300; transition: stroke-dashoffset 1200ms ease; }
.tools-ledger__spark circle { transition: opacity 300ms ease 1100ms; }
.tools-ledger__row.is-visible .tools-ledger__spark polyline { stroke-dashoffset: 0; }
.tools-ledger__row.is-visible .tools-ledger__spark circle { opacity: 1; }

.tools-ledger__arrow { transition: transform 200ms ease; }
.tools-ledger__link:hover .tools-ledger__arrow { transform: translateX(6px); }

@media (prefers-reduced-motion: reduce) {
    .tools-ledger__row { opacity: 1; transform: none; transition: none; }
}

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.tools-ledger[hidden], .tools-ledger [hidden], .tools-ledger .hidden.d-none { display: none !important; }

.content-col-grow {
    flex: 1 1 0%;
    min-width: 0;
}

.content-img-fill {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 16rem;
    min-width: 0;
    object-fit: cover;
    flex-shrink: 0;
}

.prose-bodycopy__text-panel-inset {
    padding: 4rem;
}

.stats-strata__swatch { width: 1rem; height: 1rem; flex-shrink: 0; }
.stats-strata__layer--1 { opacity: .55; }
.stats-strata__layer--2 { opacity: .25; }

.stats-strata__stage { height: 16rem; }
.stats-strata__chart { display: block; width: 100%; height: 100%; overflow: visible; }
.stats-strata__area { transform: scaleY(0); transform-origin: bottom; transform-box: fill-box; transition: transform 1100ms cubic-bezier(.2, .8, .2, 1); }
.stats-strata__area.stats-strata__layer--0 { opacity: .9; transition-delay: 600ms; }
.stats-strata__area.stats-strata__layer--1 { transition-delay: 300ms; }
[data-strata].is-visible .stats-strata__area { transform: scaleY(1); }

[data-guides] line { stroke-dasharray: 4 5; opacity: 0; transition: opacity 400ms ease 1400ms; }
[data-strata].is-visible [data-guides] line { opacity: 1; }

.stats-strata__pin { width: 2rem; height: 2rem; transform: translate(-50%, -50%) scale(0); transition: transform 400ms cubic-bezier(.3, 1.6, .5, 1); }
[data-strata].is-visible .stats-strata__pin { transform: translate(-50%, -50%) scale(1); }
.stats-strata__pin.is-hot { transform: translate(-50%, -50%) scale(1.3) !important; }

.stats-strata__num { width: 1.5rem; height: 1.5rem; flex-shrink: 0; }
.stats-strata__callout { cursor: default; transition: transform 200ms ease; }
.stats-strata__callout:hover,
.stats-strata__callout:focus-visible { transform: translateY(-3px); }
.stats-strata__micro { font-size: .75rem; }

@media (prefers-reduced-motion: reduce) {
    .stats-strata__area, .stats-strata__pin, [data-guides] line { transition: none; transform: none; opacity: 1; }
    [data-strata].is-visible .stats-strata__pin { transform: translate(-50%, -50%); }
}
.stats-strata__micro { min-width: 0; }
.stats-strata__micro > span { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.stats-strata__micro > span:first-child { text-align: left; }
.stats-strata__micro > span:last-child { text-align: right; }
/* long values must wrap inside the 2-column grid on phones */
.stats-strata__callout { min-width: 0; }
/* badge always sits above the value so all four callouts line up */
.stats-strata__callout > dd { flex-direction: column; align-items: flex-start !important; gap: .5rem !important; min-width: 0; }
.stats-strata__value { min-width: 0; overflow-wrap: anywhere; line-height: 1.1; }
.stats-strata__suffix { display: inline-block; font-size: .6em; margin-left: .1em; line-height: 1.2; vertical-align: baseline; }
@media (max-width: 575px) { .stats-strata__callout > dd { font-size: 1.5rem !important; } }

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.stats-strata[hidden], .stats-strata [hidden], .stats-strata .hidden.d-none { display: none !important; }
.stats-strata__num { align-self: flex-start !important; }


.posts-updates__story--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

.posts-updates__picture--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

/* cta v38 — surge band: rising area chart + staggered copy reveal (no colors) */
.cta-surge__band { isolation: isolate; }
.cta-surge__chart { pointer-events: none; top: auto !important; bottom: 0 !important; height: 55% !important; }
.cta-surge__rise { transform-box: view-box; transform-origin: 50% 100%; transform: scaleY(0); transition: transform 1400ms cubic-bezier(.2, .8, .2, 1); }
.cta-surge__rise path[data-line] { transition: stroke-dashoffset 2200ms ease 300ms; }
[data-surge].is-visible .cta-surge__rise { transform: scaleY(1); }

.cta-surge__pulse { width: .875rem; height: .875rem; opacity: 0; transform: translate(-50%, -50%); transition: opacity 400ms ease 1800ms; }
.cta-surge__pulse::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid; animation: cta-surge-ping 2s ease-out infinite; }
[data-surge].is-visible .cta-surge__pulse { opacity: 1; }

.cta-surge__eyebrow { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.cta-surge__fade { opacity: 0; transform: translateY(1.25rem); transition: opacity 700ms ease, transform 700ms cubic-bezier(.2, .8, .2, 1); }
.cta-surge__fade--2 { transition-delay: 120ms; }
.cta-surge__fade--3 { transition-delay: 240ms; }
[data-surge].is-visible .cta-surge__fade { opacity: 1; transform: none; }

.cta-surge__stat { opacity: 0; transform: translateY(1rem); transition: opacity 600ms ease, transform 600ms ease; }
[data-surge].is-visible .cta-surge__stat { opacity: 1; transform: none; }
[data-surge].is-visible li:nth-child(2) .cta-surge__stat { transition-delay: 150ms; }
[data-surge].is-visible li:nth-child(3) .cta-surge__stat { transition-delay: 300ms; }

@keyframes cta-surge-ping { 0% { transform: scale(1); opacity: .6; } 100% { transform: scale(3.2); opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
    .cta-surge__rise, .cta-surge__fade, .cta-surge__stat { transition: none; transform: none; opacity: 1; }
    .cta-surge__rise path[data-line] { transition: none; }
    .cta-surge__pulse { transition: none; }
    .cta-surge__pulse::after { animation: none; }
}

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.cta-surge[hidden], .cta-surge [hidden], .cta-surge .hidden.d-none { display: none !important; }


.narrative-chapter__title-trail { margin-bottom: 2rem; }

.narrative-chapter__shell-section-pad {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.content-heading-gap {
    margin-bottom: 2rem;
}