/* AX's sparse ordered-dither bands and chapter spacing, in About's orange. */
.about2-work { position: relative; isolation: isolate; overflow: hidden; }
.about2-dither { position: absolute; inset: 0; width: 100%; height: 100%; image-rendering: pixelated; pointer-events: none; z-index: -1; }
.about2-work .about2-dither { left: auto; width: 56%; height: min(420px, 100%); mask-image: linear-gradient(to right, transparent, #000 60%); }
.about2-work .about2-section-head { display: block; }
.about2-work .about2-section-head > .about2-lead { max-width: 760px; margin-top: 24px; text-wrap: balance; }
.about2-path > .about2-wrap { display: grid; grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr); gap: 56px 64px; }
.about2-path-head { grid-column: 1; grid-row: 1; }
.about2-path .about2-stats { grid-column: 2; grid-row: 1; align-self: end; margin: 0 !important; }
.about2-path .about2-history { grid-column: 1 / -1; }
.about2-path .about2-stats > div { min-width: 0; padding-inline: 24px 16px; }
.about2-path .about2-stats > div:first-child { padding-left: 0; }
.about2-path .about2-stats dd { min-width: 0; gap: 8px; white-space: nowrap; }
.about2-path .about2-stats strong { flex: none; font-size: clamp(52px, 5.2vw, 80px); }
.about2-path .about2-stats dd > span { flex: none; font-size: clamp(18px, 1.8vw, 26px); }
/* Compact closing: approved orange surface and type; outer ring .32 white,
   center 2.5px white; the cover's soft pulse expands farther over 14s. */
.about2-closing { --about-closing-surface: #e8642c; position: relative; isolation: isolate; overflow: clip; background: var(--about-closing-surface); color: #fff; scroll-margin-top: var(--header-height); }
.about2-closing .bl_people { margin: 0; padding-block: 48px; background: transparent; }
.about2-closing .l_wrapper { box-sizing: border-box; width: 100%; max-width: calc(var(--about-width) + var(--about-gutter) * 2); margin-inline: auto; padding-inline: var(--about-gutter); }
.about2-closing .bl_people-container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 480px); align-items: center; gap: 48px; position: relative; z-index: auto; }
.about2-closing .bl_people-header { min-width: 0; }
.about2-closing .common_headings { margin: 0; }
.about2-closing .bl_people .common_title { margin: 0 0 16px; color: #fff; font-size: 32px; font-weight: 700; line-height: 1.42; white-space: normal; }
.about2-closing .bl_people .common_title strong { font-weight: inherit; }
.about2-closing .bl_people .common_description { color: #fff; font-size: 16px; line-height: 1.7; }
.about2-closing .bl_people-controls { margin: 24px 0 0; border-top: 0; }
.about2-closing .common_link { box-sizing: border-box; width: 200px; padding-top: 10px; border-top: 2px solid currentColor; }
.about2-closing .common_link p { margin: 0; color: #fff; font-size: 14px; line-height: 1.5; }
.about2-closing .common_link h2 { margin: 4px 0 0; font-size: 22px; line-height: 1.5; text-wrap: balance; }
.about2-closing .common_link svg { top: 10px; right: 0; width: 16px; height: 16px; margin: 0; }
.about2-closing-orbit { display: block; justify-self: center; width: min(100%, 320px); height: auto; aspect-ratio: 1; overflow: visible; }
.about2-closing-orbit-outer { stroke: rgb(255 255 255 / .32); stroke-width: 1.2; }
.about2-closing-orbit-pulse { opacity: 0; transform-box: view-box; transform-origin: 50% 50%; }
.about2-closing-orbit-center { stroke: #fff; stroke-width: 2.5; }
@keyframes about2-closing-pulse {
    0% { transform: scale(1); opacity: 0; }
    20% { opacity: .85; }
    100% { transform: scale(6); opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) {
    .about2-closing-orbit.is-pulsing .about2-closing-orbit-pulse { animation: about2-closing-pulse 14s linear infinite both; }
}
@media print {
    .about2-closing-orbit.is-pulsing .about2-closing-orbit-pulse { animation: none; opacity: 0; }
}
.about2-closing .common_link:focus-visible { outline: 3px solid #fff; outline-offset: 6px; }
@media (max-width: 1200px) {
    .about2-closing .bl_people-container { grid-template-columns: minmax(0, 1fr) minmax(190px, .6fr); gap: 32px; }
    .about2-closing-orbit { max-width: 260px; }
}
@media (max-width: 600px) {
    .about2-work .about2-lead br { display: none; }
    .about2-closing .bl_people { padding-block: 32px; }
    .about2-closing .bl_people-container { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .about2-closing .bl_people-header { display: block; }
    .about2-closing .bl_people .common_title { font-size: 28px; }
    .about2-closing .bl_people-controls { margin-top: 24px; }
    .about2-closing-orbit { width: min(100%, 220px); }
}
/* Same 20-step strip, 1.5s curve and 90ms digit stagger as AX's price figures. */
.about2-number-digits { display: inline-flex; vertical-align: -.08em; line-height: 1; }
.about2-number-value { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.about2-number-slot { display: inline-block; height: 1em; overflow: hidden; line-height: 1; }
.about2-number-strip { display: block; transform: translateY(0); transition: transform 1.5s cubic-bezier(.18,.82,.26,1) calc(var(--i,0) * 90ms); }
.about2-number-strip > span { display: block; height: 1em; line-height: 1; }
[data-about2-number].is-on .about2-number-strip { transform: translateY(-20em); }
[data-about2-number].is-settled .about2-number-strip { transition: none; }
/* Share the chapter columns so every history sentence starts under 2015. */
@media (min-width: 1201px) {
    .about2-path .about2-history { display: grid; grid-template-columns: subgrid; }
    .about2-path .about2-history li { grid-column: 1 / -1; grid-template-columns: subgrid; column-gap: normal; }
}
@media (max-width: 1200px) {
    .about2-path > .about2-wrap { grid-template-columns: minmax(0,1fr); gap: 40px; }
    .about2-path .about2-stats { grid-column: 1; grid-row: 2; }
    .about2-work .about2-dither { width: 70%; opacity: .6; }
}
/* Give each figure a complete row before its value and unit approach the divider. */
@media (max-width: 700px) {
    .about2-path .about2-stats { grid-template-columns: minmax(0, 1fr); }
    .about2-path .about2-stats > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 24px; padding: 24px 0; border-left: 0; border-bottom: 1px solid var(--color-rule); }
    .about2-path .about2-stats > div:first-child { padding-top: 0; }
    .about2-path .about2-stats strong { font-size: 64px; }
    .about2-path .about2-stats dd > span { font-size: 20px; }
}
@media (max-width: 480px) {
    .about2-path .about2-stats > div { grid-template-columns: minmax(0,1fr); gap: 8px; padding-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .about2-number-strip { transform: translateY(-20em); transition: none; }
}
