/* SBA Website presentation rules. Maintain this stylesheet directly. */
@scope (.sba-presentation) {
    /* Source: variables.css */
    :scope {

        --sba-teal: #003d4c;
        --sba-orange: #fa4616;
        --sba-light-grey: #e5eced;
        --sba-grey: #888b8d;
        --sba-blue: #426da9;
        --sba-aqua: #00a499;


        --sba-white: #ffffff;
        --sba-black: #111111;
        --sba-paper: #f7f8f6;
        --sba-ink: #062f3a;
        --sba-muted: #66777d;


        --sba-teal-90: rgba(0, 61, 76, 0.9);
        --sba-teal-70: rgba(0, 61, 76, 0.7);
        --sba-teal-12: rgba(0, 61, 76, 0.12);
        --sba-teal-06: rgba(0, 61, 76, 0.06);
        --sba-orange-12: rgba(250, 70, 22, 0.12);


        --surface-page: var(--sba-paper);
        --surface-soft: var(--sba-light-grey);
        --surface-card: var(--sba-white);
        --surface-dark: var(--sba-teal);

        --text-primary: var(--sba-ink);
        --text-secondary: var(--sba-muted);
        --text-meta: var(--sba-grey);
        --text-on-dark: var(--sba-white);
        --text-accent: var(--sba-orange);


        --sba-border: rgba(0, 61, 76, 0.14);
        --sba-border-strong: rgba(0, 61, 76, 0.28);
        --sba-border-on-dark: rgba(255, 255, 255, 0.16);
        --keyline-width: 1px;

        --sba-shadow-soft: 0 24px 60px rgba(0, 61, 76, 0.12);
        --sba-shadow-card: 0 16px 40px rgba(0, 61, 76, 0.1);
        --sba-shadow-focus: 0 0 0 3px rgba(250, 70, 22, 0.35);


        --font-en: "Helvetica Neue", Helvetica, Arial, sans-serif;
        --font-ar: "Helvetica Neue LT Arabic", "Arial Unicode MS", Arial, sans-serif;


        --font-base: var(--font-en);


        --fs-display: clamp(2.75rem, 1.6rem + 5.2vw, 5.5rem);
        --fs-h1: clamp(2.25rem, 1.5rem + 3.2vw, 4rem);
        --fs-h2: clamp(1.75rem, 1.25rem + 2.2vw, 2.75rem);
        --fs-h3: clamp(1.375rem, 1.1rem + 1.1vw, 1.875rem);
        --fs-h4: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
        --fs-lead: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
        --fs-section-title: 2.25rem;
        --fs-body: 1rem;
        --fs-small: 0.9375rem;
        --fs-meta: 0.8125rem;
        --fs-overline: 0.75rem;


        --fw-light: 300;
        --fw-regular: 400;
        --fw-medium: 500;
        --fw-bold: 700;


        --lh-tight: 1.08;
        --lh-snug: 1.2;
        --lh-base: 1.6;
        --lh-relaxed: 1.75;


        --ls-display: -0.02em;
        --ls-heading: -0.01em;
        --ls-overline: 0.22em;
        --ls-label: 0.12em;


        --measure: 65ch;
        --measure-narrow: 48ch;


        --space-3xs: 0.25rem;
        --space-2xs: 0.5rem;
        --space-xs: 0.75rem;
        --space-sm: 1rem;
        --space-md: 1.5rem;
        --space-lg: 2rem;
        --space-xl: 3rem;
        --space-2xl: 4rem;
        --space-3xl: 6rem;
        --space-4xl: 8rem;


        --section-pad-y: clamp(4rem, 2.5rem + 6vw, 8rem);
        --section-pad-y-tight: clamp(3rem, 2rem + 4vw, 5rem);


        --container-max: 1800px;
        --container-narrow: 920px;
        --gutter: clamp(1.25rem, 0.75rem + 2.5vw, 3rem);
        --grid-cols: 12;
        --grid-gap: clamp(1rem, 0.5rem + 1.6vw, 2rem);


        --bp-sm: 640px;
        --bp-md: 768px;
        --bp-lg: 1024px;
        --bp-xl: 1280px;
        --bp-2xl: 1536px;


        --radius-sm: 4px;
        --radius-md: 8px;
        --radius-lg: 14px;
        --radius-pill: 999px;


        --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
        --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
        --dur-fast: 160ms;
        --dur-base: 280ms;
        --dur-slow: 480ms;


        --z-base: 1;
        --z-raised: 10;
        --z-sticky: 100;
        --z-header: 200;
        --z-overlay: 800;
        --z-modal: 900;
        --z-grain: 1000;
    }
    :scope[dir="rtl"],
    :scope[lang="ar"] {
        --font-base: var(--font-ar);
    }
    /* Source: base.css */
    :scope *,
    :scope *::before,
    :scope *::after {
        box-sizing: border-box;
    }
    :scope * {
        margin: 0;
    }
    :scope {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
        scroll-behavior: smooth;
        -webkit-tap-highlight-color: transparent;
    }
    :scope {
        min-block-size: 100%;
        background-color: var(--surface-page);
        color: var(--text-primary);

        overflow-x: hidden;
        overflow-x: clip;
    }
    :scope img,
    :scope picture,
    :scope svg,
    :scope video,
    :scope canvas {
        display: block;
        max-inline-size: 100%;
        block-size: auto;
    }
    :scope input,
    :scope button,
    :scope textarea,
    :scope select {
        font: inherit;
        color: inherit;
    }
    :scope button {
        background: none;
        border: none;
        cursor: pointer;
    }
    :scope :where(a, button, input, textarea, select):focus-visible {
        outline: 2px solid var(--sba-orange);
        outline-offset: 3px;
    }
    :scope ::selection {
        background-color: var(--sba-orange);
        color: var(--sba-white);
    }
    /* Source: typography.css */
    :scope {
        font-family: var(--font-base);
        font-size: var(--fs-body);
        line-height: var(--lh-base);
        font-weight: var(--fw-regular);
        color: var(--text-primary);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }
    :scope[lang="ar"],
    :scope[dir="rtl"] {
        line-height: var(--lh-relaxed);
    }
    :scope h1,
    :scope h2,
    :scope h3,
    :scope h4,
    :scope h5,
    :scope h6 {
        font-family: var(--font-base);
        color: var(--text-primary);
        font-weight: var(--fw-bold);
        line-height: var(--lh-tight);
        letter-spacing: var(--ls-heading);
        text-wrap: balance;
        margin: 0;
    }
    :scope .u-display {
        font-size: var(--fs-display);
        line-height: var(--lh-tight);
        letter-spacing: var(--ls-display);
        font-weight: var(--fw-bold);
    }
    :scope h1,
    :scope .u-h1 {
        font-size: var(--fs-h1);
    }
    :scope h2,
    :scope .u-h2 {
        font-size: var(--fs-h2);
    }
    :scope h3,
    :scope .u-h3 {
        font-size: var(--fs-h3);
        line-height: var(--lh-snug);
    }
    :scope h4,
    :scope .u-h4 {
        font-size: var(--fs-h4);
        line-height: var(--lh-snug);
        font-weight: var(--fw-medium);
    }
    :scope p {
        margin: 0;
        max-inline-size: var(--measure);
    }
    :scope .u-lead {
        font-size: var(--fs-lead);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
        font-weight: var(--fw-regular);
    }
    :scope .u-body {
        font-size: var(--fs-body);
        line-height: var(--lh-base);
        color: var(--text-secondary);
    }
    :scope .u-small {
        font-size: var(--fs-small);
        line-height: var(--lh-base);
    }
    :scope .u-meta {
        font-size: var(--fs-meta);
        line-height: var(--lh-snug);
        color: var(--text-meta);
    }
    :scope .u-measure {
        max-inline-size: var(--measure);
    }
    :scope .u-measure-narrow {
        max-inline-size: var(--measure-narrow);
    }
    :scope a {
        color: inherit;
        text-decoration: none;
        text-underline-offset: 0.18em;
        transition: color var(--dur-fast) var(--ease-out);
    }
    :scope .u-link {
        color: var(--text-accent);
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }
    :scope .u-link:hover {
        color: var(--sba-teal);
    }
    :scope em,
    :scope .u-em {
        font-style: italic;

        line-height: 1.1;
    }
    :scope strong,
    :scope .u-strong {
        font-weight: var(--fw-bold);
    }
    :scope ul,
    :scope ol {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    /* Source: layout.css */
    :scope .container {
        inline-size: 100%;
        max-inline-size: var(--container-max);
        margin-inline: auto;
        padding-inline: var(--gutter);
    }
    :scope .container--narrow {
        max-inline-size: var(--container-narrow);
    }
    :scope .container--flush {
        padding-inline: 0;
    }
    /* Source: components.css */
    :scope .icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    :scope .icon svg,
    :scope svg.icon {
        inline-size: 20px;
        block-size: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.75;
        flex: none;
    }
    :scope .icon--sm svg,
    :scope svg.icon--sm {
        inline-size: 18px;
        block-size: 18px;
    }
    :scope .btn {
        --btn-pad-block: 0.9rem;
        --btn-pad-inline: 1.6rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: var(--space-2xs);
        padding-block: var(--btn-pad-block);
        padding-inline: var(--btn-pad-inline);
        font-family: var(--font-base);
        font-size: var(--fs-small);
        font-weight: var(--fw-medium);
        line-height: 1;
        letter-spacing: 0.01em;
        white-space: nowrap;
        text-align: center;
        border: var(--keyline-width) solid transparent;
        border-radius: var(--radius-sm);
        cursor: pointer;
        user-select: none;
        transition: background-color var(--dur-base) var(--ease-out),
        color var(--dur-base) var(--ease-out),
        border-color var(--dur-base) var(--ease-out),
        transform var(--dur-fast) var(--ease-out),
        box-shadow var(--dur-base) var(--ease-out);
    }
    @media (max-width: 600px) {
        :scope .btn {
            white-space: normal;
            line-height: 1.15;
        }
    }
    :scope .btn:active {
        transform: translateY(1px);
    }
    :scope .btn:focus-visible {
        outline: none;
        box-shadow: var(--sba-shadow-focus);
    }
    :scope .btn--primary {
        background-color: var(--sba-orange);
        color: var(--sba-white);
        border-color: var(--sba-orange);
    }
    :scope .btn--primary:hover {
        background-color: #e23d10;
        border-color: #e23d10;
    }
    :scope .btn--secondary {
        background-color: transparent;
        color: var(--sba-teal);
        border-color: var(--sba-border-strong);
    }
    :scope .btn--secondary:hover {
        background-color: var(--sba-teal);
        color: var(--sba-white);
        border-color: var(--sba-teal);
    }
    :scope .section--dark .btn--secondary {
        color: var(--text-on-dark);
        border-color: var(--sba-border-on-dark);
    }
    :scope .section--dark .btn--secondary:hover {
        background-color: var(--sba-white);
        color: var(--sba-teal);
        border-color: var(--sba-white);
    }
    :scope .btn--text {
        padding-inline: 0;
        padding-block: var(--space-2xs);
        background: transparent;
        border: 0;
        border-radius: 0;
        color: var(--sba-teal);
        font-weight: var(--fw-medium);
    }
    :scope .btn--text .btn__line {
        position: relative;
        padding-block-end: 2px;
        background-image: linear-gradient(currentColor, currentColor);
        background-repeat: no-repeat;
        background-position: 0 100%;
        background-size: 0% 1px;
        transition: background-size var(--dur-base) var(--ease-out);
    }
    :scope .btn--text:hover {
        color: var(--sba-orange);
    }
    :scope .btn--text:hover .btn__line {
        background-size: 100% 1px;
    }
    :scope .btn__icon {
        display: inline-flex;
        transition: transform var(--dur-base) var(--ease-out);
    }
    :scope .btn:hover .btn__icon {
        transform: translateX(0.18em);
    }
    :scope[dir="rtl"] .btn:hover .btn__icon {
        transform: translateX(-0.18em);
    }
    :scope[dir="rtl"] .hm-head__link:hover .icon,
    :scope[dir="rtl"] .hm-about__link:hover .icon,
    :scope[dir="rtl"] .fr-event__link:hover .icon,
    :scope[dir="rtl"] .nw-feature:hover .nw-feature__go .icon {
        transform: translate(-3px, -3px);
    }
    :scope[dir="rtl"] .bm-back:hover .icon,
    :scope[dir="rtl"] .nd-back:hover .icon {
        transform: translateX(3px) scaleX(-1);
    }
    :scope .btn--full {
        inline-size: 100%;
    }
    :scope .diamond {
        display: inline-block;
        inline-size: 0.6rem;
        block-size: 0.6rem;
        flex: none;
        background-color: var(--sba-orange);
        transform: rotate(45deg);
    }
    :scope .diamond--teal {
        background-color: var(--sba-teal);
    }
    :scope .diamond--aqua {
        background-color: var(--sba-aqua);
    }
    :scope .diamond--outline {
        background-color: transparent;
        border: 1.5px solid currentColor;
        color: var(--sba-orange);
    }
    :scope .diamond--sm {
        inline-size: 0.4rem;
        block-size: 0.4rem;
    }
    :scope .diamond--lg {
        inline-size: 0.85rem;
        block-size: 0.85rem;
    }
    /* Source: editorial.css */
    :scope {
        --radius-sm: 0px;
        --radius-md: 0px;
        --radius-lg: 0px;
        --radius-pill: 0px;


        --sba-paper: #f1eee6;
        --surface-soft: #e7e3d8;
        --sba-ink: #042129;
        --text-primary: var(--sba-ink);


        --sba-border: rgba(4, 33, 41, 0.16);
        --sba-border-strong: rgba(4, 33, 41, 0.5);
        --swiss-line: rgba(4, 33, 41, 0.16);
        --swiss-rule: rgba(4, 33, 41, 0.9);


        --ls-display: -0.025em;
        --ls-heading: -0.015em;
        --ls-overline: 0.26em;
        --fs-section-title: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);
        --font-mono: "SFMono-Regular", ui-monospace, "Menlo", "Consolas", monospace;
    }
    :scope {
        background-color: var(--surface-page);
    }
    :scope .diamond {
        rotate: none;
        border-radius: 0;
    }
    :scope .btn {
        border-radius: 0;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: var(--fw-bold);
    }
    :scope .site-header:not(.is-scrolled) .icon-btn,
    :scope .site-header.is-scrolled .icon-btn {
        color: var(--sba-teal);
    }
    :scope .ed-link .icon {
        inline-size: 0.9rem;
        block-size: 0.9rem;
    }
    :scope .topbar-btn .icon {
        inline-size: 0.95rem;
        block-size: 0.95rem;
    }
    :scope .ed3-hero .btn--secondary {
        background-color: transparent;
        color: var(--sba-white);
        border-color: rgba(255, 255, 255, 0.5);
    }
    :scope .ed3-hero .btn--secondary:hover {
        background-color: rgba(255, 255, 255, 0.14);
        border-color: var(--sba-white);
    }
    :scope .ed-phead__kicker .diamond {
        inline-size: 0.5rem;
        block-size: 0.5rem;
    }
    :scope .zn-framed > .container {
        position: relative;
        z-index: 2;
    }
    :scope .zn-bracket .icon {
        inline-size: 0.95rem;
        block-size: 0.95rem;
    }
    :scope .ed3-hero__cue .icon {
        animation: zn-bob 2.4s ease-in-out infinite;
    }
    @media (prefers-reduced-motion: reduce) {
        :scope .ed3-hero__cue .icon {
            animation: none;
        }
    }
    :scope .ed-phead.zn-framed .container {
        position: relative;
    }
    :scope .ed-phead.zn-framed .container::before,
    :scope .ed-phead.zn-framed .container::after {
        content: "";
        position: absolute;
        inset-block-start: 0;
        inline-size: 16px;
        block-size: 16px;
        border: 1.5px solid var(--swiss-rule);
        pointer-events: none;
    }
    :scope .ed-phead.zn-framed .container::before {
        inset-inline-start: 0;
        border-inline-end: 0;
        border-block-end: 0;
    }
    :scope .ed-phead.zn-framed .container::after {
        inset-inline-end: 0;
        border-inline-start: 0;
        border-block-end: 0;
    }
    /* Source: home.css */
    :scope .hm-hero,
    :scope .hm-sec,
    :scope .hm-library {
        --hm-rule: rgba(4, 33, 41, 0.28);
        --hm-line: rgba(4, 33, 41, 0.12);
    }
    :scope[data-theme="dark"] .hm-hero,
    :scope[data-theme="dark"] .hm-sec {
        --hm-rule: rgba(255, 255, 255, 0.22);
        --hm-line: rgba(255, 255, 255, 0.1);
    }
    :scope .hm-head {
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: var(--space-sm) var(--space-md);
        padding-block-end: var(--space-md);
    }
    :scope .hm-head::after {
        content: "";
        position: absolute;
        inset-block-end: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: var(--hm-rule);
        pointer-events: none;
    }
    :scope .hm-head__no {
        font-family: var(--font-mono);
        font-weight: var(--fw-bold);
        font-size: 0.72rem;
        letter-spacing: 0.12em;
        color: var(--sba-orange);
    }
    :scope .hm-head__title {
        font-size: clamp(1.15rem, 0.95rem + 0.9vw, 1.6rem);
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .hm-head__link {
        grid-column: 1 / -1;
        justify-self: start;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.68rem;
        color: var(--sba-teal);
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
    }
    :scope .hm-head__link .icon {
        inline-size: 0.85rem;
        block-size: 0.85rem;
        transition: transform 0.25s ease;
    }
    :scope .hm-head__link:hover {
        color: var(--sba-orange);
    }
    :scope .hm-head__link:hover .icon {
        transform: translate(3px, -3px);
    }
    @media (min-width: 720px) {
        :scope .hm-head {
            grid-template-columns: auto 1fr auto;
        }

        :scope .hm-head__link {
            grid-column: auto;
            justify-self: end;
        }
    }
    :scope .hm-sec--dark .hm-head::after {
        background-color: rgba(255, 255, 255, 0.28);
    }
    :scope .hm-sec--dark .hm-head__title {
        color: var(--sba-white);
    }
    :scope .hm-sec--dark .hm-head__link {
        color: rgba(255, 255, 255, 0.88);
    }
    :scope .hm-sec--dark .hm-head__link:hover {
        color: var(--sba-orange);
    }
    :scope .hm-hero {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        min-block-size: min(94svh, 940px);
        padding-block-start: clamp(8.5rem, 6rem + 6vw, 12rem);
        color: var(--sba-white);
    }
    :scope .hm-hero__media {
        position: absolute;
        inset: 0;
        z-index: -2;
    }
    :scope .hm-hero__media img {
        inline-size: 100%;
        block-size: 100%;
        object-fit: cover;
    }
    :scope .hm-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(180deg, rgba(0, 38, 48, 0.6) 0%, rgba(0, 38, 48, 0.32) 42%, rgba(0, 38, 48, 0.9) 100%);
    }
    :scope .hm-hero__inner {
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column;
        padding-block-end: clamp(2rem, 1.5rem + 2vw, 3.25rem);
    }
    :scope .hm-hero__top {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: var(--space-sm) var(--space-lg);
        padding-block-end: var(--space-md);
        border-block-end: 1px solid rgba(255, 255, 255, 0.32);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.18em;
        font-size: 0.72rem;
        color: rgba(255, 255, 255, 0.82);
    }
    :scope .hm-hero__kicker {
        display: inline-flex;
        align-items: center;
        gap: var(--space-xs);
        color: var(--sba-orange);
    }
    :scope .hm-hero__kicker .diamond {
        inline-size: 0.5rem;
        block-size: 0.5rem;
        background: var(--sba-orange);
    }
    :scope .hm-hero__main {
        margin-block-start: auto;
        padding-block-start: clamp(2rem, 1.5rem + 3vw, 4rem);
    }
    :scope .hm-hero__title {
        margin: 0;
        font-size: clamp(2.4rem, 1rem + 4.8vw, 5.25rem);
        line-height: 0.92;
        letter-spacing: -0.035em;
        text-transform: uppercase;
        font-weight: var(--fw-bold);
        color: var(--sba-white);
        text-wrap: balance;
        max-inline-size: 16ch;
    }
    :scope .hm-hero__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .hm-hero__foot {
        display: grid;
        gap: clamp(1.5rem, 1rem + 2vw, 2.5rem);
        margin-block-start: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }
    @media (min-width: 820px) {
        :scope .hm-hero__foot {
            grid-template-columns: 1fr auto;
            align-items: end;
            gap: clamp(2rem, 1rem + 4vw, 5rem);
        }
    }
    :scope .hm-hero__lede {
        font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.35rem);
        line-height: var(--lh-relaxed);
        color: rgba(255, 255, 255, 0.88);
        max-inline-size: 48ch;
    }
    :scope .hm-hero__actions {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-sm);
    }
    :scope .hm-hero .btn--secondary {
        background-color: transparent;
        color: var(--sba-white);
        border-color: rgba(255, 255, 255, 0.5);
    }
    :scope .hm-hero .btn--secondary:hover {
        background-color: rgba(255, 255, 255, 0.14);
        border-color: var(--sba-white);
    }
    :scope .hm-hero__bar {
        position: relative;
        display: flex;
        justify-content: center;
        background-color: rgba(0, 38, 48, 0.42);
        border-block-start: 1px solid rgba(255, 255, 255, 0.28);
    }
    @supports (backdrop-filter: blur(1px)) {
        :scope .hm-hero__bar {
            backdrop-filter: blur(6px) saturate(1.1);
        }
    }
    :scope .hm-hero__stats {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    @media (min-width: 820px) {
        :scope .hm-hero__stats {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    :scope .hm-hero__stats > div {
        padding: clamp(1rem, 0.6rem + 1.5vw, 1.6rem) clamp(0.75rem, 0.4rem + 1vw, 1.5rem);
        text-align: center;
    }
    :scope .hm-hero__stats > div:nth-child(even) {
        border-inline-start: 1px solid rgba(255, 255, 255, 0.18);
    }
    :scope .hm-hero__stats > div:nth-child(n + 3) {
        border-block-start: 1px solid rgba(255, 255, 255, 0.18);
    }
    @media (min-width: 820px) {
        :scope .hm-hero__stats > div {
            border-inline-start: 1px solid rgba(255, 255, 255, 0.18);
            border-block-start: 0;
        }

        :scope .hm-hero__stats > div:first-child {
            border-inline-start: 0;
        }
    }
    :scope .hm-hero__stats dt {
        font-size: clamp(1.6rem, 1rem + 2vw, 2.6rem);
        line-height: 1;
        letter-spacing: -0.03em;
        font-weight: var(--fw-bold);
        color: var(--sba-white);
    }
    :scope .hm-hero__stats dd {
        margin: 0;
        margin-block-start: var(--space-sm);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: 0.62rem;
        color: rgba(255, 255, 255, 0.6);
    }
    :scope .hm-sec {
        background-color: var(--surface-page);
        padding-block: clamp(3.5rem, 2.5rem + 5vw, 6.5rem);
    }
    :scope .hm-sec--soft {
        background-color: var(--surface-soft);
    }
    :scope .hm-sec--dark {
        background-color: var(--sba-teal);
        color: var(--text-on-dark);
    }
    :scope .hm-statement {
        margin: 0;
        font-size: clamp(1.8rem, 1.1rem + 2.6vw, 3.4rem);
        line-height: 1.02;
        letter-spacing: -0.028em;
        text-transform: uppercase;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        text-wrap: balance;
        max-inline-size: 20ch;
    }
    :scope .hm-statement em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .hm-sec--dark .hm-statement {
        color: var(--sba-white);
    }
    :scope .hm-lead .hm-statement {
        max-inline-size: none;
        font-size: clamp(2.3rem, 1.3rem + 4vw, 4.75rem);
        line-height: 0.98;
    }
    :scope .hm-sec--dark .hm-lead__intro {
        color: rgba(255, 255, 255, 0.82);
    }
    :scope .hm-about {
        margin-block-start: clamp(2rem, 1.4rem + 2.5vw, 3.5rem);
        display: grid;
        gap: clamp(1.75rem, 1rem + 3vw, 3rem);
    }
    @media (min-width: 900px) {
        :scope .hm-about {
            grid-template-columns: 7fr 5fr;
            align-items: center;
            gap: clamp(2rem, 1rem + 4vw, 5rem);
        }
    }
    :scope .hm-about__text {
        margin-block-start: var(--space-lg);
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
        max-inline-size: 50ch;
    }
    :scope .hm-about__link {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        margin-block-start: var(--space-lg);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.74rem;
        color: var(--sba-teal);
        text-decoration: none;
        border-block-end: 1.5px solid var(--sba-orange);
        padding-block-end: 0.3rem;
    }
    :scope .hm-about__link .icon {
        inline-size: 0.9rem;
        block-size: 0.9rem;
        transition: transform 0.25s ease;
    }
    :scope .hm-about__link:hover {
        color: var(--sba-orange);
    }
    :scope .hm-about__link:hover .icon {
        transform: translate(3px, -3px);
    }
    :scope .hm-about__media {
        margin: 0;
    }
    :scope .hm-about__media img {
        display: block;
        inline-size: 100%;
        aspect-ratio: 5 / 4;
        object-fit: cover;
        border: 1px solid var(--hm-rule);
    }
    :scope .hm-sec--about {
        padding-block-end: 0;
    }
    :scope .hm-pillars {
        position: relative;
        list-style: none;
        margin: clamp(2.5rem, 1.5rem + 4vw, 4.5rem) 0 0;
        padding: 0;
        display: grid;
    }
    :scope .hm-pillars::before {
        content: "";
        position: absolute;
        inset-block-start: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 2px;
        background-color: var(--hm-rule);
        pointer-events: none;
    }
    @media (min-width: 820px) {
        :scope .hm-pillars {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    :scope .hm-pillars li {
        padding: clamp(1.5rem, 1rem + 2vw, 2.5rem) 0;
        border-block-end: 1px solid var(--hm-line);
    }
    @media (min-width: 820px) {
        :scope .hm-pillars li {
            border-block-end: 0;
            border-inline-start: 1px solid var(--hm-line);
            padding: clamp(1.5rem, 1rem + 2vw, 2.5rem) clamp(1.25rem, 0.5rem + 1.5vw, 2.25rem);
        }

        :scope .hm-pillars li:first-child {
            border-inline-start: 0;
            padding-inline-start: 0;
        }
    }
    :scope .hm-pillars__icon {
        display: block;
        color: var(--sba-teal);
    }
    :scope .hm-pillars__icon .icon {
        inline-size: 1.75rem;
        block-size: 1.75rem;
    }
    :scope .hm-pillars__no {
        display: block;
        margin-block-start: var(--space-md);
        font-family: var(--font-mono);
        font-size: 0.66rem;
        letter-spacing: 0.14em;
        color: var(--sba-orange);
    }
    :scope .hm-pillars h3 {
        margin: var(--space-xs) 0 0;
        font-size: clamp(1.35rem, 1.1rem + 1vw, 1.9rem);
        text-transform: uppercase;
        letter-spacing: -0.02em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .hm-pillars p {
        margin-block-start: var(--space-sm);
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
    }
    :scope .hm-city {
        margin-block-start: clamp(2rem, 1.4rem + 2vw, 3.5rem);
        display: grid;
        gap: clamp(1.75rem, 1rem + 3vw, 3rem);
    }
    @media (min-width: 900px) {
        :scope .hm-city {
            grid-template-columns: 1fr 1fr;
            align-items: center;
            gap: clamp(2rem, 1rem + 4vw, 5rem);
        }
    }
    :scope .hm-city__media {
        margin: 0;
    }
    :scope .hm-city__media img {
        display: block;
        inline-size: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        border: 1px solid var(--hm-rule);
    }
    :scope .hm-city__eyebrow {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.7rem;
        color: var(--sba-orange);
    }
    :scope .hm-city__intro {
        margin-block-start: clamp(1.25rem, 1rem + 1.5vw, 2rem);
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
        max-inline-size: 52ch;
    }
    :scope .hm-city__cta {
        margin-block-start: clamp(1.5rem, 1rem + 2vw, 2.25rem);
    }
    :scope .hm-sec--city {
        padding-block-end: 0;
    }
    :scope .hm-citystats {
        position: relative;
        margin-block-start: clamp(2.5rem, 1.5rem + 3vw, 4rem);
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    :scope .hm-citystats::before {
        content: "";
        position: absolute;
        inset-block-start: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: var(--hm-rule);
        pointer-events: none;
    }
    @media (min-width: 620px) {
        :scope .hm-citystats {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    :scope .hm-citystat {
        padding-block: clamp(1.5rem, 1rem + 2vw, 2.25rem);
        border-block-end: 1px solid var(--hm-line);
    }
    @media (min-width: 620px) {
        :scope .hm-citystat {
            border-block-end: 0;
            border-inline-start: 1px solid var(--hm-line);
            padding-inline: clamp(1.25rem, 0.5rem + 1.5vw, 2.25rem);
        }

        :scope .hm-citystat:first-child {
            border-inline-start: 0;
            padding-inline-start: 0;
        }
    }
    :scope .hm-citystat__num {
        font-size: clamp(2.4rem, 1.5rem + 3.5vw, 4rem);
        line-height: 0.85;
        letter-spacing: -0.03em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .hm-citystat__label {
        margin-block-start: var(--space-md);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: 0.64rem;
        color: var(--text-meta);
        max-inline-size: 26ch;
    }
    @media (max-width: 619px) {
        :scope .hm-citystat {
            display: grid;
            grid-template-columns: minmax(5.5rem, auto) 1fr;
            align-items: center;
            column-gap: clamp(1.25rem, 0.5rem + 4vw, 2rem);
        }

        :scope .hm-citystat__num {
            line-height: 0.9;
        }

        :scope .hm-citystat__label {
            margin-block-start: 0;
            max-inline-size: none;
        }
    }
    :scope .hm-library {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        min-block-size: min(82svh, 780px);
        color: var(--sba-white);
    }
    :scope .hm-library__media {
        position: absolute;
        inset: 0;
        z-index: -2;
    }
    :scope .hm-library__media img {
        inline-size: 100%;
        block-size: 100%;
        object-fit: cover;
    }
    :scope .hm-library::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(112deg, rgba(0, 38, 48, 0.9) 0%, rgba(0, 38, 48, 0.55) 44%, rgba(0, 38, 48, 0.25) 100%),
        linear-gradient(0deg, rgba(0, 38, 48, 0.7) 0%, rgba(0, 38, 48, 0) 42%);
    }
    :scope .hm-library__inner {
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-block: clamp(6.5rem, 5rem + 5vw, 9rem) clamp(2rem, 1.5rem + 2vw, 3rem);
    }
    :scope .hm-library__eyebrow {
        display: block;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.72rem;
        color: var(--sba-orange);
    }
    :scope .hm-library__title {
        margin: var(--space-md) 0 0;
        font-size: clamp(2.4rem, 1.2rem + 4vw, 5rem);
        line-height: 0.92;
        text-transform: uppercase;
        letter-spacing: -0.035em;
        font-weight: var(--fw-bold);
        color: var(--sba-white);
        text-wrap: balance;
        max-inline-size: 14ch;
    }
    :scope .hm-library__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .hm-library__intro {
        margin: var(--space-lg) 0 0;
        font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
        line-height: var(--lh-relaxed);
        color: rgba(255, 255, 255, 0.88);
        max-inline-size: 46ch;
    }
    :scope .hm-library__actions {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-sm);
        margin-block-start: clamp(1.75rem, 1rem + 2vw, 2.5rem);
    }
    :scope .hm-library .btn--secondary {
        background-color: transparent;
        color: var(--sba-white);
        border-color: rgba(255, 255, 255, 0.5);
    }
    :scope .hm-library .btn--secondary:hover {
        background-color: rgba(255, 255, 255, 0.14);
        border-color: var(--sba-white);
    }
    :scope .hm-library__bar {
        position: relative;
        background-color: rgba(0, 38, 48, 0.5);
        border-block-start: 1px solid rgba(255, 255, 255, 0.28);
    }
    @supports (backdrop-filter: blur(1px)) {
        :scope .hm-library__bar {
            backdrop-filter: blur(6px) saturate(1.1);
        }
    }
    :scope .hm-library__bar-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: var(--space-md) var(--space-xl);
        padding-block: clamp(1rem, 0.75rem + 1vw, 1.5rem);
    }
    :scope .hm-library__browse {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.7rem clamp(0.9rem, 0.5rem + 1vw, 1.6rem);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: 0.68rem;
    }
    :scope .hm-library__browse-label {
        color: var(--sba-orange);
    }
    :scope .hm-library__browse a {
        color: rgba(255, 255, 255, 0.78);
        text-decoration: none;
        transition: color 0.2s ease;
    }
    :scope .hm-library__browse a:hover {
        color: var(--sba-white);
    }
    :scope .hm-libstats {
        display: flex;
        margin: 0;
    }
    :scope .hm-libstat {
        padding-inline: clamp(0.85rem, 0.4rem + 1.5vw, 1.75rem);
    }
    :scope .hm-libstat:first-child {
        padding-inline-start: 0;
    }
    :scope .hm-libstat:last-child {
        padding-inline-end: 0;
    }
    :scope .hm-libstat:not(:first-child) {
        border-inline-start: 1px solid rgba(255, 255, 255, 0.2);
    }
    :scope .hm-libstat__num {
        font-size: clamp(1.3rem, 1rem + 1vw, 1.8rem);
        line-height: 1;
        letter-spacing: -0.02em;
        font-weight: var(--fw-bold);
        color: var(--sba-white);
    }
    :scope .hm-libstat__label {
        margin-block-start: 0.3rem;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: 0.58rem;
        color: rgba(255, 255, 255, 0.6);
    }
    :scope[data-theme="dark"] .hm-head__title,
    :scope[data-theme="dark"] .hm-head__link,
    :scope[data-theme="dark"] .hm-statement,
    :scope[data-theme="dark"] .hm-about__link,
    :scope[data-theme="dark"] .hm-pillars__icon,
    :scope[data-theme="dark"] .hm-pillars h3,
    :scope[data-theme="dark"] .hm-city__num,
    :scope[data-theme="dark"] .hm-citystat__num {
        color: var(--sba-ink);
    }
    :scope[data-theme="dark"] .hm-about__link:hover,
    :scope[data-theme="dark"] .hm-head__link:hover {
        color: var(--sba-orange);
    }
    :scope[data-theme="dark"] .hm-sec--dark .hm-statement,
    :scope[data-theme="dark"] .hm-sec--dark .hm-head__title {
        color: var(--sba-white);
    }
    /* Source: publishing.css */
    :scope .pb-sec {
        padding-block: clamp(4rem, 2.5rem + 6vw, 8rem);
        background-color: var(--surface-page);
        overflow-x: clip;
    }
    :scope .pb-sec--soft {
        background-color: var(--surface-soft);
    }
    :scope .pb-intro,
    :scope .pb-sec,
    :scope .pb-close {
        --pb-rule: rgba(4, 33, 41, 0.28);
        --pb-line: rgba(4, 33, 41, 0.12);
    }
    :scope[data-theme="dark"] .pb-intro,
    :scope[data-theme="dark"] .pb-sec,
    :scope[data-theme="dark"] .pb-close {
        --pb-rule: rgba(255, 255, 255, 0.22);
        --pb-line: rgba(255, 255, 255, 0.1);
    }
    :scope .pb-head {
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: var(--space-sm) var(--space-md);
        padding-block-end: var(--space-md);

    }
    :scope .pb-head::after {
        content: "";
        position: absolute;
        inset-block-end: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: var(--pb-rule);
        pointer-events: none;
    }
    :scope .pb-head__no {
        font-family: var(--font-mono);
        font-weight: var(--fw-bold);
        font-size: 0.72rem;
        letter-spacing: 0.12em;
        color: var(--sba-orange);
    }
    :scope .pb-head__title {
        font-size: clamp(1.15rem, 0.95rem + 0.9vw, 1.6rem);
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .pb-head__note {
        grid-column: 1 / -1;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.66rem;
        color: var(--text-meta);
    }
    @media (min-width: 720px) {
        :scope .pb-head {
            grid-template-columns: auto 1fr auto;
        }

        :scope .pb-head__note {
            grid-column: auto;
            text-align: end;
        }
    }
    :scope .pb-intro {
        background-color: var(--surface-page);
        padding-block: clamp(8.75rem, 8rem + 1vw, 10rem) 0;
        overflow-x: clip;
    }
    :scope .pb-intro__crumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        list-style: none;
        margin: 0;
        padding: 0;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: 0.66rem;
        color: var(--text-meta);
    }
    :scope .pb-intro__crumb li + li::before {
        content: "/";
        margin-inline-end: 0.5rem;
        color: var(--pb-line);
    }
    :scope .pb-intro__crumb a {
        color: var(--text-secondary);
        text-decoration: none;
    }
    :scope .pb-intro__crumb a:hover {
        color: var(--sba-orange);
    }
    :scope .pb-kicker {
        display: inline-block;
        margin-block-start: clamp(1.5rem, 0.5rem + 5vw, 6.5rem);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.72rem;
        color: var(--sba-orange);
    }
    :scope .pb-intro__grid {
        margin-block-start: clamp(2rem, 1rem + 3vw, 4.5rem);
        display: grid;
        gap: clamp(1.5rem, 1rem + 3vw, 2.75rem);
    }
    @media (min-width: 940px) {
        :scope .pb-intro__grid {
            grid-template-columns: 1.45fr 1fr;
            align-items: end;
            gap: clamp(2rem, 1rem + 4vw, 5rem);
        }
    }
    :scope .pb-intro__title {
        margin: 0;
        font-size: clamp(2.4rem, 1.4rem + 3vw, 4rem);
        line-height: 0.9;
        letter-spacing: -0.035em;
        text-transform: uppercase;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        text-wrap: balance;
    }
    :scope .pb-intro__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .pb-intro__lede {
        font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
        max-inline-size: 46ch;
        padding-block-end: 0.4rem;
    }
    :scope .pb-pipeline {
        position: relative;
        margin-block-start: clamp(2.5rem, 1.5rem + 4vw, 5rem);
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    :scope .pb-pipeline::before {
        content: "";
        position: absolute;
        inset-block-start: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: var(--pb-rule);
        pointer-events: none;
    }
    @media (min-width: 760px) {
        :scope .pb-pipeline {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    :scope .pb-pipeline__step {
        padding: var(--space-md) var(--space-md) var(--space-md) 0;
        border-block-end: 1px solid var(--pb-line);
    }
    @media (min-width: 760px) {
        :scope .pb-pipeline__step {
            border-block-end: 0;
            border-inline-start: 1px solid var(--pb-line);
            padding-inline: var(--space-md);
        }

        :scope .pb-pipeline__step:first-child {
            border-inline-start: 0;
            padding-inline-start: 0;
        }
    }
    :scope .pb-pipeline__no {
        font-family: var(--font-mono);
        letter-spacing: 0.1em;
        font-size: 0.64rem;
        color: var(--sba-orange);
    }
    :scope .pb-pipeline__name {
        margin-block-start: var(--space-xs);
        font-size: clamp(1.1rem, 0.95rem + 0.6vw, 1.4rem);
        text-transform: uppercase;
        letter-spacing: -0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .pb-pipeline__desc {
        margin-block-start: 0.35rem;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.08em;
        font-size: 0.6rem;
        color: var(--text-meta);
    }
    :scope .pb-feature {
        margin-block-start: clamp(2rem, 1.4rem + 2.5vw, 3.75rem);
        display: grid;
        gap: clamp(1.75rem, 1rem + 3vw, 3rem);
    }
    @media (min-width: 900px) {
        :scope .pb-feature {
            grid-template-columns: 1fr 1fr;
            align-items: stretch;
            gap: clamp(2rem, 1rem + 4vw, 5rem);
            margin-block-start: 0;
        }

        :scope .pb-feature--reverse .pb-feature__media {
            order: 2;
        }

        :scope .pb-feature__media {
            block-size: 100%;
        }

        :scope .pb-feature__media img {
            block-size: 100%;
            aspect-ratio: auto;
        }

        :scope .pb-sec--feature {
            padding-block-end: 0;
        }

        :scope .pb-feature__body {
            padding-block: clamp(1.75rem, 1rem + 2.5vw, 3rem);
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    }
    :scope .pb-feature__media {
        margin: 0;
    }
    :scope .pb-feature__media img {
        display: block;
        inline-size: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        border: 1px solid var(--pb-rule);
    }
    :scope .pb-feature__eyebrow {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.7rem;
        color: var(--sba-orange);
    }
    :scope .pb-feature__title {
        margin: var(--space-md) 0 0;
        font-size: clamp(1.8rem, 1.2rem + 2.4vw, 3.1rem);
        line-height: 1.02;
        letter-spacing: -0.028em;
        text-transform: uppercase;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        text-wrap: balance;
    }
    :scope .pb-feature__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .pb-feature__prose {
        margin-block-start: clamp(1.25rem, 1rem + 1.5vw, 2rem);
        display: grid;
        gap: var(--space-md);
        max-inline-size: 60ch;
    }
    :scope .pb-feature__prose p {
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
    }
    :scope .pb-market {
        background-color: var(--sba-teal);
        color: var(--text-on-dark);
        padding-block: clamp(4rem, 2.5rem + 5vw, 7.5rem) 0;
        overflow-x: clip;
    }
    :scope .pb-market__head {
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: var(--space-sm) var(--space-md);
        padding-block-end: var(--space-md);
    }
    :scope .pb-market__head::after {
        content: "";
        position: absolute;
        inset-block-end: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: rgba(255, 255, 255, 0.28);
        pointer-events: none;
    }
    :scope .pb-market__no {
        font-family: var(--font-mono);
        font-weight: var(--fw-bold);
        font-size: 0.72rem;
        letter-spacing: 0.12em;
        color: var(--sba-orange);
    }
    :scope .pb-market__title {
        font-size: clamp(1.15rem, 0.95rem + 0.9vw, 1.6rem);
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-white);
    }
    :scope .pb-market__note {
        grid-column: 1 / -1;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.66rem;
        color: rgba(255, 255, 255, 0.6);
    }
    @media (min-width: 720px) {
        :scope .pb-market__head {
            grid-template-columns: auto 1fr auto;
        }

        :scope .pb-market__note {
            grid-column: auto;
            text-align: end;
        }
    }
    :scope .pb-market__stats {
        display: grid;
        grid-template-columns: 1fr;
    }
    @media (min-width: 820px) {
        :scope .pb-market__stats {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    :scope .pb-stat {
        padding-block: clamp(1.75rem, 1rem + 2vw, 2.75rem);
        border-block-start: 1px solid rgba(255, 255, 255, 0.14);
    }
    :scope .pb-stat:first-child {
        border-block-start: 0;
    }
    @media (min-width: 820px) {
        :scope .pb-stat {
            border-block-start: 0;
            border-inline-start: 1px solid rgba(255, 255, 255, 0.14);
            padding: clamp(1.75rem, 1rem + 2vw, 2.75rem) clamp(1.25rem, 0.5rem + 1.5vw, 2.5rem);
        }

        :scope .pb-stat:first-child {
            border-inline-start: 0;
            padding-inline-start: 0;
        }
    }
    :scope .pb-stat__num {
        font-size: clamp(3rem, 1.5rem + 6vw, 6rem);
        line-height: 0.82;
        letter-spacing: -0.04em;
        font-weight: var(--fw-bold);
        color: var(--sba-white);
    }
    :scope .pb-stat__label {
        margin-block-start: var(--space-md);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.66rem;
        color: var(--sba-orange);
    }
    :scope .pb-stat__desc {
        margin-block-start: var(--space-sm);
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: rgba(255, 255, 255, 0.82);
        max-inline-size: 34ch;
    }
    :scope .pb-sec--caps {
        padding-block-end: 0;
    }
    :scope .pb-caps {
        display: grid;
    }
    @media (min-width: 820px) {
        :scope .pb-caps {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    :scope .pb-cap {
        padding: clamp(1.5rem, 1rem + 2vw, 2.5rem) 0;
        border-block-end: 1px solid var(--pb-line);
    }
    @media (min-width: 820px) {
        :scope .pb-cap {
            border-block-end: 0;
            border-inline-start: 1px solid var(--pb-line);
            padding: clamp(1.5rem, 1rem + 2vw, 2.5rem) clamp(1.25rem, 0.5rem + 1.5vw, 2.25rem);
        }

        :scope .pb-cap:first-child {
            border-inline-start: 0;
            padding-inline-start: 0;
        }
    }
    :scope .pb-cap__no {
        font-family: var(--font-mono);
        font-size: 0.72rem;
        letter-spacing: 0.1em;
        color: var(--sba-orange);
    }
    :scope .pb-cap__icon {
        display: block;
        margin-block-start: var(--space-md);
        color: var(--sba-teal);
    }
    :scope .pb-cap__icon .icon {
        inline-size: 1.75rem;
        block-size: 1.75rem;
    }
    :scope .pb-cap__name {
        margin-block-start: var(--space-md);
        font-size: clamp(1.35rem, 1.1rem + 1vw, 1.85rem);
        text-transform: uppercase;
        letter-spacing: -0.02em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .pb-cap__desc {
        margin-block-start: var(--space-sm);
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
    }
    :scope .pb-sec--gateway {
        padding-block-end: 0;
    }
    :scope .pb-gateway {
        margin-block-start: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    @media (min-width: 900px) {
        :scope .pb-gateway {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    :scope .pb-gate {
        position: relative;
        padding: clamp(1.5rem, 1rem + 2vw, 2.25rem);
        display: flex;
        flex-direction: column;
        gap: var(--space-sm);
        min-block-size: clamp(11rem, 8rem + 10vw, 14rem);
    }
    @media (max-width: 899px) {
        :scope .pb-gate:nth-child(2n) {
            border-inline-start: 1px solid var(--pb-line);
        }
    }
    @media (min-width: 900px) {
        :scope .pb-gate:not(:nth-child(4n+1)) {
            border-inline-start: 1px solid var(--pb-line);
        }
    }
    @media (max-width: 899px) {
        :scope .pb-gate:nth-child(2n+1):not(:first-child)::before {
            content: "";
            position: absolute;
            inset-block-start: 0;
            left: 50%;
            transform: translateX(-50%);
            inline-size: 100vw;
            block-size: 1px;
            background-color: var(--pb-line);
            pointer-events: none;
        }
    }
    :scope .pb-gate__no {
        font-family: var(--font-mono);
        font-size: 0.66rem;
        letter-spacing: 0.1em;
        color: var(--sba-orange);
    }
    :scope .pb-gate__icon {
        color: var(--sba-teal);
        margin-block-start: auto;
    }
    :scope .pb-gate__icon .icon {
        inline-size: 1.6rem;
        block-size: 1.6rem;
    }
    :scope .pb-gate__name {
        margin-block-start: var(--space-sm);
        font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
        text-transform: uppercase;
        letter-spacing: -0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        line-height: 1.05;
    }
    :scope .pb-gate__desc {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-size: 0.62rem;
        line-height: 1.5;
        color: var(--text-meta);
    }
    :scope .pb-close {
        background-color: var(--surface-page);
        padding-block: clamp(4rem, 2.5rem + 5vw, 7.5rem);
    }
    :scope .pb-close__panel {
        position: relative;
        border: 1px solid var(--pb-rule);
        padding: clamp(2.75rem, 1.5rem + 6vw, 6rem) clamp(1.5rem, 1rem + 3vw, 4rem);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: clamp(1.1rem, 0.9rem + 1vw, 1.75rem);
    }
    :scope .pb-close__panel::before,
    :scope .pb-close__panel::after {
        content: "";
        position: absolute;
        inline-size: 18px;
        block-size: 18px;
        border: 2px solid var(--sba-orange);
        pointer-events: none;
    }
    :scope .pb-close__panel::before {
        inset-block-start: -1px;
        inset-inline-start: -1px;
        border-inline-end: 0;
        border-block-end: 0;
    }
    :scope .pb-close__panel::after {
        inset-block-end: -1px;
        inset-inline-end: -1px;
        border-inline-start: 0;
        border-block-start: 0;
    }
    :scope .pb-close__eyebrow {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.24em;
        font-size: 0.72rem;
        color: var(--sba-orange);
    }
    :scope .pb-close__title {
        margin: 0;
        font-size: clamp(2.1rem, 1.3rem + 3.2vw, 4.2rem);
        line-height: 0.96;
        text-transform: uppercase;
        letter-spacing: -0.03em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        text-wrap: balance;
        max-inline-size: 20ch;
    }
    :scope .pb-close__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .pb-close__actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--space-sm);
        margin-block-start: var(--space-sm);
    }
    :scope[data-theme="dark"] .pb-intro__title,
    :scope[data-theme="dark"] .pb-head__title,
    :scope[data-theme="dark"] .pb-pipeline__name,
    :scope[data-theme="dark"] .pb-feature__title,
    :scope[data-theme="dark"] .pb-cap__icon,
    :scope[data-theme="dark"] .pb-cap__name,
    :scope[data-theme="dark"] .pb-gate__icon,
    :scope[data-theme="dark"] .pb-gate__name,
    :scope[data-theme="dark"] .pb-close__title {
        color: var(--sba-ink);
    }
    :scope[data-theme="dark"] .pb-close .btn--secondary {
        color: var(--sba-ink);
    }
    :scope[data-theme="dark"] .pb-close .btn--secondary:hover {
        color: var(--sba-teal);
    }
    /* Source: publishing-city.css */
    :scope .pc-sec {
        padding-block: clamp(4rem, 2.5rem + 6vw, 8rem);
        background-color: var(--surface-page);
        overflow-x: clip;
    }
    :scope .pc-sec--soft {
        background-color: var(--surface-soft);
    }
    :scope .pc-intro,
    :scope .pc-sec {
        --pc-rule: rgba(4, 33, 41, 0.28);
        --pc-line: rgba(4, 33, 41, 0.12);
    }
    :scope[data-theme="dark"] .pc-intro,
    :scope[data-theme="dark"] .pc-sec {
        --pc-rule: rgba(255, 255, 255, 0.22);
        --pc-line: rgba(255, 255, 255, 0.1);
    }
    :scope .pc-head {
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: var(--space-sm) var(--space-md);
        padding-block-end: var(--space-md);
    }
    :scope .pc-head::after {
        content: "";
        position: absolute;
        inset-block-end: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: var(--pc-rule);
        pointer-events: none;
    }
    :scope .pc-head__no {
        font-family: var(--font-mono);
        font-weight: var(--fw-bold);
        font-size: 0.72rem;
        letter-spacing: 0.12em;
        color: var(--sba-orange);
    }
    :scope .pc-head__title {
        font-size: clamp(1.15rem, 0.95rem + 0.9vw, 1.6rem);
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .pc-head__note {
        grid-column: 1 / -1;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.66rem;
        color: var(--text-meta);
    }
    @media (min-width: 720px) {
        :scope .pc-head {
            grid-template-columns: auto 1fr auto;
        }

        :scope .pc-head__note {
            grid-column: auto;
            text-align: end;
        }
    }
    :scope .pc-intro {
        background-color: var(--surface-page);
        padding-block: clamp(8.75rem, 8rem + 1vw, 10rem) 0;
        overflow-x: clip;
    }
    :scope .pc-intro__crumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        list-style: none;
        margin: 0;
        padding: 0;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: 0.66rem;
        color: var(--text-meta);
    }
    :scope .pc-intro__crumb li + li::before {
        content: "/";
        margin-inline-end: 0.5rem;
        color: var(--pc-line);
    }
    :scope .pc-intro__crumb a {
        color: var(--text-secondary);
        text-decoration: none;
    }
    :scope .pc-intro__crumb a:hover {
        color: var(--sba-orange);
    }
    :scope .pc-kicker {
        display: inline-block;
        margin-block-start: clamp(1.5rem, 0.5rem + 5vw, 6.5rem);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.72rem;
        color: var(--sba-orange);
    }
    :scope .pc-intro__grid {
        margin-block-start: clamp(2rem, 1rem + 3vw, 4.5rem);
        display: grid;
        gap: clamp(1.5rem, 1rem + 3vw, 2.75rem);
    }
    @media (min-width: 940px) {
        :scope .pc-intro__grid {
            grid-template-columns: 1.45fr 1fr;
            align-items: end;
            gap: clamp(2rem, 1rem + 4vw, 5rem);
        }
    }
    :scope .pc-intro__title {
        margin: 0;
        font-size: clamp(2.4rem, 1.4rem + 3vw, 4rem);
        line-height: 0.9;
        letter-spacing: -0.035em;
        text-transform: uppercase;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        text-wrap: balance;
    }
    :scope .pc-intro__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .pc-intro__lede {
        font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
        max-inline-size: 46ch;
        padding-block-end: 0.4rem;
    }
    :scope .pc-facts {
        position: relative;
        margin-block-start: clamp(2.5rem, 1.5rem + 4vw, 5rem);
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    :scope .pc-facts::before {
        content: "";
        position: absolute;
        inset-block-start: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: var(--pc-rule);
        pointer-events: none;
    }
    @media (min-width: 760px) {
        :scope .pc-facts {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    :scope .pc-facts > div {
        padding: var(--space-md) var(--space-md) var(--space-md) 0;
        border-block-end: 1px solid var(--pc-line);
    }
    @media (min-width: 760px) {
        :scope .pc-facts > div {
            border-block-end: 0;
            border-inline-start: 1px solid var(--pc-line);
            padding-inline: var(--space-md);
        }

        :scope .pc-facts > div:first-child {
            border-inline-start: 0;
            padding-inline-start: 0;
        }
    }
    :scope .pc-facts dt {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.64rem;
        color: var(--text-meta);
    }
    :scope .pc-facts dd {
        margin: 0;
        margin-block-start: var(--space-xs);
        font-size: clamp(1.2rem, 1rem + 0.9vw, 1.7rem);
        font-weight: var(--fw-bold);
        letter-spacing: -0.02em;
        color: var(--sba-teal);
    }
    :scope .pc-feature {
        margin-block-start: clamp(2rem, 1.4rem + 2.5vw, 3.75rem);
        display: grid;
        gap: clamp(1.75rem, 1rem + 3vw, 3rem);
    }
    @media (min-width: 900px) {
        :scope .pc-feature {
            grid-template-columns: 1fr 1fr;
            align-items: stretch;
            gap: clamp(2rem, 1rem + 4vw, 5rem);
            margin-block-start: 0;
        }

        :scope .pc-feature--reverse .pc-feature__media {
            order: 2;
        }

        :scope .pc-feature__media {
            block-size: 100%;
        }

        :scope .pc-feature__media img {
            block-size: 100%;
            aspect-ratio: auto;
        }

        :scope .pc-sec--feature {
            padding-block-end: 0;
        }

        :scope .pc-feature__body {
            padding-block: clamp(1.75rem, 1rem + 2.5vw, 3rem);
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    }
    :scope .pc-feature__media {
        margin: 0;
    }
    :scope .pc-feature__media img {
        display: block;
        inline-size: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        border: 1px solid var(--pc-rule);
    }
    :scope .pc-feature__eyebrow {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.7rem;
        color: var(--sba-orange);
    }
    :scope .pc-feature__title {
        margin: var(--space-md) 0 0;
        font-size: clamp(1.8rem, 1.2rem + 2.4vw, 3.1rem);
        line-height: 1.02;
        letter-spacing: -0.028em;
        text-transform: uppercase;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        text-wrap: balance;
    }
    :scope .pc-feature__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .pc-feature__prose {
        margin-block-start: clamp(1.25rem, 1rem + 1.5vw, 2rem);
        display: grid;
        gap: var(--space-md);
        max-inline-size: 58ch;
    }
    :scope .pc-feature__prose p {
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
    }
    :scope .pc-bignum {
        display: flex;
        align-items: baseline;
        gap: 0.5rem;
        flex-wrap: wrap;
        margin-block-start: var(--space-md);
    }
    :scope .pc-bignum__val {
        font-size: clamp(3.4rem, 1.5rem + 8vw, 6.6rem);
        line-height: 0.82;
        letter-spacing: -0.04em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .pc-bignum__unit {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.9rem;
        color: var(--sba-orange);
    }
    :scope .pc-advantage {
        background-color: var(--sba-teal);
        color: var(--text-on-dark);
        padding-block: clamp(4rem, 2.5rem + 5vw, 7.5rem) 0;
        overflow-x: clip;
    }
    :scope .pc-advantage__head {
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: var(--space-sm) var(--space-md);
        padding-block-end: var(--space-md);
    }
    :scope .pc-advantage__head::after {
        content: "";
        position: absolute;
        inset-block-end: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: rgba(255, 255, 255, 0.28);
        pointer-events: none;
    }
    :scope .pc-advantage__no {
        font-family: var(--font-mono);
        font-weight: var(--fw-bold);
        font-size: 0.72rem;
        letter-spacing: 0.12em;
        color: var(--sba-orange);
    }
    :scope .pc-advantage__title {
        font-size: clamp(1.15rem, 0.95rem + 0.9vw, 1.6rem);
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-white);
    }
    :scope .pc-advantage__note {
        grid-column: 1 / -1;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.66rem;
        color: rgba(255, 255, 255, 0.6);
    }
    @media (min-width: 720px) {
        :scope .pc-advantage__head {
            grid-template-columns: auto 1fr auto;
        }

        :scope .pc-advantage__note {
            grid-column: auto;
            text-align: end;
        }
    }
    :scope .pc-advantage__grid {
        position: relative;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
        background-color: var(--sba-teal);
    }
    @media (min-width: 620px) {
        :scope .pc-advantage__grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media (min-width: 960px) {
        :scope .pc-advantage__grid {
            grid-template-columns: repeat(3, 1fr);
            grid-auto-rows: 1fr;
        }

    }
    :scope .pc-adv {
        border-block-end: 1px solid rgba(255, 255, 255, 0.16);
        border-inline-end: 1px solid rgba(255, 255, 255, 0.16);
        background-color: var(--sba-teal);
        padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
        display: flex;
        flex-direction: column;
        gap: var(--space-sm);
        min-block-size: clamp(9rem, 7rem + 8vw, 12rem);
    }
    :scope .pc-adv__val {
        font-size: clamp(2.4rem, 1.5rem + 3.5vw, 4rem);
        line-height: 0.85;
        letter-spacing: -0.03em;
        font-weight: var(--fw-bold);
        color: var(--sba-white);
    }
    :scope .pc-adv__desc {
        margin-block-start: auto;
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: rgba(255, 255, 255, 0.82);
    }
    :scope .pc-cta {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        padding-block: clamp(5rem, 3rem + 7vw, 9rem);
        color: var(--text-on-dark);
    }
    :scope .pc-cta__media {
        position: absolute;
        inset: 0;
        z-index: -2;
    }
    :scope .pc-cta__media img {
        inline-size: 100%;
        block-size: 100%;
        object-fit: cover;
    }
    :scope .pc-cta::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(120deg, rgba(0, 38, 48, 0.94) 0%, rgba(0, 38, 48, 0.82) 48%, rgba(0, 38, 48, 0.55) 100%);
    }
    :scope .pc-cta__overline {
        display: inline-flex;
        align-items: center;
        gap: var(--space-xs);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.72rem;
        color: var(--sba-orange);
    }
    :scope .pc-cta__overline .diamond {
        inline-size: 0.5rem;
        block-size: 0.5rem;
        background: var(--sba-orange);
    }
    :scope .pc-cta__title {
        margin: var(--space-md) 0 0;
        font-size: clamp(2.2rem, 1.3rem + 3.4vw, 4.4rem);
        line-height: 0.95;
        text-transform: uppercase;
        letter-spacing: -0.03em;
        font-weight: var(--fw-bold);
        color: var(--sba-white);
        text-wrap: balance;
        max-inline-size: 18ch;
    }
    :scope .pc-cta__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .pc-cta__text {
        margin-block-start: var(--space-lg);
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: rgba(255, 255, 255, 0.86);
        max-inline-size: 52ch;
    }
    :scope .pc-cta__actions {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-sm);
        margin-block-start: var(--space-xl);
    }
    :scope .pc-cta .btn--secondary {
        background-color: transparent;
        color: var(--sba-white);
        border-color: rgba(255, 255, 255, 0.5);
    }
    :scope .pc-cta .btn--secondary:hover {
        background-color: rgba(255, 255, 255, 0.14);
        border-color: var(--sba-white);
    }
    :scope[data-theme="dark"] .pc-intro__title,
    :scope[data-theme="dark"] .pc-facts dd,
    :scope[data-theme="dark"] .pc-head__title,
    :scope[data-theme="dark"] .pc-feature__title,
    :scope[data-theme="dark"] .pc-bignum__val {
        color: var(--sba-ink);
    }
    /* Source: library.css */
    :scope .lb-sec {
        padding-block: clamp(4rem, 2.5rem + 6vw, 8rem);
        background-color: var(--surface-page);
        overflow-x: clip;
    }
    :scope .lb-sec--soft {
        background-color: var(--surface-soft);
    }
    :scope .lb-intro,
    :scope .lb-sec,
    :scope .lb-close {
        --lb-rule: rgba(4, 33, 41, 0.28);
        --lb-line: rgba(4, 33, 41, 0.12);
    }
    :scope[data-theme="dark"] .lb-intro,
    :scope[data-theme="dark"] .lb-sec,
    :scope[data-theme="dark"] .lb-close {
        --lb-rule: rgba(255, 255, 255, 0.22);
        --lb-line: rgba(255, 255, 255, 0.1);
    }
    :scope .lb-head {
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: var(--space-sm) var(--space-md);
        padding-block-end: var(--space-md);

    }
    :scope .lb-head::after {
        content: "";
        position: absolute;
        inset-block-end: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: var(--lb-rule);
        pointer-events: none;
    }
    :scope .lb-head__no {
        font-family: var(--font-mono);
        font-weight: var(--fw-bold);
        font-size: 0.72rem;
        letter-spacing: 0.12em;
        color: var(--sba-orange);
    }
    :scope .lb-head__title {
        font-size: clamp(1.15rem, 0.95rem + 0.9vw, 1.6rem);
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .lb-head__note {
        grid-column: 1 / -1;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.66rem;
        color: var(--text-meta);
    }
    @media (min-width: 720px) {
        :scope .lb-head {
            grid-template-columns: auto 1fr auto;
        }

        :scope .lb-head__note {
            grid-column: auto;
            text-align: end;
        }
    }
    :scope .lb-intro {
        background-color: var(--surface-page);
        padding-block: clamp(8.75rem, 8rem + 1vw, 10rem) 0;
        overflow-x: clip;
    }
    :scope .lb-intro__crumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        list-style: none;
        margin: 0;
        padding: 0;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: 0.66rem;
        color: var(--text-meta);
    }
    :scope .lb-intro__crumb li + li::before {
        content: "/";
        margin-inline-end: 0.5rem;
        color: var(--lb-line);
    }
    :scope .lb-intro__crumb a {
        color: var(--text-secondary);
        text-decoration: none;
    }
    :scope .lb-intro__crumb a:hover {
        color: var(--sba-orange);
    }
    :scope .lb-kicker {
        display: inline-block;
        margin-block-start: clamp(1.5rem, 0.5rem + 5vw, 6.5rem);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.72rem;
        color: var(--sba-orange);
    }
    :scope .lb-intro__grid {
        margin-block-start: clamp(2rem, 1rem + 3vw, 4.5rem);
        display: grid;
        gap: clamp(1.5rem, 1rem + 3vw, 2.75rem);
    }
    @media (min-width: 940px) {
        :scope .lb-intro__grid {
            grid-template-columns: 1.45fr 1fr;
            align-items: end;
            gap: clamp(2rem, 1rem + 4vw, 5rem);
        }
    }
    :scope .lb-intro__title {
        margin: 0;
        font-size: clamp(2.4rem, 1.4rem + 3vw, 4rem);
        line-height: 0.9;
        letter-spacing: -0.035em;
        text-transform: uppercase;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        text-wrap: balance;
    }
    :scope .lb-intro__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .lb-intro__lede {
        font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
        max-inline-size: 46ch;
        padding-block-end: 0.4rem;
    }
    :scope .lb-facts {
        position: relative;
        margin-block-start: clamp(2.5rem, 1.5rem + 4vw, 5rem);
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    :scope .lb-facts::before {
        content: "";
        position: absolute;
        inset-block-start: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: var(--lb-rule);
        pointer-events: none;
    }
    @media (min-width: 760px) {
        :scope .lb-facts {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    :scope .lb-facts > div {
        padding: var(--space-md) var(--space-md) var(--space-md) 0;
        border-block-end: 1px solid var(--lb-line);
    }
    @media (min-width: 760px) {
        :scope .lb-facts > div {
            border-block-end: 0;
            border-inline-start: 1px solid var(--lb-line);
            padding-inline: var(--space-md);
        }

        :scope .lb-facts > div:first-child {
            border-inline-start: 0;
            padding-inline-start: 0;
        }
    }
    :scope .lb-facts dt {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.64rem;
        color: var(--text-meta);
    }
    :scope .lb-facts dd {
        margin: 0;
        margin-block-start: var(--space-xs);
        font-size: clamp(1.2rem, 1rem + 0.9vw, 1.7rem);
        font-weight: var(--fw-bold);
        letter-spacing: -0.02em;
        color: var(--sba-teal);
    }
    :scope .lb-feature {
        margin-block-start: clamp(2rem, 1.4rem + 2.5vw, 3.75rem);
        display: grid;
        gap: clamp(1.75rem, 1rem + 3vw, 3rem);
    }
    @media (min-width: 900px) {
        :scope .lb-feature {
            grid-template-columns: 7fr 5fr;
            align-items: stretch;
            gap: clamp(2rem, 1rem + 4vw, 5rem);
            margin-block-start: 0;
        }

        :scope .lb-feature__media {
            block-size: 100%;
        }

        :scope .lb-feature__media img {
            block-size: 100%;
            aspect-ratio: auto;
        }

        :scope .lb-sec--feature {
            padding-block-end: 0;
        }

        :scope .lb-feature__body {
            padding-block: clamp(1.75rem, 1rem + 2.5vw, 3rem);
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    }
    :scope .lb-feature__media {
        margin: 0;
    }
    :scope .lb-feature__media img {
        display: block;
        inline-size: 100%;
        aspect-ratio: 3 / 2;
        object-fit: cover;
        border: 1px solid var(--lb-rule);
    }
    :scope .lb-feature__eyebrow {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.7rem;
        color: var(--sba-orange);
    }
    :scope .lb-feature__title {
        margin: var(--space-md) 0 0;
        font-size: clamp(1.8rem, 1.2rem + 2.4vw, 3.1rem);
        line-height: 1.02;
        letter-spacing: -0.028em;
        text-transform: uppercase;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        text-wrap: balance;
    }
    :scope .lb-feature__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .lb-feature__prose {
        margin-block-start: clamp(1.25rem, 1rem + 1.5vw, 2rem);
        display: grid;
        gap: var(--space-md);
        max-inline-size: 58ch;
    }
    :scope .lb-feature__prose p {
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
    }
    :scope .lb-sec--locations {
        padding-block-end: 0;
    }
    :scope .lb-locs {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    :scope .lb-loc {
        border-block-end: 1px solid var(--lb-line);
    }
    :scope .lb-loc:last-child {
        border-block-end: 0;
    }
    :scope .lb-loc__link {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: clamp(1rem, 0.5rem + 1.5vw, 1.75rem);
        padding-block: clamp(0.9rem, 0.7rem + 1vw, 1.4rem);
        text-decoration: none;
        color: inherit;
        transition: padding-inline-start 0.22s ease;
    }
    :scope .lb-loc__no {
        font-family: var(--font-mono);
        font-weight: var(--fw-bold);
        font-size: 0.8rem;
        letter-spacing: 0.1em;
        color: var(--sba-orange);
    }
    :scope .lb-loc__body {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        min-inline-size: 0;
    }
    :scope .lb-loc__name {
        font-size: clamp(1.15rem, 1rem + 0.7vw, 1.6rem);
        text-transform: uppercase;
        letter-spacing: -0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        line-height: 1.05;
        transition: color 0.2s ease;
    }
    :scope .lb-loc__region {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-size: 0.62rem;
        color: var(--text-meta);
    }
    :scope .lb-loc__go {
        inline-size: 1.1rem;
        block-size: 1.1rem;
        color: var(--sba-orange);
        opacity: 0;
        transform: translateX(-4px);
        transition: opacity 0.22s ease, transform 0.22s ease;
    }
    :scope .lb-loc.is-active .lb-loc__name {
        color: var(--sba-orange);
    }
    :scope .lb-loc.is-active .lb-loc__link {
        padding-inline-start: 0.6rem;
    }
    :scope .lb-loc.is-active .lb-loc__go {
        opacity: 1;
        transform: translateX(0);
    }
    :scope[data-theme="dark"] .lb-loc__name {
        color: var(--sba-ink);
    }
    :scope[data-theme="dark"] .lb-loc.is-active .lb-loc__name {
        color: var(--sba-orange);
    }
    :scope .lb-sec--services {
        padding-block-end: 0;
    }
    :scope .lb-services {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1px;
        background-color: var(--lb-rule);
    }
    @media (min-width: 820px) {
        :scope .lb-services {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    :scope .lb-service {
        background-color: var(--surface-soft);
        padding: clamp(1.5rem, 1rem + 2vw, 2.25rem);
        display: flex;
        flex-direction: column;
        gap: var(--space-sm);
    }
    :scope .lb-service__no {
        font-family: var(--font-mono);
        font-size: 0.66rem;
        letter-spacing: 0.1em;
        color: var(--sba-orange);
    }
    :scope .lb-service__icon {
        color: var(--sba-teal);
        margin-block-start: var(--space-xs);
    }
    :scope .lb-service__icon .icon {
        inline-size: 1.6rem;
        block-size: 1.6rem;
    }
    :scope .lb-service__name {
        margin-block-start: var(--space-xs);
        font-size: clamp(1.15rem, 1rem + 0.6vw, 1.45rem);
        text-transform: uppercase;
        letter-spacing: -0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .lb-service__desc {
        font-size: var(--fs-body);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
    }
    :scope .lb-award {
        background-color: var(--sba-teal);
        color: var(--text-on-dark);
        padding-block: clamp(4rem, 2.5rem + 5vw, 7.5rem);
        overflow-x: clip;
    }
    :scope .lb-award__head {
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: var(--space-sm) var(--space-md);
        padding-block-end: var(--space-md);
    }
    :scope .lb-award__head::after {
        content: "";
        position: absolute;
        inset-block-end: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: rgba(255, 255, 255, 0.28);
        pointer-events: none;
    }
    :scope .lb-award__no {
        font-family: var(--font-mono);
        font-weight: var(--fw-bold);
        font-size: 0.72rem;
        letter-spacing: 0.12em;
        color: var(--sba-orange);
    }
    :scope .lb-award__eyebrow-h {
        font-size: clamp(1.15rem, 0.95rem + 0.9vw, 1.6rem);
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-white);
    }
    :scope .lb-award__note {
        grid-column: 1 / -1;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.66rem;
        color: rgba(255, 255, 255, 0.6);
    }
    @media (min-width: 720px) {
        :scope .lb-award__head {
            grid-template-columns: auto 1fr auto;
        }

        :scope .lb-award__note {
            grid-column: auto;
            text-align: end;
        }
    }
    :scope .lb-award__eyebrow {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.72rem;
        color: var(--sba-orange);
    }
    :scope .lb-award__amount {
        margin-block-start: clamp(0.6rem, 0.3rem + 1vw, 1.25rem);
        font-size: clamp(3rem, 0.5rem + 7.5vw, 8.5rem);
        line-height: 0.82;
        letter-spacing: -0.045em;
        font-weight: var(--fw-bold);
        color: var(--sba-orange);
        text-wrap: nowrap;
    }
    :scope .lb-award__cols {
        margin-block-start: clamp(2rem, 1.4rem + 2.5vw, 3.75rem);
        display: grid;
        gap: clamp(2rem, 1rem + 3vw, 3.5rem);
    }
    @media (min-width: 900px) {
        :scope .lb-award {
            padding-block-end: 0;
        }

        :scope .lb-award__cols {
            grid-template-columns: 1.35fr 0.65fr;
            align-items: stretch;
            margin-block-start: 0;
            gap: clamp(2.5rem, 1rem + 5vw, 5.5rem);
        }

        :scope .lb-award__main {
            padding-block: clamp(2rem, 1rem + 3vw, 4rem);
        }

        :scope .lb-award__fact {
            flex: 1;
        }
    }
    :scope .lb-award__intro {
        margin-block-start: clamp(1.5rem, 1rem + 2vw, 2.5rem);
        font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
        line-height: var(--lh-relaxed);
        color: rgba(255, 255, 255, 0.82);
        max-inline-size: 48ch;
    }
    :scope .lb-award__facts {
        display: flex;
        flex-direction: column;
        border-inline: 1px solid rgba(255, 255, 255, 0.24);
        padding-inline: clamp(1.25rem, 0.75rem + 1.5vw, 2rem);
    }
    :scope .lb-award__fact {
        display: flex;
        align-items: center;
        gap: clamp(0.9rem, 0.5rem + 1vw, 1.4rem);
        padding-block: clamp(1rem, 0.8rem + 1vw, 1.6rem);
        border-block-end: 1px solid rgba(255, 255, 255, 0.16);
    }
    :scope .lb-award__fact:last-child {
        border-block-end: 0;
    }
    :scope .lb-award__ficon {
        flex-shrink: 0;
        inline-size: clamp(1.8rem, 1.2rem + 1.2vw, 2.3rem);
        block-size: clamp(1.8rem, 1.2rem + 1.2vw, 2.3rem);
        color: rgba(255, 255, 255, 0.88);
    }
    :scope .lb-award__ftext {
        display: flex;
        flex-direction: column;
        gap: 0.3rem;
        min-inline-size: 0;
    }
    :scope .lb-award__flabel {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.64rem;
        color: rgba(255, 255, 255, 0.6);
    }
    :scope .lb-award__fval {
        font-size: clamp(1.1rem, 1rem + 0.5vw, 1.45rem);
        font-weight: var(--fw-bold);
        letter-spacing: -0.01em;
        color: var(--sba-white);
    }
    :scope .lb-close {
        background-color: var(--surface-page);
        padding-block: clamp(4rem, 2.5rem + 5vw, 7.5rem);
    }
    :scope .lb-close__panel {
        position: relative;
        border: 1px solid var(--lb-rule);
        padding: clamp(2.75rem, 1.5rem + 6vw, 6rem) clamp(1.5rem, 1rem + 3vw, 4rem);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: clamp(1.1rem, 0.9rem + 1vw, 1.75rem);
    }
    :scope .lb-close__panel::before,
    :scope .lb-close__panel::after {
        content: "";
        position: absolute;
        inline-size: 18px;
        block-size: 18px;
        border: 2px solid var(--sba-orange);
        pointer-events: none;
    }
    :scope .lb-close__panel::before {
        inset-block-start: -1px;
        inset-inline-start: -1px;
        border-inline-end: 0;
        border-block-end: 0;
    }
    :scope .lb-close__panel::after {
        inset-block-end: -1px;
        inset-inline-end: -1px;
        border-inline-start: 0;
        border-block-start: 0;
    }
    :scope .lb-close__eyebrow {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.24em;
        font-size: 0.72rem;
        color: var(--sba-orange);
    }
    :scope .lb-close__title {
        margin: 0;
        font-size: clamp(2.1rem, 1.3rem + 3.2vw, 4.2rem);
        line-height: 0.96;
        text-transform: uppercase;
        letter-spacing: -0.03em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        text-wrap: balance;
        max-inline-size: 18ch;
    }
    :scope .lb-close__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .lb-close__actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--space-sm);
        margin-block-start: var(--space-sm);
    }
    :scope[data-theme="dark"] .lb-intro__title,
    :scope[data-theme="dark"] .lb-facts dd,
    :scope[data-theme="dark"] .lb-head__title,
    :scope[data-theme="dark"] .lb-feature__title,
    :scope[data-theme="dark"] .lb-branch__no,
    :scope[data-theme="dark"] .lb-branch__name,
    :scope[data-theme="dark"] .lb-service__icon,
    :scope[data-theme="dark"] .lb-service__name,
    :scope[data-theme="dark"] .lb-close__title {
        color: var(--sba-ink);
    }
    :scope[data-theme="dark"] .lb-branch:hover .lb-branch__no {
        color: var(--sba-orange);
    }
    :scope[data-theme="dark"] .lb-close .btn--secondary {
        color: var(--sba-ink);
    }
    :scope[data-theme="dark"] .lb-close .btn--secondary:hover {
        color: var(--sba-teal);
    }
    /* Source: contact.css */
    :scope .ct-sec {
        padding-block: clamp(3.5rem, 2.5rem + 5vw, 7rem);
        background-color: var(--surface-page);
        overflow-x: clip;
    }
    :scope .ct-intro,
    :scope .ct-sec {
        --ct-rule: rgba(4, 33, 41, 0.28);
        --ct-line: rgba(4, 33, 41, 0.12);
    }
    :scope[data-theme="dark"] .ct-intro,
    :scope[data-theme="dark"] .ct-sec {
        --ct-rule: rgba(255, 255, 255, 0.22);
        --ct-line: rgba(255, 255, 255, 0.1);
    }
    :scope .ct-head {
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: var(--space-sm) var(--space-md);
        padding-block-end: var(--space-md);
    }
    :scope .ct-head::after {
        content: "";
        position: absolute;
        inset-block-end: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: var(--ct-rule);
        pointer-events: none;
    }
    :scope .ct-head__no {
        font-family: var(--font-mono);
        font-weight: var(--fw-bold);
        font-size: 0.72rem;
        letter-spacing: 0.12em;
        color: var(--sba-orange);
    }
    :scope .ct-head__title {
        font-size: clamp(1.15rem, 0.95rem + 0.9vw, 1.6rem);
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
    }
    :scope .ct-head__note {
        grid-column: 1 / -1;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.66rem;
        color: var(--text-meta);
    }
    @media (min-width: 720px) {
        :scope .ct-head {
            grid-template-columns: auto 1fr auto;
        }

        :scope .ct-head__note {
            grid-column: auto;
            text-align: end;
        }
    }
    :scope .ct-intro {
        background-color: var(--surface-page);
        padding-block: clamp(8.75rem, 8rem + 1vw, 10rem) 0;
        overflow-x: clip;
    }
    :scope .ct-intro__crumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        list-style: none;
        margin: 0;
        padding: 0;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: 0.66rem;
        color: var(--text-meta);
    }
    :scope .ct-intro__crumb li + li::before {
        content: "/";
        margin-inline-end: 0.5rem;
        color: var(--ct-line);
    }
    :scope .ct-intro__crumb a {
        color: var(--text-secondary);
        text-decoration: none;
    }
    :scope .ct-intro__crumb a:hover {
        color: var(--sba-orange);
    }
    :scope .ct-kicker {
        display: inline-block;
        margin-block-start: clamp(1.5rem, 0.5rem + 5vw, 6.5rem);
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.72rem;
        color: var(--sba-orange);
    }
    :scope .ct-intro__grid {
        margin-block-start: clamp(2rem, 1rem + 3vw, 4.5rem);
        display: grid;
        gap: clamp(1.5rem, 1rem + 3vw, 2.75rem);
    }
    @media (min-width: 940px) {
        :scope .ct-intro__grid {
            grid-template-columns: 1.45fr 1fr;
            align-items: end;
            gap: clamp(2rem, 1rem + 4vw, 5rem);
        }
    }
    :scope .ct-intro__title {
        margin: 0;
        font-size: clamp(3rem, 1rem + 8vw, 7rem);
        line-height: 0.88;
        letter-spacing: -0.04em;
        text-transform: uppercase;
        font-weight: var(--fw-bold);
        color: var(--sba-teal);
        text-wrap: balance;
    }
    :scope .ct-intro__title em {
        font-style: normal;
        color: var(--sba-orange);
    }
    :scope .ct-intro__lede {
        font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
        line-height: var(--lh-relaxed);
        color: var(--text-secondary);
        max-inline-size: 42ch;
        padding-block-end: 0.4rem;
    }
    :scope .ct-facts {
        position: relative;
        margin-block-start: clamp(2.5rem, 1.5rem + 4vw, 5rem);
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    :scope .ct-facts::before {
        content: "";
        position: absolute;
        inset-block-start: 0;
        left: 50%;
        transform: translateX(-50%);
        inline-size: 100vw;
        block-size: 1px;
        background-color: var(--ct-rule);
        pointer-events: none;
    }
    @media (min-width: 760px) {
        :scope .ct-facts {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    :scope .ct-facts > div {
        padding: var(--space-md) var(--space-md) var(--space-md) 0;
        border-block-end: 1px solid var(--ct-line);
    }
    @media (min-width: 760px) {
        :scope .ct-facts > div {
            border-block-end: 0;
            border-inline-start: 1px solid var(--ct-line);
            padding-inline: var(--space-md);
        }

        :scope .ct-facts > div:nth-child(4n + 1) {
            border-inline-start: 0;
            padding-inline-start: 0;
        }
    }
    :scope .ct-facts dt {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.64rem;
        color: var(--text-meta);
    }
    :scope .ct-facts dd {
        margin: 0;
        margin-block-start: var(--space-xs);
        font-size: clamp(1.05rem, 0.95rem + 0.6vw, 1.4rem);
        font-weight: var(--fw-bold);
        letter-spacing: -0.01em;
        color: var(--sba-teal);
    }
    :scope .ct-grid {
        margin-block-start: clamp(2rem, 1.4rem + 2.5vw, 3.5rem);
        display: grid;
        gap: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
    }
    @media (min-width: 900px) {
        :scope .ct-grid {
            grid-template-columns: 5fr 7fr;
            align-items: start;
            gap: clamp(2.5rem, 1rem + 5vw, 6rem);
        }
    }
    :scope .ct-channels__eyebrow {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 0.7rem;
        color: var(--sba-orange);
    }
    :scope .ct-channel-list {
        margin-block-start: var(--space-lg);
        border-block-start: 1px solid var(--ct-rule);
    }
    :scope .ct-channel {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: var(--space-md);
        align-items: center;
        padding-block: clamp(1rem, 0.75rem + 1vw, 1.5rem);
        border-block-end: 1px solid var(--ct-line);
        text-decoration: none;
        color: inherit;
    }
    :scope .ct-channel__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        inline-size: 2.6rem;
        block-size: 2.6rem;
        border: 1px solid var(--ct-rule);
        color: var(--sba-teal);
    }
    :scope .ct-channel__icon .icon {
        inline-size: 1.2rem;
        block-size: 1.2rem;
    }
    :scope .ct-channel__label {
        display: block;
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: 0.62rem;
        color: var(--text-meta);
    }
    :scope .ct-channel__value {
        display: block;
        margin-block-start: 0.25rem;
        font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem);
        font-weight: var(--fw-bold);
        letter-spacing: -0.01em;
        color: var(--sba-teal);
        transition: color 0.2s ease;
    }
    :scope a.ct-channel:hover .ct-channel__value {
        color: var(--sba-orange);
    }
    :scope .ct-social {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-sm);
        margin-block-start: var(--space-lg);
    }
    :scope .ct-social a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        inline-size: 2.75rem;
        block-size: 2.75rem;
        border: 1px solid var(--ct-rule);
        color: var(--sba-teal);
        transition: color 0.2s ease, border-color 0.2s ease;
    }
    :scope .ct-social a:hover {
        color: var(--sba-orange);
        border-color: var(--sba-orange);
    }
    :scope .ct-social .icon {
        inline-size: 1.15rem;
        block-size: 1.15rem;
    }
    :scope .ct-grid > .sba-presentation { min-inline-size: 0; }
    :scope .ct-form.website-public-form { display: grid; gap: 1.5rem; }
    :scope .ct-form__fields {
        display: grid;
        gap: 1.25rem;
    }
    @media (min-width: 600px) {
        :scope .ct-form__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    :scope .ct-field--wide,
    :scope .ct-submit { grid-column: 1 / -1; }
    :scope .ct-field {
        display: grid;
        align-content: start;
        min-inline-size: 0;
        gap: 0.5rem;
    }
    :scope .ct-field > small { color: var(--text-meta); line-height: 1.5; }
    :scope .ct-field > .website-form-error { margin: 0; }
    :scope .ct-field > label {
        font-family: var(--font-mono);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: 0.64rem;
        color: var(--text-meta);
    }
    :scope .ct-input {
        border: 1px solid var(--ct-rule);
        background-color: var(--surface-card);
        block-size: 3.1rem;
        padding-inline: var(--space-md);
        display: flex;
        align-items: center;
        color: var(--text-primary);
        font-size: 0.95rem;
    }
    :scope .ct-input--area {
        block-size: 8.5rem;
        align-items: flex-start;
        padding-block: var(--space-md);
    }
    :scope .ct-input--placeholder {
        color: var(--text-meta);
    }
    :scope .ct-input--select {
        justify-content: space-between;
        color: var(--text-meta);
    }
    :scope .ct-input--select.is-filled {
        color: var(--text-primary);
    }
    :scope .ct-input--select .icon {
        inline-size: 1.1rem;
        block-size: 1.1rem;
        color: var(--sba-teal);
    }
    :scope .ct-submit {
        justify-self: start;
        margin-block-start: var(--space-sm);
        cursor: pointer;
    }
    :scope input.ct-input,
    :scope select.ct-input,
    :scope textarea.ct-input {
        display: block;
        inline-size: 100%;
        font-family: var(--font-mono);
        text-transform: none;
        letter-spacing: 0.14em;
        font-size: 0.64rem;
        color: var(--text-primary);
        border-radius: 0;
        -webkit-appearance: none;
        appearance: none;
    }
    :scope input.ct-input::placeholder,
    :scope textarea.ct-input::placeholder {
        color: var(--text-meta);
        opacity: 1;
    }
    :scope input.ct-input:focus-visible,
    :scope select.ct-input:focus-visible,
    :scope textarea.ct-input:focus-visible {
        outline: none;
        border-color: var(--sba-teal);
    }
    :scope textarea.ct-input {
        block-size: 8.5rem;
        padding-block: var(--space-md);
        line-height: var(--lh-relaxed);
        resize: vertical;
    }
    :scope select.ct-input {
        padding-inline-end: 2.75rem;
        cursor: pointer;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003d4c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right var(--space-md) center;
        background-size: 1.1rem 1.1rem;
    }
    :scope[data-theme="dark"] select.ct-input {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eef0ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    }
    :scope select.ct-input option {
        color: var(--text-primary);
        background-color: var(--surface-card);
        text-transform: none;
    }
    :scope[dir="rtl"] .ct-channel__value,
    :scope[dir="rtl"] input[type="tel"].ct-input {
        unicode-bidi: plaintext;
        text-align: right;
    }
    :scope[dir="rtl"] select.ct-input {
        background-position: left var(--space-md) center;
    }
    :scope[data-theme="dark"] .ct-intro__title,
    :scope[data-theme="dark"] .ct-facts dd,
    :scope[data-theme="dark"] .ct-head__title,
    :scope[data-theme="dark"] .ct-channel__value,
    :scope[data-theme="dark"] .ct-channel__icon,
    :scope[data-theme="dark"] .ct-social a {
        color: var(--sba-ink);
    }
    :scope[data-theme="dark"] a.ct-channel:hover .ct-channel__value,
    :scope[data-theme="dark"] .ct-social a:hover {
        color: var(--sba-orange);
    }
    /* Source: responsive.css */

    /* Source: dark.css */
    :scope[data-theme="dark"] {

        --sba-paper: #0a1418;
        --surface-page: #0a1418;
        --surface-soft: #0f1e24;
        --surface-card: #10222a;
        --sba-light-grey: #0f1e24;


        --sba-ink: #eef0ea;
        --text-primary: #eef0ea;
        --text-secondary: rgba(255, 255, 255, 0.72);
        --text-meta: rgba(255, 255, 255, 0.5);


        --sba-border: rgba(255, 255, 255, 0.16);
        --sba-border-strong: rgba(255, 255, 255, 0.42);
        --swiss-line: rgba(255, 255, 255, 0.16);
        --swiss-rule: rgba(255, 255, 255, 0.85);


        --sba-teal-06: rgba(255, 255, 255, 0.06);
        --sba-teal-12: rgba(255, 255, 255, 0.1);


        --surface-dark: #12262e;

        color-scheme: dark;
    }
    :scope[data-theme="dark"] {
        --sba-teal-ink: #eef0ea;
    }
    :scope[data-theme="dark"] .contact-detail__icon .icon {
        filter: brightness(0) invert(1);
    }
    :scope[data-theme="dark"] .site-header:not(.is-scrolled) .icon-btn,
    :scope[data-theme="dark"] .site-header.is-scrolled .icon-btn {
        color: var(--sba-white);
    }
    :scope[data-theme="dark"] .mobile-nav__head .icon-btn {
        color: var(--sba-white);
    }
}

/* Home collections: reference home.css */
@scope (.sba-presentation) {
:scope .hm-fairlist { position: relative; margin-block-start: clamp(2rem, 1.4rem + 2vw, 3.5rem); }
:scope .hm-fairlist::before { content: ""; position: absolute; inset-block-start: 0; left: 50%; transform: translateX(-50%); inline-size: 100vw; block-size: 1px; background-color: rgba(255, 255, 255, 0.28); pointer-events: none; }
:scope .hm-fair { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 9rem); gap: 0.35rem var(--space-md); align-items: baseline; padding-block: clamp(1.4rem, 1rem + 1.6vw, 2.25rem); text-decoration: none; color: inherit; }
:scope .hm-fair::after { content: ""; position: absolute; inset-block-end: 0; left: 50%; transform: translateX(-50%); inline-size: 100vw; block-size: 1px; background-color: rgba(255, 255, 255, 0.14); pointer-events: none; }
:scope .hm-fair:last-child::after { display: none; }
:scope .hm-fair__title { font-size: clamp(1.3rem, 1.05rem + 1.4vw, 2.2rem); line-height: 1.02; text-transform: uppercase; letter-spacing: -0.025em; font-weight: var(--fw-bold); color: var(--sba-white); transition: color 0.2s ease; }
:scope .hm-fair:hover .hm-fair__title { color: var(--sba-orange); }
:scope .hm-fair__thumb { display: none; }
:scope .hm-fair__meta { display: flex; flex-direction: column; gap: 0.15rem; min-inline-size: 0; overflow-wrap: anywhere; text-align: end; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.62rem; color: rgba(255, 255, 255, 0.6); }
@media (min-width: 820px) {
  :scope .hm-fair { grid-template-columns: minmax(0, 1fr) clamp(4.5rem, 3rem + 4vw, 7rem) minmax(0, 12rem); align-items: center; gap: clamp(1.5rem, 1rem + 2vw, 3rem); }
  :scope .hm-fair__thumb { display: block; inline-size: clamp(4.5rem, 3rem + 4vw, 7rem); }
  :scope .hm-fair__thumb img { display: block; inline-size: 100%; aspect-ratio: 3 / 2; object-fit: cover; border: 1px solid rgba(255, 255, 255, 0.24); }
}

/* ---- Publishing & Distribution: drag carousel --------------------------- */
:scope .hm-carousel { margin-block-start: clamp(2rem, 1.4rem + 2vw, 3.5rem); }
:scope .hm-carousel__track {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  cursor: grab;
  border-block: 1px solid var(--hm-rule);
}
:scope .hm-carousel__track::-webkit-scrollbar { display: none; }
:scope .hm-carousel__track.is-dragging { cursor: grabbing; scroll-behavior: auto; scroll-snap-type: none; }
:scope .hm-carousel__track.is-dragging .hm-slide { pointer-events: none; }

:scope .hm-slide {
  position: relative; isolation: isolate; overflow: hidden;
  flex: 0 0 clamp(18rem, 32vw, 26rem);
  aspect-ratio: 4 / 5;
  scroll-snap-align: start;
  text-decoration: none; color: inherit;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.22);
}
:scope .hm-slide:last-child { border-inline-end: 0; }
:scope .hm-slide img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform 0.7s var(--ease-out, ease); }
:scope .hm-slide:hover img { transform: scale(1.04); }
:scope .hm-slide::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0, 38, 48, 0) 18%, rgba(0, 38, 48, 0.5) 52%, rgba(0, 38, 48, 0.95) 100%); }
:scope .hm-slide__body { position: absolute; z-index: 2; inset-block-end: 0; inset-inline: 0; padding: clamp(1.25rem, 0.8rem + 1.5vw, 2rem); color: var(--sba-white); }
:scope .hm-slide__no { font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.14em; color: var(--sba-orange); }
:scope .hm-slide__name { margin-block-start: var(--space-sm); font-size: clamp(1.35rem, 1rem + 1.1vw, 2rem); text-transform: uppercase; letter-spacing: -0.02em; font-weight: var(--fw-bold); line-height: 1.02; color: var(--sba-white); }
:scope .hm-slide__desc { margin-block-start: var(--space-sm); font-size: 0.88rem; line-height: 1.45; color: rgba(255, 255, 255, 0.86); max-inline-size: 34ch; }
:scope .hm-slide__go { display: inline-flex; align-items: center; gap: 0.4rem; margin-block-start: var(--space-md); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.68rem; color: var(--sba-white); border-block-end: 1.5px solid var(--sba-orange); padding-block-end: 0.25rem; }
:scope .hm-slide__go .icon { inline-size: 0.85rem; block-size: 0.85rem; }

/* Foot: progress bar + arrows */
:scope .hm-carousel__foot { display: flex; align-items: center; gap: clamp(1.25rem, 1rem + 2vw, 2.5rem); margin-block-start: clamp(1.5rem, 1rem + 2vw, 2.5rem); }
:scope .hm-carousel__progress { flex: 1; position: relative; block-size: 2px; background: var(--hm-rule); }
:scope .hm-carousel__progress span { position: absolute; inset-block: -0.5px; inset-inline-start: 0; inline-size: 30%; block-size: 3px; background: var(--sba-orange); transition: inline-size 0.15s linear, inset-inline-start 0.15s linear; }
:scope .hm-carousel__nav { display: flex; gap: var(--space-sm); }
:scope .hm-carousel__nav button { inline-size: clamp(2.75rem, 2rem + 2vw, 3.25rem); block-size: clamp(2.75rem, 2rem + 2vw, 3.25rem); border: 1px solid var(--hm-rule); background: transparent; color: var(--sba-teal); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; }
:scope .hm-carousel__nav button:hover:not(:disabled) { color: var(--sba-white); background-color: var(--sba-teal); border-color: var(--sba-teal); }
:scope .hm-carousel__nav button:disabled { opacity: 0.3; cursor: default; }
:scope .hm-carousel__nav .icon { inline-size: 1.1rem; block-size: 1.1rem; }
:scope .hm-news { margin-block-start: clamp(2rem, 1.4rem + 2vw, 3.5rem); display: grid; gap: clamp(2rem, 1.4rem + 3vw, 3.5rem); }
@media (min-width: 900px) { :scope .hm-news { grid-template-columns: 7fr 5fr; align-items: start; gap: clamp(2rem, 1rem + 4vw, 4.5rem); } }
:scope .hm-feature { display: block; text-decoration: none; color: inherit; }
:scope .hm-feature__media { margin: 0; overflow: hidden; }
:scope .hm-feature__media img { display: block; inline-size: 100%; aspect-ratio: 16 / 10; object-fit: cover; border: 1px solid var(--hm-rule); transition: transform 0.6s var(--ease-out, ease); }
:scope .hm-feature:hover .hm-feature__media img { transform: scale(1.03); }
:scope .hm-feature__meta { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; margin-block-start: var(--space-md); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.66rem; }
:scope .hm-feature__cat { color: var(--sba-orange); }
:scope .hm-feature__date { color: var(--text-meta); }
:scope .hm-feature__title { margin: var(--space-sm) 0 0; font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.4rem); text-transform: uppercase; letter-spacing: -0.025em; font-weight: var(--fw-bold); color: var(--sba-teal); line-height: 1.02; text-wrap: balance; transition: color 0.2s ease; }
:scope .hm-feature__title em { font-style: normal; color: var(--sba-orange); }
:scope .hm-feature:hover .hm-feature__title { color: var(--sba-orange); }
:scope .hm-feature__excerpt { margin-block-start: var(--space-md); font-size: var(--fs-body); line-height: var(--lh-relaxed); color: var(--text-secondary); max-inline-size: 100%; }

:scope .hm-list { display: flex; flex-direction: column; }
:scope .hm-item { display: grid; gap: var(--space-xs); padding-block: clamp(1rem, 0.85rem + 0.8vw, 1.45rem); border-block-end: 1px solid var(--hm-line); text-decoration: none; color: inherit; }
:scope .hm-item__meta { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.62rem; }
:scope .hm-item__cat { color: var(--sba-orange); }
:scope .hm-item__date { color: var(--text-meta); }
:scope .hm-item__title { font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem); line-height: 1.2; font-weight: var(--fw-bold); letter-spacing: -0.01em; color: var(--sba-teal); transition: color 0.2s ease; }
:scope .hm-item:hover .hm-item__title { color: var(--sba-orange); }

    :scope .hm-lead { margin-block-start: clamp(1.75rem, 1.4rem + 2vw, 3rem); }
    :scope .hm-lead h3 { margin: 0; font-size: clamp(2.3rem, 1.3rem + 4vw, 4.75rem); line-height: .98; letter-spacing: -.028em; text-transform: uppercase; font-weight: var(--fw-bold); color: var(--sba-teal); text-wrap: balance; }
    :scope .hm-lead h3 em { font-style: normal; color: var(--sba-orange); }
    :scope .hm-lead > p { margin-block-start: clamp(1.5rem, 1rem + 2vw, 2.75rem); padding-inline-start: clamp(.9rem, .6rem + .8vw, 1.4rem); border-inline-start: 2px solid var(--sba-orange); font-size: clamp(1.05rem, .98rem + .4vw, 1.25rem); line-height: var(--lh-relaxed); color: var(--text-secondary); max-inline-size: 62ch; }
    :scope .hm-sec--dark .hm-lead h3 { color: var(--sba-white); }
    :scope .hm-sec--dark .hm-lead > p { color: rgba(255,255,255,.82); }
    :scope .hm-sec--fairs { padding-block-end: 0; }
    :scope .hm-carousel__track:focus-visible, :scope .hm-fair:focus-visible, :scope .hm-slide:focus-visible, :scope .hm-item:focus-visible, :scope .hm-feature:focus-visible { outline: 2px solid var(--sba-orange); outline-offset: -2px; }
    :scope[dir="rtl"] .hm-carousel__nav .icon { transform: scaleX(-1); }
    :scope[data-theme="dark"] .hm-lead h3, :scope[data-theme="dark"] .hm-feature__title, :scope[data-theme="dark"] .hm-item__title, :scope[data-theme="dark"] .hm-carousel__nav button { color: var(--sba-ink); }
    :scope[data-theme="dark"] .hm-carousel__nav button:hover:not(:disabled) { color: var(--sba-teal); }
    :scope[data-theme="dark"] .hm-feature:hover .hm-feature__title, :scope[data-theme="dark"] .hm-item:hover .hm-item__title { color: var(--sba-orange); }
    @media (prefers-reduced-motion: reduce) { :scope .hm-carousel__track { scroll-behavior: auto; } :scope .hm-slide img { transition: none; } }
}

/* Editable Board Member page, from board-member.css. */
@scope (.sba-presentation) {
/* ==========================================================================
   board-member.css
   Bespoke Editorial Swiss composition for a leadership profile. A portrait +
   identity header, a readable biography with an achievement stat row, and
   areas of focus. Shares the site's language; its own modules.
   ========================================================================== */

.bm-hero,
.bm-sec,
.bm-foot {
  --bm-rule: rgba(4, 33, 41, 0.28);
  --bm-line: rgba(4, 33, 41, 0.12);
}
:scope[data-theme="dark"] .bm-hero,
:scope[data-theme="dark"] .bm-sec,
:scope[data-theme="dark"] .bm-foot {
  --bm-rule: rgba(255, 255, 255, 0.22);
  --bm-line: rgba(255, 255, 255, 0.1);
}

/* ---- Chapter header ----------------------------------------------------- */
.bm-head { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: var(--space-sm) var(--space-md); padding-block-end: var(--space-md);  }
.bm-head::after { content: ""; position: absolute; inset-block-end: 0; left: 50%; transform: translateX(-50%); inline-size: 100vw; block-size: 1px; background-color: var(--bm-rule); pointer-events: none; }
.bm-head__no { font-family: var(--font-mono); font-weight: var(--fw-bold); font-size: 0.72rem; letter-spacing: 0.12em; color: var(--sba-orange); }
.bm-head__title { font-size: clamp(1.15rem, 0.95rem + 0.9vw, 1.6rem); text-transform: uppercase; letter-spacing: 0.01em; font-weight: var(--fw-bold); color: var(--sba-teal); }
.bm-head__note { grid-column: 1 / -1; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.66rem; color: var(--text-meta); }
@media (min-width: 720px) { .bm-head { grid-template-columns: auto 1fr auto; } .bm-head__note { grid-column: auto; text-align: end; } }

/* ==========================================================================
   Profile header — portrait + identity
   ========================================================================== */
.bm-hero { background-color: var(--surface-page); padding-block: clamp(8.75rem, 8rem + 1vw, 10rem) clamp(3rem, 2rem + 3vw, 5rem); }
.bm-hero__crumb ol { display: flex; flex-wrap: wrap; gap: 0.5rem; list-style: none; margin: 0 0 clamp(2rem, 1.5rem + 2vw, 3rem); padding: 0; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.66rem; color: var(--text-meta); }
.bm-hero__crumb li + li::before { content: "/"; margin-inline-end: 0.5rem; color: var(--bm-line); }
.bm-hero__crumb a { color: var(--text-secondary); text-decoration: none; }
.bm-hero__crumb a:hover { color: var(--sba-orange); }

.bm-hero__grid { display: grid; gap: clamp(2rem, 1.4rem + 3vw, 3.5rem); }
@media (min-width: 860px) { .bm-hero__grid { grid-template-columns: 5fr 7fr; align-items: center; gap: clamp(2.5rem, 1rem + 5vw, 5rem); } }
.bm-hero__portrait { margin: 0; }
.bm-hero__portrait img { display: block; inline-size: 100%; aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid var(--bm-rule); }
.bm-hero__kicker { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.72rem; color: var(--sba-orange); }
.bm-hero__name { margin: var(--space-md) 0 0; font-size: clamp(2.4rem, 1rem + 5.5vw, 5rem); line-height: 0.9; letter-spacing: -0.035em; text-transform: uppercase; font-weight: var(--fw-bold); color: var(--sba-teal); text-wrap: balance; }
.bm-hero__name em { font-style: normal; color: var(--sba-orange); }
.bm-hero__role { margin-block-start: var(--space-md); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.74rem; color: var(--text-secondary); }
.bm-hero__intro { margin-block-start: var(--space-lg); font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem); line-height: var(--lh-relaxed); color: var(--text-secondary); max-inline-size: 52ch; }
.bm-hero__facts { margin-block-start: clamp(1.75rem, 1rem + 2vw, 2.5rem); display: grid; grid-template-columns: repeat(3, auto); gap: clamp(1.5rem, 1rem + 2vw, 3rem); justify-content: start; padding-block-start: var(--space-md); border-block-start: 1px solid var(--bm-rule); }
.bm-hero__facts dt { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.62rem; color: var(--text-meta); }
.bm-hero__facts dd { margin: 0; margin-block-start: 0.2rem; font-size: clamp(1rem, 0.9rem + 0.4vw, 1.2rem); font-weight: var(--fw-bold); letter-spacing: -0.01em; color: var(--sba-teal); }

/* ==========================================================================
   Biography + achievement stats
   ========================================================================== */
.bm-sec { background-color: var(--surface-page); padding-block: clamp(3.5rem, 2.5rem + 5vw, 6.5rem); overflow-x: clip; }
.bm-sec--soft { background-color: var(--surface-soft); }
.bm-bio { margin-block-start: clamp(2rem, 1.4rem + 2vw, 3.5rem); display: grid; gap: clamp(1.25rem, 1rem + 1vw, 1.75rem); }
.bm-bio p { font-size: clamp(1.05rem, 1rem + 0.35vw, 1.2rem); line-height: 1.72; color: var(--text-secondary); max-inline-size: none; }
.bm-bio p:first-child { font-size: clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem); line-height: 1.55; color: var(--text-primary); }

/* Biography: full-bleed bottom of section, full-width stats rule */
.bm-sec--bio { padding-block-end: 0; }
.bm-stats { position: relative; margin-block-start: clamp(2.5rem, 1.5rem + 3vw, 4rem); display: grid; grid-template-columns: repeat(1, 1fr); }
.bm-stats::before { content: ""; position: absolute; inset-block-start: 0; left: 50%; transform: translateX(-50%); inline-size: 100vw; block-size: 1px; background-color: var(--bm-rule); pointer-events: none; }
@media (min-width: 620px) { .bm-stats { grid-template-columns: repeat(3, 1fr); } }
.bm-stat { padding-block: clamp(1.5rem, 1rem + 2vw, 2.5rem); border-block-end: 1px solid var(--bm-line); }
@media (min-width: 620px) { .bm-stat { border-block-end: 0; border-inline-start: 1px solid var(--bm-line); padding-inline: clamp(1.25rem, 0.5rem + 1.5vw, 2.25rem); } .bm-stat:first-child { border-inline-start: 0; padding-inline-start: 0; } }
.bm-stat__num { font-size: clamp(2.4rem, 1.5rem + 3.5vw, 4rem); line-height: 0.85; letter-spacing: -0.03em; font-weight: var(--fw-bold); color: var(--sba-teal); }
.bm-stat__label { margin-block-start: var(--space-md); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.64rem; color: var(--sba-orange); }
.bm-stat__desc { margin-block-start: var(--space-xs); font-size: 0.95rem; line-height: var(--lh-relaxed); color: var(--text-secondary); }

/* ==========================================================================
   Areas of focus
   ========================================================================== */
.bm-sec--focus { padding-block-end: 0; }
.bm-focus { display: grid; }
@media (min-width: 820px) { .bm-focus { grid-template-columns: repeat(3, 1fr); } }
.bm-focus__item { padding: clamp(1.5rem, 1rem + 2vw, 2.5rem) 0; border-block-end: 1px solid var(--bm-line); }
@media (min-width: 820px) { .bm-focus__item { border-block-end: 0; border-inline-start: 1px solid var(--bm-line); padding: clamp(1.5rem, 1rem + 2vw, 2.5rem) clamp(1.25rem, 0.5rem + 1.5vw, 2.25rem); } .bm-focus__item:first-child { border-inline-start: 0; padding-inline-start: 0; } }
.bm-focus__no { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.1em; color: var(--sba-orange); }
.bm-focus__name { margin: var(--space-md) 0 0; font-size: clamp(1.25rem, 1.05rem + 0.8vw, 1.7rem); text-transform: uppercase; letter-spacing: -0.02em; font-weight: var(--fw-bold); color: var(--sba-teal); }
.bm-focus__desc { margin-block-start: var(--space-sm); font-size: var(--fs-body); line-height: var(--lh-relaxed); color: var(--text-secondary); }

/* ==========================================================================
   Footer nav
   ========================================================================== */
.bm-foot { background-color: var(--surface-page); padding-block: clamp(2.5rem, 1.5rem + 3vw, 4rem); border-block-start: 1px solid var(--bm-line); }
.bm-back { display: inline-flex; align-items: center; gap: 0.5rem; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.72rem; color: var(--sba-teal); text-decoration: none; border-block-end: 1.5px solid var(--sba-orange); padding-block-end: 0.3rem; }
.bm-back .icon { inline-size: 0.9rem; block-size: 0.9rem; transition: transform 0.25s ease; }
.bm-back:hover { color: var(--sba-orange); }
.bm-back:hover .icon { transform: translateX(-3px); }

/* ==========================================================================
   Dark theme
   ========================================================================== */
:scope[data-theme="dark"] .bm-hero__name,
:scope[data-theme="dark"] .bm-hero__facts dd,
:scope[data-theme="dark"] .bm-head__title,
:scope[data-theme="dark"] .bm-stat__num,
:scope[data-theme="dark"] .bm-focus__name,
:scope[data-theme="dark"] .bm-back { color: var(--sba-ink); }
:scope[data-theme="dark"] .bm-bio p:first-child { color: var(--sba-ink); }
:scope[data-theme="dark"] .bm-back:hover { color: var(--sba-orange); }

.bm-back .icon { order: -1; }
.bm-hero__facts { max-inline-size: 100%; grid-template-columns: repeat(3, minmax(0, auto)); }
.bm-hero__facts > div, .bm-hero__body { min-inline-size: 0; overflow-wrap: anywhere; }
.bm-stat__desc p, .bm-focus__desc p { margin: 0; }
:scope[dir="rtl"] .bm-head::after, :scope[dir="rtl"] .bm-stats::before { transform: translateX(-50%); }
}