@font-face {
            font-family: 'Bebas Neue';
            src: url('fonts/BebasNeue-Regular.ttf') format('truetype');
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Akkurat';
            src: url('fonts/akkurat.ttf') format('truetype');
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            /* Match shared nav typography exactly */
            font-family: 'Korthos Mono';
            src: url('fonts/JetBrainsMono[wght].ttf') format('truetype');
            font-weight: 100 900;
            font-style: normal;
            font-display: swap;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --color-bg: var(--paper, #f0efeb);
            --color-text: #1a1a1a;
            --color-text-muted: #666666;
            --color-text-faint: #999999;
            --color-accent: #FF6B35;
            --color-rule: #1a1a1a;
            --font-bebas: var(--site-display);
            --font-mono: var(--site-body);
            --font-archivo: var(--site-display);
            --font-akkurat: var(--site-body);
            /* Home ticker (aligned with home.html / chart highlight) */
            --home-ink-band: #1a1916;
            --home-ink-line: rgba(255, 255, 255, 0.085);
            --chart-highlight: #B42A1A;
            /* home.html — shared page shell (hero-canvas / home-content) */
            --korthos-page-max: 1200px;
            --korthos-page-pad-x: clamp(40px, 6vw, 80px);
            --korthos-rule-soft: rgba(0, 0, 0, 0.07);
            --korthos-rule-mid: rgba(20, 20, 16, 0.12);
            --korthos-rule-strong: rgba(20, 20, 16, 0.18);
            --korthos-ink: #141410;
        }

        /* Record: same utility scale + rules as homepage modules (section-label, rails, gutters) */
        body.page-record {
            /* Homepage-adjacent: one mono utility system, darker + more legible */
            font-family: var(--font-mono);
            --font-display: var(--font-bebas);
            --record-meta-size: 12px;
            --record-meta-size-sm: 10px;
            --record-meta-muted: rgba(26, 26, 26, 0.78);
            --record-util-fg: rgba(26, 26, 26, 0.72);
            --record-util-fg-soft: rgba(26, 26, 26, 0.58);
            --record-util-fg-date: rgba(26, 26, 26, 0.58);
            --record-util-fg-action: rgba(26, 26, 26, 0.76);
            --record-util-track-date: 0.09em;
            --record-util-track-ui: 0.12em;
            --record-util-track-cap: 0.14em;
            --record-util-track-action: 0.16em;
            --record-brief-deck-size: clamp(12px, 0.74rem + 0.1vw, 13px);
            --record-brief-deck-leading: 1.42;
            --record-brief-deck-color: rgba(26, 26, 26, 0.7);
            --record-rhythm-rail-to-title: 0.48rem;
            --record-rhythm-title-to-sub: 0.3rem;
            --record-rhythm-sub-to-deck: 0.34rem;
            --record-rhythm-row-pad-y: 0.62rem;
            /* Few rules: hairline section + row only */
            --record-rule-ink: rgba(20, 20, 16, 0.14);
            --record-rule-section: 1px solid var(--record-rule-ink);
            --record-rule-row: 1px solid rgba(20, 20, 16, 0.11);
            --record-section-gap: clamp(1.75rem, 3.2vw, 2.65rem);
            --record-rule-soft: var(--korthos-rule-soft);
            --record-rule-mid: var(--korthos-rule-mid);
            --record-rail: 2.35rem;
            --record-media: 132px;
            --record-media-max-h: 120px;
            --record-media-max-h-lead: 168px;
            --record-gutter: 1rem;
            --rule: var(--record-rule-ink);
            --muted: var(--record-meta-muted);
            --muted-2: rgba(26, 26, 26, 0.52);
        }

        body {
            font-family: var(--font-akkurat);
            background-color: var(--color-bg);
            color: var(--color-text);
            line-height: 1.5;
            -webkit-font-smoothing: antialiased;
        }

        /* =====================================================================
           Live ticker — same markup + behaviour as home.html
           ===================================================================== */
        .home-ticker-wrap {
            display: none;
            width: 100%;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            background: var(--home-ink-band);
            border-bottom: 1px solid var(--home-ink-line);
        }
        .home-ticker-wrap.is-visible {
            display: block;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1000000;
        }
        .home-ticker {
            position: relative;
            display: block;
            width: 100%;
            max-width: none;
            margin: 0;
            padding: 0 40px 0 0;
            box-sizing: border-box;
            min-height: 28px;
        }
        .home-ticker__flag {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 52px;
            padding: 0 20px 0 12px;
            font-family: var(--site-display);
            font-size: 10px;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: #f5f4ef;
            background: var(--home-ink-band);
            clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
            user-select: none;
            pointer-events: none;
        }
        .home-ticker__viewport {
            min-width: 0;
            overflow: hidden;
            position: relative;
            display: flex;
            align-items: center;
            padding: 6px 12px 6px clamp(56px, 18vw, 76px);
            mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 96%, transparent 100%);
            -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 96%, transparent 100%);
        }
        .home-ticker__track {
            display: flex;
            width: max-content;
            will-change: transform;
            animation: home-ticker-marquee 88s linear infinite;
        }
        .home-ticker-wrap:hover .home-ticker__track {
            animation-play-state: paused;
        }
        .home-ticker__strip {
            display: flex;
            align-items: center;
            flex-shrink: 0;
            gap: clamp(18px, 2.5vw, 32px);
            padding-right: clamp(18px, 2.5vw, 32px);
        }
        .home-ticker__dot {
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background: var(--chart-highlight);
            opacity: 0.85;
            flex-shrink: 0;
            margin-right: 2px;
        }
        .home-ticker__item {
            display: inline-flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 6px;
            font-family: var(--font-mono);
            font-size: 10px;
            line-height: 1.35;
            letter-spacing: 0.06em;
            color: rgba(238, 237, 231, 0.62);
            text-decoration: none;
            white-space: nowrap;
            border-radius: 0;
            transition: color 0.15s ease, opacity 0.15s ease;
        }
        .home-ticker__item:hover,
        .home-ticker__item:focus-visible {
            color: rgba(245, 244, 239, 0.92);
            outline: none;
        }
        .home-ticker__label {
            font-weight: 600;
            color: rgba(245, 244, 239, 0.92);
            flex-shrink: 0;
            max-width: none;
            overflow: visible;
            text-overflow: clip;
        }
        .home-ticker__item:hover .home-ticker__label,
        .home-ticker__item:focus-visible .home-ticker__label {
            color: #f5f4ef;
        }
        .home-ticker__sep {
            color: rgba(238, 237, 231, 0.28);
            font-weight: 400;
            padding: 0 0.15em;
        }
        .home-ticker__text {
            font-weight: 400;
            color: rgba(238, 237, 231, 0.48);
            flex-shrink: 0;
            max-width: none;
            overflow: visible;
            text-overflow: clip;
        }
        .home-ticker__pct {
            font-weight: 700;
            letter-spacing: 0.04em;
        }
        .home-ticker__pct--up { color: #4ade80; }
        .home-ticker__pct--dn { color: #f87171; }
        @keyframes home-ticker-marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        @media (prefers-reduced-motion: reduce) {
            .home-ticker__track {
                animation: none;
                transform: none;
            }
            .home-ticker__strip[aria-hidden="true"] { display: none; }
            .home-ticker__viewport {
                mask-image: none;
                -webkit-mask-image: none;
            }
        }
        @media (max-width: 768px) {
            .home-ticker-wrap { padding: 0 16px 0 0; }
        }

        /* Main — match homepage hero-canvas density */
        .main {
            max-width: var(--korthos-page-max);
            margin: 0 auto;
            padding: clamp(28px, 4vw, 44px) var(--korthos-page-pad-x) clamp(36px, 5vw, 56px);
            box-sizing: border-box;
        }

        /* Record: editorial column narrower than global --korthos-page-max */
        body.page-record .main {
            max-width: none;
            padding-left: 0;
            padding-right: 0;
        }
        .record-page {
            max-width: 1120px;
            margin: 0 auto;
            padding-inline: clamp(20px, 4vw, 56px);
            box-sizing: border-box;
        }

        /* Content — same width as .main; vertical rhythm like home-sections */
        .content {
            display: grid;
            gap: var(--record-section-gap);
            margin-top: 0;
            width: 100%;
            max-width: none;
            margin-left: 0;
            margin-right: 0;
        }

        .archive-lane {
            width: 100%;
            max-width: none;
            margin: 0;
            border-top: none;
            padding-top: 0;
            box-sizing: border-box;
        }
        #record-content > .archive-lane:first-of-type {
            padding-top: 0;
        }
        #news-section {
            border-top: none;
            padding-top: 0;
        }

        .archive-lane--narrow,
        .archive-lane--wide {
            max-width: none;
            width: 100%;
        }

        .archive-intro {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 1rem 1.5rem;
            margin-bottom: 0;
            padding-bottom: 0.55rem;
            border-bottom: none;
        }

        .record-archive-intro {
            align-items: baseline;
        }

        .archive-intro-copy {
            min-width: 0;
            flex: 1 1 auto;
        }

        .archive-heading {
            font-family: var(--font-bebas), var(--font-archivo), sans-serif;
            font-size: clamp(1.64rem, 2.9vw, 2.14rem);
            font-weight: 400;
            line-height: 0.98;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: rgba(12, 12, 10, 0.98);
            margin: 0;
        }

        /* Section lanes — staged vertical rhythm */
        .record-section--lead {
            padding-top: 0.35rem;
        }

        .record-section--other {
            padding-top: 0.15rem;
        }

        #all-featured-news {
            padding-top: 0.15rem;
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
        }

        .mode-all #all-featured-news {
            padding-top: clamp(1.1rem, 2.2vw, 1.5rem);
            margin-top: 0;
            border-top: var(--record-rule-section);
        }


        #all-featured-news .archive-intro {
            margin-bottom: clamp(0.65rem, 1.45vw, 0.92rem);
        }

        /* Featured lead: section intro + brief card only — no duplicate kicker/deck above the card */
        .featured-lead {
            margin-top: 0;
            padding-top: 0;
        }

        /* Briefs archive — one header block, one rule, then list */
        #news-section .archive-intro {
            margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
            padding-bottom: 0.45rem;
        }

        .archive-brief-stack {
            display: grid;
            gap: 0;
        }

        .archive-empty {
            font-family: inherit;
            font-size: 0.75rem;
            letter-spacing: var(--record-util-track-ui);
            text-transform: uppercase;
            color: var(--record-util-fg-soft);
            padding: 1.5rem 0 0.25rem;
        }

        /* Featured */
        .featured {
            /* soften the heavy divider under tabs */
            border-top: 1px solid rgba(26, 26, 26, 0.18);
            padding-top: 1.5rem;
            margin-bottom: 0.5rem;
        }

        .featured-kicker {
            font-family: var(--font-mono);
            font-size: 0.6875rem;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: rgba(26, 26, 26, 0.58);
            margin-bottom: 1rem;
        }

        .featured-title {
            font-family: var(--font-bebas);
            font-size: clamp(2.5rem, 5vw, 4rem);
            line-height: 0.95;
            letter-spacing: 0.02em;
            max-width: 80%;
            margin-bottom: 1.5rem;
            text-transform: uppercase;
        }

        .featured-title a {
            color: inherit;
            text-decoration: none;
        }

        .featured-title a:hover {
            opacity: 0.7;
        }

        .featured-deck {
            font-family: inherit;
            font-size: var(--record-brief-deck-size);
            font-weight: 400;
            line-height: var(--record-brief-deck-leading);
            letter-spacing: 0.01em;
            text-transform: none;
            color: var(--record-brief-deck-color);
            max-width: 60%;
        }

        /* Two Column Layout */
        .two-col {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem 2.5rem;
            border-top: 1px solid var(--korthos-rule-soft);
            padding-top: 2rem;
        }

        .col-header {
            font-family: var(--font-mono);
            font-size: 0.6875rem;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .col-header::after {
            content: '';
            flex: 1;
            height: 1px;
            background-color: var(--color-rule);
            opacity: 0.2;
        }

        /* Reports */
        .report-item {
            display: block;
            text-decoration: none;
            color: inherit;
            padding: 1.5rem 0;
            border-bottom: 1px solid var(--korthos-rule-soft);
            transition: transform 0.2s ease;
        }
        .report-item--row {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
        }
        .report-item--row .report-item__text {
            flex: 1;
            min-width: 0;
        }

        .report-item:hover {
            transform: translateX(4px);
        }

        .report-item:last-child {
            border-bottom: none;
        }

        .report-title {
            font-family: var(--font-bebas);
            font-size: 1.75rem;
            line-height: 1.1;
            letter-spacing: 0.02em;
            margin-bottom: 0.5rem;
            text-transform: uppercase;
        }

        .report-subtitle {
            font-family: inherit;
            font-size: var(--record-brief-deck-size);
            font-weight: 400;
            line-height: var(--record-brief-deck-leading);
            letter-spacing: 0.01em;
            text-transform: none;
            color: var(--record-brief-deck-color);
        }

        .report-arrow {
            font-family: var(--font-mono);
            font-size: 1rem;
            color: var(--color-text-muted);
            margin-top: 1rem;
            display: block;
        }

        /* Briefs */
        .brief-item {
            display: grid;
            grid-template-columns: auto 1fr auto;
            gap: 1.5rem;
            align-items: baseline;
            text-decoration: none;
            color: inherit;
            padding: 1rem 0;
            border-bottom: 1px solid rgba(26, 26, 26, 0.05);
        }

        .brief-item:hover .brief-arrow {
            opacity: 1;
        }

        .brief-kicker {
            font-family: var(--font-mono);
            font-size: 0.625rem;
            letter-spacing: 0.05em;
            color: var(--color-text-faint);
            min-width: 5rem;
            text-transform: uppercase;
        }

        .brief-title {
            font-family: var(--font-archivo);
            font-size: 0.9375rem;
            line-height: 1.3;
        }

        .brief-arrow {
            font-family: var(--font-mono);
            font-size: 0.875rem;
            color: var(--color-text-muted);
            opacity: 0;
            transition: opacity 0.2s ease;
        }

        /* Brief cover plate (title + date range + lead) */
        .brief-plate {
            display: block;
            text-decoration: none;
            color: inherit;
            padding: 1.25rem 0;
            border-bottom: 1px solid rgba(26, 26, 26, 0.08);
            transition: opacity 0.2s ease;
        }
        .brief-plate:hover {
            opacity: 0.88;
        }
        .brief-plate-title {
            font-family: var(--font-bebas), var(--font-archivo), sans-serif;
            font-size: clamp(1.5rem, 3.5vw, 2.25rem);
            font-weight: 900;
            line-height: 0.95;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            color: var(--color-text);
            margin-bottom: 0.35rem;
        }
        .brief-plate-daterange {
            font-family: var(--font-mono);
            font-size: 0.625rem;
            font-weight: 600;
            letter-spacing: 0.06em;
            color: var(--color-text-muted);
            margin-bottom: 0.75rem;
        }
        .brief-plate-divider {
            height: 1px;
            background: rgba(26, 26, 26, 0.15);
            margin-bottom: 0.6rem;
            max-width: 85%;
        }
        .brief-plate-lead-label {
            font-family: var(--font-mono);
            font-size: 0.5625rem;
            font-weight: 700;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: var(--color-text-faint);
            margin-bottom: 0.35rem;
        }
        .brief-plate-lead-title {
            font-family: var(--font-archivo), sans-serif;
            font-size: 1rem;
            font-weight: 900;
            line-height: 1.22;
            letter-spacing: -0.01em;
            color: var(--color-text);
            margin-bottom: 0.25rem;
        }
        .brief-plate-meta {
            font-family: var(--font-mono);
            font-size: 0.5625rem;
            font-weight: 500;
            letter-spacing: 0.07em;
            text-transform: uppercase;
            color: var(--color-text-muted);
        }

        /* Brief cards — one shared grid: rail | main | media. No in-row rules. */
        .brief-card {
            display: block;
            text-decoration: none;
            color: inherit;
            padding: 0;
            border: none;
            transition: opacity 0.2s ease;
        }
        .brief-card:hover { opacity: 0.88; }

        .brief-card-inner {
            display: grid;
            grid-template-columns: var(--record-rail) minmax(0, 1fr) var(--record-media);
            column-gap: var(--record-gutter);
            align-items: start;
        }
        .brief-card.no-image .brief-card-inner {
            grid-template-columns: var(--record-rail) minmax(0, 1fr);
        }

        /* Left rail — index only (01 / 02 / —) */
        .brief-card__col-rail {
            grid-column: 1;
            grid-row: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            min-width: 0;
            padding-top: 0.32rem;
        }
        .brief-card__index-num {
            font-family: inherit;
            font-size: var(--record-meta-size);
            font-weight: 700;
            letter-spacing: var(--record-util-track-date);
            line-height: 1;
            color: rgba(20, 20, 16, 0.88);
            font-variant-numeric: tabular-nums;
        }

        /* Main column — top meta (pill + dates) + headline + company + deck */
        .brief-card__col-main {
            grid-column: 2;
            grid-row: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .brief-card__meta-row {
            display: flex;
            align-items: baseline;
            flex-wrap: wrap;
            gap: 0.45rem 0.9rem;
            margin: 0 0 var(--record-rhythm-rail-to-title);
        }
        .brief-card__meta-row .record-type-pill {
            flex-shrink: 0;
        }
        .brief-card__meta-dates {
            font-family: inherit;
            font-size: var(--record-meta-size-sm);
            font-weight: 500;
            letter-spacing: var(--record-util-track-date);
            text-transform: uppercase;
            color: var(--record-util-fg-date);
            line-height: 1.35;
            white-space: normal;
        }

        .brief-card__headline {
            font-family: var(--font-bebas), var(--font-archivo), sans-serif;
            font-weight: 400;
            line-height: 1.06;
            letter-spacing: 0.032em;
            text-transform: uppercase;
            color: rgba(12, 12, 10, 0.98);
            margin: 0 0 var(--record-rhythm-title-to-sub);
            max-width: 100%;
            display: block;
            overflow: visible;
        }
        .brief-card--archive .brief-card__headline {
            font-size: clamp(1.3rem, 2.45vw, 1.72rem);
        }

        .brief-card__company-line {
            font-family: inherit;
            font-size: var(--record-meta-size-sm);
            font-weight: 500;
            letter-spacing: var(--record-util-track-date);
            text-transform: uppercase;
            color: var(--record-util-fg-soft);
            margin: 0 0 var(--record-rhythm-sub-to-deck);
            line-height: 1.32;
            max-width: 100%;
            white-space: normal;
        }

        .brief-card__deck {
            font-family: inherit;
            font-size: var(--record-brief-deck-size);
            font-weight: 400;
            line-height: var(--record-brief-deck-leading);
            letter-spacing: 0.01em;
            text-transform: none;
            color: var(--record-brief-deck-color);
            margin: 0;
            max-width: 100%;
            display: block;
            overflow: visible;
        }
        /* Archive rows: resolve headline — lighter meta — darker deck faster */
        .brief-card--archive .brief-card__meta-dates {
            color: rgba(26, 26, 26, 0.48);
        }
        .brief-card--archive .brief-card__company-line {
            color: rgba(26, 26, 26, 0.5);
            margin-bottom: 0.4rem;
        }
        /* Soft cap only for extremely long decks — keeps rows scannable */
        .brief-card--archive .brief-card__deck {
            color: rgba(26, 26, 26, 0.82);
            display: -webkit-box;
            -webkit-line-clamp: 8;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .brief-card-media {
            grid-column: 3;
            grid-row: 1;
            width: var(--record-media);
            max-width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: flex-end;
            align-self: end;
            box-sizing: border-box;
        }
        .brief-card.no-image .brief-card-media { display: none; }
        .brief-card.no-image .brief-card__col-main {
            grid-column: 2 / -1;
        }
        .brief-card-media img {
            width: auto;
            max-width: 100%;
            height: auto;
            max-height: var(--record-media-max-h);
            object-fit: contain;
            object-position: right center;
            display: block;
        }

        .brief-card--featured {
            padding: clamp(0.82rem, 1.75vw, 1.18rem) 0 clamp(0.92rem, 1.95vw, 1.28rem);
            border: none;
        }
        .brief-card--featured .brief-card__col-rail {
            padding-top: 0.22rem;
        }
        .brief-card--featured .brief-card__meta-row {
            margin-bottom: 0.32rem;
        }
        .brief-card--featured .brief-card__headline {
            font-size: clamp(1.82rem, 3.85vw, 2.52rem);
            letter-spacing: 0.024em;
            line-height: 0.97;
            max-width: min(42ch, 100%);
            margin-bottom: 0.28rem;
        }
        .brief-card--featured .brief-card__company-line {
            margin-bottom: 0.28rem;
        }
        .brief-card--featured .brief-card__deck {
            max-width: 100%;
            line-height: 1.38;
            display: -webkit-box;
            -webkit-line-clamp: 10;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .brief-card--featured .brief-card-media img {
            max-height: var(--record-media-max-h-lead);
        }

        /* Archive — one border between rows only; compact scan */
        .brief-card--archive {
            padding: var(--record-rhythm-row-pad-y) 0 calc(var(--record-rhythm-row-pad-y) + 0.15rem);
            margin: 0;
            border-bottom: var(--record-rule-row);
        }
        .archive-brief-stack .brief-card--archive:first-child {
            padding-top: 0.1rem;
        }

        @media (max-width: 768px) {
            /* Match .brief-card.no-image .brief-card-inner specificity so mobile is never a 2-track
               grid with main accidentally placed in the narrow rail column (one word per line). */
            .brief-card-inner,
            .brief-card.no-image .brief-card-inner {
                grid-template-columns: minmax(0, 1fr);
                grid-template-rows: auto auto auto;
            }
            .brief-card.no-image .brief-card-inner {
                grid-template-rows: auto auto;
            }
            .brief-card,
            .brief-card-inner,
            .brief-card__col-main {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
            }
            .brief-card__col-main {
                min-width: 0;
                grid-column: 1;
                grid-row: 2;
            }
            .brief-card__meta-row {
                width: 100%;
                min-width: 0;
            }
            .brief-card--featured .brief-card__headline {
                max-width: 100%;
            }
            .brief-card__col-rail {
                grid-column: 1;
                grid-row: 1;
                flex-direction: row;
                align-items: center;
                padding-top: 0;
                margin-bottom: 0.15rem;
            }
            .brief-card__index-num { font-size: 12px; }
            .brief-card-media {
                grid-column: 1;
                grid-row: 3;
                width: 100%;
                max-width: 100%;
                align-items: center;
            }
            .brief-card-media img {
                max-width: 200px;
                max-height: 160px;
            }
        }

        /* Normalized Record imagery (hero, cards, small rails) */
        .record-media {
            width: 100%;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            margin-bottom: 10px;
            background: rgba(20, 20, 16, 0.035);
            contain: layout paint;
        }
        .record-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            aspect-ratio: 16 / 9;
        }
        /* Unified Record stream: single chronological grid */
        .record-stream {
            width: 100%;
            padding-top: clamp(0.25rem, 1vw, 0.5rem);
        }

        .record-search-slot,
        .record-main-slot {
            width: 100%;
            min-width: 0;
        }

        .record-subnav {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 0 0 clamp(1rem, 2vw, 1.35rem);
            padding-bottom: clamp(0.65rem, 1.25vw, 0.92rem);
            border-bottom: 1px solid rgba(20, 20, 16, 0.12);
        }

        .record-subnav a {
            font-family: var(--font-mono);
            font-size: 11px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--record-util-fg-soft);
            text-decoration: none;
            margin-right: 18px;
            padding: 7px 0;
        }


        .record-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: clamp(28px, 3vw, 44px);
            grid-auto-flow: row;
            align-items: stretch;
        }

        .record-grid > .record-card {
            min-width: 0;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            content-visibility: auto;
            contain-intrinsic-size: 360px 420px;
        }

        .record-card {
            display: flex;
            flex-direction: column;
            gap: 0;
            text-decoration: none;
            color: inherit;
            transition: opacity 0.18s ease;
            min-width: 0;
        }

        .record-card:hover {
            opacity: 0.9;
        }

        .record-card__body.record-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0;
            padding: 0;
            min-width: 0;
        }

        .record-meta {
            display: block;
            font-family: var(--font-mono);
            font-size: 10px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--muted);
            font-weight: 500;
            margin: 0 0 6px 0;
            text-align: left;
        }

        .record-title {
            font-family: var(--font-display);
            text-transform: uppercase;
            line-height: 1.2;
            font-weight: 400;
            font-size: 18px;
            letter-spacing: 0.03em;
            color: rgba(12, 12, 10, 0.98);
            margin: 0 0 8px 0;
        }

        .record-card__deck.record-deck {
            margin: 0;
            font-family: inherit;
            font-size: 13px;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: 0.01em;
            color: var(--muted-2);
            max-width: 90%;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .record-card__tags {
            font-family: var(--font-mono);
            font-size: 10px;
            font-weight: 600;
            letter-spacing: 0.09em;
            text-transform: uppercase;
            color: var(--record-util-fg-soft);
            margin: 10px 0 0 0;
            line-height: 1.35;
            max-width: 95%;
        }

        .record-articles-search {
            width: 100%;
            margin: 0 0 clamp(1rem, 2vw, 1.35rem);
            padding-bottom: clamp(0.65rem, 1.25vw, 0.92rem);
            border-bottom: 1px solid rgba(20, 20, 16, 0.12);
        }

        .record-articles-search__inner {
            max-width: min(42rem, 100%);
        }

        .record-articles-search__label {
            display: block;
            font-family: var(--font-mono);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--record-util-fg-soft);
            margin-bottom: 0.45rem;
        }

        .record-articles-search__input {
            width: 100%;
            box-sizing: border-box;
            font-family: var(--font-mono);
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.02em;
            padding: 0.55rem 0.65rem;
            border: 1px solid rgba(20, 20, 16, 0.18);
            background: rgba(255, 255, 255, 0.35);
            color: rgba(20, 20, 16, 0.92);
        }

        .record-articles-search__input::placeholder {
            color: rgba(26, 26, 26, 0.38);
        }

        .archive-empty--quiet {
            font-family: var(--font-mono);
            font-size: 12px;
            color: var(--record-util-fg-soft);
            letter-spacing: 0.04em;
            padding: 0.5rem 0 1rem;
        }

        .record-pagination {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-top: clamp(28px, 4vw, 44px);
            padding-top: 18px;
            border-top: 1px solid rgba(20, 20, 16, 0.12);
            font-family: var(--font-mono);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--record-util-fg-soft);
        }

        .record-pagination__btn {
            border: 1px solid rgba(20, 20, 16, 0.2);
            background: transparent;
            color: rgba(20, 20, 16, 0.84);
            cursor: pointer;
            font: inherit;
            padding: 7px 12px 6px;
            text-transform: uppercase;
        }

        .record-pagination__btn:hover,
        .record-pagination__btn:focus-visible {
            border-color: rgba(20, 20, 16, 0.46);
            outline: none;
        }

        .record-pagination__btn[aria-disabled="true"] {
            opacity: 0.32;
            cursor: default;
            pointer-events: none;
        }

        .record-pagination__status {
            min-width: 15ch;
            text-align: center;
        }

        .record-media--note-thumb {
            width: 72px;
            aspect-ratio: 1 / 1;
        }
        .record-media--row-thumb {
            width: 96px;
            flex-shrink: 0;
            aspect-ratio: 16 / 9;
        }

        /* Articles on Record — legacy category layouts removed from DOM; keep rules harmless */
        #all-record-lead,
        #all-articles-lane,
        #articles-section,
        #all-featured-news,
        #news-section {
            border-top: none;
            padding-top: 0;
        }

        .mode-all #all-record-lead {
            margin-top: 0;
            padding-top: clamp(1.1rem, 2.2vw, 1.5rem);
            border-top: var(--record-rule-section);
        }

        .mode-article #articles-section {
            padding-top: clamp(1rem, 2vw, 1.45rem);
            border-top: var(--record-rule-section);
        }

        .mode-news #news-section {
            padding-top: clamp(1rem, 2vw, 1.45rem);
            border-top: var(--record-rule-section);
        }

        /* Notes — same editorial grammar as Brief rows: rail + typographic main, hairlines only (no boxed cards) */
        #all-notes-lane,
        #notes-section {
            border-top: none;
            padding-top: 0;
        }

        .mode-all #all-notes-lane {
            padding-top: clamp(1.28rem, 2.5vw, 1.82rem);
            padding-bottom: clamp(0.42rem, 1.15vw, 0.82rem);
            margin-top: 0;
            border-top: var(--record-rule-section);
        }

        .mode-note #notes-section {
            padding-top: clamp(1.12rem, 2.15vw, 1.58rem);
            padding-bottom: clamp(0.35rem, 1vw, 0.65rem);
            border-top: var(--record-rule-section);
        }

        #all-notes-lane .archive-intro,
        #notes-section .archive-intro {
            margin-bottom: clamp(0.72rem, 1.35vw, 1.05rem);
            padding-bottom: 0.48rem;
            border-bottom: 1px solid var(--record-rule-ink);
        }

        .record-notes-stack {
            width: 100%;
            display: flex;
            flex-direction: column;
        }

        /* Notes home + Notes tab: compact 2-column editorial grid (open, not carded) */
        .record-notes-stack--grid {
            display: grid;
            grid-template-columns: 1fr;
            column-gap: 0;
            row-gap: clamp(0.5rem, 1.25vw, 0.92rem);
        }

        @media (min-width: 769px) {
            .record-notes-stack--grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                column-gap: clamp(1.65rem, 3.75vw, 2.85rem);
                row-gap: clamp(0.55rem, 1.35vw, 1.05rem);
            }
        }

        .record-note-entry {
            display: block;
            text-decoration: none;
            color: inherit;
            padding: 0;
            margin: 0;
            border: none;
            background: transparent;
            transition: opacity 0.2s ease;
        }

        .record-note-entry:hover {
            opacity: 0.88;
        }

        .record-note-entry__inner {
            display: grid;
            grid-template-columns: var(--record-rail) minmax(0, 1fr);
            column-gap: var(--record-gutter);
            align-items: start;
            padding: calc(var(--record-rhythm-row-pad-y) + 0.34rem) 0 calc(var(--record-rhythm-row-pad-y) + 0.46rem);
            border-bottom: var(--record-rule-row);
        }

        .record-notes-stack:not(.record-notes-stack--grid) .record-note-entry:first-child .record-note-entry__inner {
            padding-top: calc(0.22rem + 0.16rem);
        }

        .record-notes-stack--grid .record-note-entry:nth-child(-n + 2) .record-note-entry__inner {
            padding-top: calc(0.22rem + 0.16rem);
        }

        .record-note-entry__rail {
            grid-column: 1;
            padding-top: 0.32rem;
            min-width: 0;
        }

        .record-note-entry__index {
            font-family: inherit;
            font-size: var(--record-meta-size);
            font-weight: 700;
            letter-spacing: var(--record-util-track-date);
            line-height: 1;
            color: rgba(20, 20, 16, 0.88);
            font-variant-numeric: tabular-nums;
        }

        .record-note-entry__main {
            grid-column: 2;
            min-width: 0;
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .record-note-entry--has-thumb .record-note-entry__inner {
            grid-template-columns: var(--record-rail) 72px minmax(0, 1fr);
        }
        .record-note-entry--has-thumb .record-note-entry__rail {
            grid-column: 1;
        }
        .record-note-entry__thumb {
            grid-column: 2;
            align-self: start;
            padding-top: 0.32rem;
            min-width: 0;
        }
        .record-note-entry--has-thumb .record-note-entry__main {
            grid-column: 3;
        }

        /* Match Brief / Article top-left cluster: black type pill + dates */
        .record-note-entry__meta-row {
            display: flex;
            align-items: baseline;
            flex-wrap: wrap;
            gap: 0.45rem 0.9rem;
            margin: 0 0 calc(var(--record-rhythm-rail-to-title) + 0.06rem);
        }

        .record-note-entry__meta-row .record-type-pill {
            flex-shrink: 0;
        }

        a.record-note-entry .record-type-pill {
            color: #f5f5f2;
        }

        .record-note-entry__topic {
            font-family: inherit;
            font-size: var(--record-meta-size-sm);
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--record-util-fg-soft);
            margin: 0 0 var(--record-rhythm-sub-to-deck);
            line-height: 1.32;
        }

        .record-note-entry__title {
            font-family: var(--font-bebas), var(--font-archivo), sans-serif;
            font-weight: 400;
            line-height: 1.09;
            letter-spacing: 0.032em;
            text-transform: uppercase;
            color: rgba(12, 12, 10, 0.98);
            margin: 0 0 calc(var(--record-rhythm-title-to-sub) + 0.34rem);
            font-size: clamp(1.5rem, 2.88vw, 1.98rem);
            max-width: min(52ch, 100%);
        }

        /* Solo note on home: slightly more headline presence, still open row */
        .record-note-entry--home-feature .record-note-entry__title {
            font-size: clamp(1.72rem, 3.28vw, 2.28rem);
            line-height: 1.07;
            letter-spacing: 0.028em;
            max-width: min(48ch, 100%);
            margin-bottom: calc(var(--record-rhythm-title-to-sub) + 0.36rem);
        }

        .record-note-entry__deck {
            font-family: inherit;
            font-size: clamp(12.5px, 0.76rem + 0.11vw, 13.5px);
            font-weight: 400;
            line-height: 1.62;
            letter-spacing: 0.011em;
            color: rgba(22, 22, 18, 0.88);
            margin: 0 0 calc(var(--record-rhythm-sub-to-deck) + 0.14rem);
            max-width: min(66ch, 100%);
            overflow-wrap: break-word;
        }

        @supports (text-wrap: pretty) {
            .record-note-entry__deck {
                text-wrap: pretty;
            }
        }

        .record-note-entry--home-feature .record-note-entry__deck {
            max-width: min(58ch, 100%);
        }

        .record-notes-stack--grid .record-note-entry__title {
            max-width: 100%;
        }

        .record-notes-stack--grid .record-note-entry__deck {
            max-width: min(100%, 38rem);
        }

        .record-note-entry__action {
            font-family: inherit;
            font-size: var(--record-meta-size-sm);
            font-weight: 700;
            letter-spacing: var(--record-util-track-action);
            text-transform: uppercase;
            color: var(--record-util-fg-action);
            margin: 0;
            padding-top: 0.22rem;
        }

        .record-note-entry--archive .brief-card__meta-dates {
            color: rgba(26, 26, 26, 0.48);
        }

        .record-note-entry--archive .record-note-entry__title {
            font-size: clamp(1.4rem, 2.58vw, 1.82rem);
            line-height: 1.08;
        }

        @media (max-width: 768px) {
            .record-note-entry__inner {
                grid-template-columns: minmax(0, 1fr);
            }

            .record-note-entry__rail {
                padding-top: 0;
                margin-bottom: 0.2rem;
            }

            .record-note-entry__main {
                grid-column: 1;
            }

            .record-note-entry--has-thumb .record-note-entry__inner {
                grid-template-columns: 72px minmax(0, 1fr);
                grid-template-rows: auto auto;
            }
            .record-note-entry--has-thumb .record-note-entry__rail {
                grid-column: 1 / -1;
                grid-row: 1;
            }
            .record-note-entry--has-thumb .record-note-entry__thumb {
                grid-column: 1;
                grid-row: 2;
                padding-top: 0.12rem;
            }
            .record-note-entry--has-thumb .record-note-entry__main {
                grid-column: 2;
                grid-row: 2;
            }

            .record-note-entry__title,
            .record-note-entry--home-feature .record-note-entry__title {
                max-width: 100%;
            }

            .record-note-entry__deck,
            .record-note-entry--home-feature .record-note-entry__deck {
                max-width: 100%;
            }

            /* Single-column Notes grid: only the first row uses the tightened top pad */
            .record-notes-stack--grid .record-note-entry .record-note-entry__inner {
                padding-top: calc(var(--record-rhythm-row-pad-y) + 0.34rem);
            }

            .record-notes-stack--grid .record-note-entry:first-child .record-note-entry__inner {
                padding-top: calc(0.22rem + 0.16rem);
            }
        }

        #all-record-lead .archive-intro,
        #all-articles-lane .archive-intro,
        #articles-section .archive-intro {
            margin-bottom: clamp(0.65rem, 1.25vw, 0.92rem);
            padding-bottom: 0.42rem;
            border-bottom: 1px solid rgba(20, 20, 16, 0.12);
        }

        /* Articles: fixed 3-up featured row (desktop); full archive uses a separate calm grid */
        .record-article-row {
            width: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        .record-article-row--featured {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: clamp(1rem, 2vw, 1.45rem);
            align-items: start;
        }
        .record-article-row--featured .record-article-card {
            align-self: start;
        }
        .record-article-row--archive {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
            gap: clamp(1.25rem, 2.5vw, 1.75rem);
            align-items: start;
        }
        .record-article-row .record-article-card {
            min-width: 0;
        }
        .record-article-view-all {
            margin: clamp(0.55rem, 1.1vw, 0.75rem) 0 0;
            padding: 0;
        }
        .record-article-view-all__btn {
            display: inline;
            margin: 0;
            padding: 0;
            border: none;
            background: none;
            font: inherit;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: rgba(26, 26, 26, 0.45);
            cursor: pointer;
            text-decoration: underline;
            text-underline-offset: 0.18em;
        }
        .record-article-view-all__btn:hover {
            color: rgba(26, 26, 26, 0.72);
        }

        .record-article-card {
            display: flex;
            flex-direction: column;
            height: auto;
            min-height: 0;
            text-decoration: none;
            color: inherit;
            padding: 0.06rem 0 0;
            border: none;
            background: transparent;
            box-sizing: border-box;
            transition: opacity 0.18s ease;
        }
        .record-article-card:hover {
            opacity: 0.92;
        }
        .record-article-card:hover .record-article-card__deck {
            color: rgba(26, 26, 26, 0.74);
        }

        /* Black pill — same utility scale as filters / meta caps */
        .record-type-pill {
            display: inline-block;
            font-family: inherit;
            font-size: 8px;
            font-weight: 600;
            letter-spacing: var(--record-util-track-cap);
            text-transform: uppercase;
            padding: 4px 8px;
            background: #141410;
            color: #f5f5f2;
            line-height: 1.25;
            border: none;
        }
        a.record-article-card .record-type-pill {
            color: #f5f5f2;
        }

        /* Card header: ARTICLE left, date right — same line, attached to the card */
        .record-article-card__util {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.45rem 0.65rem;
            margin: 0 0 0.2rem;
            min-height: 0;
            font-family: inherit;
            font-size: var(--record-meta-size-sm);
            font-weight: 600;
            letter-spacing: var(--record-util-track-cap);
            text-transform: uppercase;
            color: var(--record-util-fg);
        }
        .record-article-card__label {
            min-width: 0;
        }
        .record-article-card__date {
            flex-shrink: 0;
            font-family: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, monospace;
            font-size: 10px;
            font-weight: 500;
            letter-spacing: 0.06em;
            text-transform: none;
            color: rgba(26, 26, 26, 0.48);
        }

        /* Optional umbrella / series line when edition — title (differentiator above repeated headline scale) */
        .record-article-card__series {
            font-family: inherit;
            font-size: clamp(10px, 0.62rem + 0.08vw, 11px);
            font-weight: 700;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: rgba(26, 26, 26, 0.52);
            margin: 0 0 0.18rem;
            line-height: 1.25;
            max-width: 100%;
        }

        .record-article-card__edition {
            font-family: var(--font-bebas), var(--font-archivo), sans-serif;
            font-size: clamp(1.42rem, 2.35vw, 2.05rem);
            font-weight: 400;
            line-height: 0.98;
            letter-spacing: 0.034em;
            text-transform: uppercase;
            color: rgba(12, 12, 10, 0.98);
            margin: 0 0 0.2rem;
            max-width: 100%;
        }

        .record-article-card__deck {
            font-family: inherit;
            font-size: clamp(12.5px, 0.78rem + 0.12vw, 14px);
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: 0.008em;
            text-transform: none;
            color: rgba(28, 28, 24, 0.82);
            margin: 0;
            flex: 0 1 auto;
            min-height: 0;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            transition: color 0.18s ease;
        }

        .record-article-card__action {
            margin-top: 0.32rem;
            padding: 0;
            border-top: none;
            font-family: inherit;
            font-size: 9px;
            font-weight: 500;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: rgba(26, 26, 26, 0.34);
        }

        /* Magazine / image-led articles (Notion Record banner) */
        .record-article-mag {
            width: 100%;
            margin: 0;
            padding: 0;
        }
        .record-article-mag__top {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: clamp(28px, 3vw, 48px);
            align-items: start;
        }
        .record-article-mag__top > .record-article-card--feature {
            grid-column: span 2;
        }
        .record-article-mag__top--solo {
            grid-template-columns: minmax(0, 1fr);
        }
        .record-article-mag__top--solo > .record-article-card--feature {
            grid-column: auto;
        }
        .record-article-mag__stack {
            display: flex;
            flex-direction: column;
            gap: clamp(22px, 2.8vw, 36px);
            min-width: 0;
        }
        .record-article-mag__grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: clamp(28px, 3vw, 48px);
            margin-top: clamp(28px, 3vw, 48px);
            align-items: start;
        }
        .record-article-mag__grid--uniform {
            margin-top: 0;
            align-items: stretch;
        }
        .record-article-mag__grid--uniform > .record-article-card--led {
            height: 100%;
        }
        .record-article-card--led {
            display: flex;
            flex-direction: column;
            border-top: 1px solid var(--record-rule-ink);
            padding-top: 12px;
            margin: 0;
            background: transparent;
            box-shadow: none;
            text-decoration: none;
            color: inherit;
            transition: opacity 0.18s ease;
            min-width: 0;
        }
        .record-article-card--led:hover {
            opacity: 0.9;
        }
        .record-article-card--led .record-media {
            margin-bottom: 14px;
        }
        .record-article-meta-led {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            gap: 12px;
            font-family: var(--font-mono);
            font-size: 10px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--muted);
        }
        .record-article-meta-type {
            font-weight: 600;
        }
        .record-article-meta-date {
            flex-shrink: 0;
            font-weight: 500;
            letter-spacing: 0.06em;
        }
        .record-article-card__series--led {
            margin-top: 8px;
        }
        .record-article-title-led {
            margin-top: 8px;
            font-family: var(--font-bebas), var(--font-archivo), sans-serif;
            font-weight: 400;
            line-height: 0.9;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            color: rgba(12, 12, 10, 0.98);
            max-width: 100%;
        }
        .record-article-card--tile .record-article-title-led {
            font-size: clamp(20px, 1.9vw, 32px);
        }
        .record-article-card--feature .record-article-title-led {
            font-size: clamp(24px, 2.4vw, 38px);
        }
        .record-article-card--lead .record-article-title-led {
            font-size: clamp(28px, 3.6vw, 52px);
        }
        .record-article-deck-led {
            margin-top: 8px;
            max-width: 40ch;
            font-size: 13px;
            line-height: 1.35;
            font-weight: 500;
            letter-spacing: 0.01em;
            color: rgba(28, 28, 24, 0.82);
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .record-article-read-led {
            margin-top: 10px;
            font-family: var(--font-mono);
            font-size: 9px;
            font-weight: 600;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: rgba(26, 26, 26, 0.4);
        }
        .record-article-mag .record-article-card--text-index {
            border-top: 1px solid var(--record-rule-ink);
            padding-top: 12px;
        }
        .record-record-lead-inner {
            width: 100%;
            max-width: none;
        }

        @media (max-width: 900px) {
            .record-article-row--featured {
                grid-template-columns: 1fr;
                gap: clamp(1.15rem, 3vw, 1.55rem);
            }
            .record-article-mag__top {
                grid-template-columns: 1fr;
                gap: clamp(22px, 4vw, 36px);
            }
            .record-article-mag__top > .record-article-card--feature {
                grid-column: auto;
            }
            .record-article-mag__grid,
            .record-article-mag__grid--uniform {
                grid-template-columns: 1fr;
                margin-top: clamp(22px, 4vw, 36px);
            }
            .record-article-mag__grid--uniform {
                margin-top: 0;
            }
        }

        /* Profiles Section */
        .profiles-section {
            border-top: none;
            padding-top: 0;
        }

        .profiles-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2rem;
        }

        .all-other-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: clamp(2rem, 4vw, 3rem) clamp(2rem, 4vw, 3rem);
            justify-content: stretch;
            width: 100%;
        }

        .archive-subsection-header {
            margin-bottom: 1rem;
        }

        .archive-subsection-heading {
            font-family: inherit;
            font-size: var(--record-meta-size);
            font-weight: 600;
            letter-spacing: var(--record-util-track-cap);
            text-transform: uppercase;
            color: var(--record-util-fg);
            margin-bottom: 0.3rem;
        }

        .archive-subsection-description {
            font-family: inherit;
            font-size: var(--record-brief-deck-size);
            font-weight: 400;
            line-height: var(--record-brief-deck-leading);
            letter-spacing: 0.01em;
            text-transform: none;
            color: var(--record-brief-deck-color);
        }

        .all-other-grid .profiles-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1.5rem 2rem;
        }

        .profile-item {
            text-decoration: none;
            color: inherit;
        }
        .profile-item--row {
            display: flex;
            align-items: flex-start;
            gap: 0.85rem;
        }
        .profile-item--row .profile-item__text {
            flex: 1;
            min-width: 0;
        }

        .profile-item:hover .profile-name {
            opacity: 0.7;
        }

        .profile-name {
            font-family: var(--font-bebas);
            font-size: 1.5rem;
            letter-spacing: 0.02em;
            margin-bottom: 0.25rem;
            transition: opacity 0.2s ease;
            text-transform: uppercase;
        }

        .profile-company {
            font-family: inherit;
            font-size: var(--record-meta-size-sm);
            font-weight: 600;
            letter-spacing: var(--record-util-track-date);
            color: var(--record-util-fg);
            text-transform: uppercase;
        }

        /* Responsive */
        @media (max-width: 1024px) {
            .main {
                padding-left: max(24px, env(safe-area-inset-left, 0px));
                padding-right: max(24px, env(safe-area-inset-right, 0px));
            }
            body.page-record .main {
                padding-left: 0;
                padding-right: 0;
            }

            .two-col {
                grid-template-columns: 1fr;
                gap: 3rem;
            }

            .all-other-grid {
                grid-template-columns: 1fr;
                gap: 2.5rem;
            }

            .profiles-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .featured-title,
            .featured-deck {
                max-width: 100%;
            }
        }

        @media (max-width: 640px) {
            .main {
                padding-left: max(20px, env(safe-area-inset-left, 0px));
                padding-right: max(20px, env(safe-area-inset-right, 0px));
            }
            body.page-record .main {
                padding-left: 0;
                padding-right: 0;
            }

            .content {
                gap: 2.75rem;
            }

            .archive-intro {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.75rem;
            }

            .profiles-grid {
                grid-template-columns: 1fr;
            }

            .all-other-grid .profiles-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 760px) {
            .record-grid {
                grid-template-columns: 1fr;
            }
        }

        /* Record: neutral nav active state (homepage discipline — no orange utility accent) */
        body.page-record header.site-header nav a.active,
        body.page-record header.site-header nav .nav-dropdown-toggle.active {
            border-bottom-color: rgba(20, 20, 16, 0.5) !important;
        }