/* ─────────────────────────────────────────
       GLOBAL BASE
    ───────────────────────────────────────── */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    background: #F1EDE3;
    color: #1A1A1A;
    font-family: 'Inter', system-ui, sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.032;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

button {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
}


/* ════════════════════════════════════════════
       ABOUT-HERO
    ════════════════════════════════════════════ */
.About-Hero,
.About-Hero * {
    box-sizing: border-box;
}

.About-Hero {
    --ah-forest: #08160E;
    --ah-forest-mid: #0F2A1E;
    --ah-forest-body: #1B4332;
    --ah-emerald: #2D6A4F;
    --ah-sage: #52B788;
    --ah-sage-bright: #74C69D;
    --ah-mint: #B7E4C7;
    --ah-gold: #C9A55A;
    --ah-gold-bright: #E8C47A;
    --ah-cream: #F8F5EC;
    --ah-ivory: #F1EDE3;
    --ah-white: #FDFCF8;
    --ah-text: rgba(248, 245, 236, 0.92);
    --ah-text-muted: rgba(248, 245, 236, 0.72);
    --ah-line-gold: rgba(201, 165, 90, 0.38);
    --ah-glow-sage: rgba(82, 183, 136, 0.12);
    --ah-glow-gold: rgba(201, 165, 90, 0.10);
    --ah-font-display: 'Fraunces', Georgia, serif;
    --ah-font-body: 'Inter', system-ui, sans-serif;
    --ah-font-mono: 'Space Mono', monospace;

    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse 80% 60% at 20% 40%, var(--ah-glow-sage) 0%, transparent 55%),
        radial-gradient(ellipse 60% 55% at 80% 65%, var(--ah-glow-gold) 0%, transparent 55%),
        radial-gradient(ellipse 100% 80% at 50% 100%, rgba(8, 22, 14, 0.55) 0%, transparent 65%),
        linear-gradient(150deg, var(--ah-forest-mid) 0%, var(--ah-forest-body) 55%, var(--ah-emerald) 100%);
    font-family: var(--ah-font-body);
    -webkit-font-smoothing: antialiased;
}

/* Grid overlay */
.About-Hero__grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(201, 165, 90, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(201, 165, 90, 0.04) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 10%, transparent 85%);
    -webkit-mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 10%, transparent 85%);
}

/* Dot-scatter backdrop */
.About-Hero__dots {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(201, 165, 90, 0.07) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: 0.6;
    mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 20%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 20%, transparent 75%);
}

/* Corner crosshairs */
.About-Hero__cross {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    will-change: transform, opacity;
}

.About-Hero__cross svg {
    width: 100%;
    height: 100%;
    stroke: var(--ah-gold);
    stroke-width: 1.3;
    fill: none;
    stroke-linecap: round;
}

.About-Hero__cross--tl {
    top: clamp(28px, 3vw, 48px);
    left: clamp(28px, 3vw, 48px);
}

.About-Hero__cross--tr {
    top: clamp(28px, 3vw, 48px);
    right: clamp(28px, 3vw, 48px);
}

.About-Hero__cross--bl {
    bottom: clamp(80px, 8vh, 130px);
    left: clamp(28px, 3vw, 48px);
}

.About-Hero__cross--br {
    bottom: clamp(80px, 8vh, 130px);
    right: clamp(28px, 3vw, 48px);
}

/* Side mono labels */
.About-Hero__sidelabel {
    position: absolute;
    top: 50%;
    font-family: var(--ah-font-mono);
    font-size: 10px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: rgba(201, 165, 90, 0.55);
    white-space: nowrap;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    will-change: opacity, transform;
}

.About-Hero__sidelabel--l {
    left: 18px;
    transform: translateY(-50%) rotate(-90deg);
}

.About-Hero__sidelabel--r {
    right: 18px;
    transform: translateY(-50%) rotate(90deg);
}

/* Content */
.About-Hero__content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 1060px;
    padding: 0 clamp(24px, 5vw, 60px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Eyebrow */
.About-Hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-bottom: clamp(36px, 4vw, 56px);
    opacity: 0;
    font-family: var(--ah-font-mono);
    font-size: 11px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    color: var(--ah-sage-bright);
}

.About-Hero__eyebrow-line {
    display: inline-block;
    width: 44px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ah-sage-bright));
    transform-origin: left;
    transform: scaleX(0);
}

.About-Hero__eyebrow-line--r {
    background: linear-gradient(90deg, var(--ah-sage-bright), transparent);
}

/* Headline */
.About-Hero__headline {
    font-family: var(--ah-font-display);
    font-weight: 400;
    font-size: clamp(52px, 9vw, 118px);
    line-height: 1.03;
    letter-spacing: -0.025em;
    color: var(--ah-cream);
    margin-bottom: clamp(20px, 2.5vw, 34px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.About-Hero__hl-line {
    display: block;
    overflow: hidden;
    padding-bottom: 6px;
}

.About-Hero__hl-inner {
    display: inline-block;
    transform: translateY(110%);
    will-change: transform;
}

.About-Hero__hl-inner em {
    font-style: italic;
    color: var(--ah-sage-bright);
}

/* Gold rule */
.About-Hero__rule {
    width: 100%;
    max-width: 600px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ah-gold) 30%, var(--ah-gold-bright) 50%, var(--ah-gold) 70%, transparent);
    margin: clamp(10px, 1.5vw, 20px) 0 clamp(28px, 3vw, 44px);
    transform-origin: center;
    transform: scaleX(0);
    will-change: transform;
    box-shadow: 0 0 18px rgba(201, 165, 90, 0.18);
}

/* Mission text */
.About-Hero__mission {
    font-family: var(--ah-font-body);
    font-size: clamp(16px, 1.25vw, 20px);
    font-weight: 400;
    line-height: 1.82;
    color: var(--ah-text-muted);
    max-width: 700px;
    opacity: 0;
    letter-spacing: 0.005em;
}

/* Scroll indicator */
.About-Hero__scroll {
    position: absolute;
    bottom: clamp(36px, 5vh, 64px);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    z-index: 3;
    opacity: 0;
}

.About-Hero__scroll-text {
    font-family: var(--ah-font-mono);
    font-size: 10px;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: var(--ah-gold);
}

.About-Hero__scroll-track {
    width: 1px;
    height: 58px;
    background: linear-gradient(180deg, var(--ah-gold) 0%, transparent 100%);
    animation: ahScrollPulse 2.6s ease-in-out infinite;
    transform-origin: top;
}

@keyframes ahScrollPulse {

    0%,
    100% {
        transform: scaleY(0.35);
        opacity: 0.45;
    }

    50% {
        transform: scaleY(1);
        opacity: 1;
    }
}

/* Floating particle pip */
.About-Hero__pip {
    position: absolute;
    border-radius: 50%;
    background: var(--ah-gold);
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    animation: ahPipFloat 3s ease-in-out infinite;
}

@keyframes ahPipFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

.About-Hero__pip--1 {
    width: 6px;
    height: 6px;
    top: 22%;
    left: 14%;
    animation-delay: 0s;
    box-shadow: 0 0 18px rgba(201, 165, 90, 0.55);
}

.About-Hero__pip--2 {
    width: 4px;
    height: 4px;
    top: 38%;
    right: 12%;
    animation-delay: 0.8s;
    box-shadow: 0 0 12px rgba(201, 165, 90, 0.45);
}

.About-Hero__pip--3 {
    width: 5px;
    height: 5px;
    bottom: 30%;
    left: 22%;
    animation-delay: 1.5s;
    box-shadow: 0 0 14px rgba(201, 165, 90, 0.5);
}

.About-Hero__pip--4 {
    width: 3px;
    height: 3px;
    top: 55%;
    right: 20%;
    animation-delay: 0.4s;
    box-shadow: 0 0 10px rgba(201, 165, 90, 0.4);
}

@media (max-width: 768px) {
    .About-Hero__sidelabel {
        display: none;
    }

    .About-Hero__cross--bl,
    .About-Hero__cross--br {
        bottom: 100px;
    }
}

@media (max-width: 480px) {
    .About-Hero__eyebrow {
        gap: 12px;
    }

    .About-Hero__eyebrow-line {
        width: 28px;
    }

    .About-Hero__scroll {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {

    .About-Hero *,
    .About-Hero *::before,
    .About-Hero *::after {
        animation: none !important;
        transition: none !important;
    }
}


/* ════════════════════════════════════════════
       ABOUT-STORY
    ════════════════════════════════════════════ */
.About-Story,
.About-Story * {
    box-sizing: border-box;
}

.About-Story {
    --as-forest: #1B4332;
    --as-emerald: #2D6A4F;
    --as-sage: #52B788;
    --as-sage-bright: #74C69D;
    --as-gold: #C9A55A;
    --as-gold-bright: #E8C47A;
    --as-cream: #F8F5EC;
    --as-ivory: #F1EDE3;
    --as-white: #FDFCF8;
    --as-charcoal: #1A1A1A;
    --as-muted: #4A5568;
    --as-line: rgba(27, 67, 50, 0.15);
    --as-line-gold: rgba(201, 165, 90, 0.35);
    --as-font-display: 'Fraunces', Georgia, serif;
    --as-font-body: 'Inter', system-ui, sans-serif;
    --as-font-mono: 'Space Mono', monospace;

    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse 80% 50% at 50% 0%, rgba(248, 245, 236, 0.8) 0%, transparent 60%),
        #F1EDE3;
    padding: clamp(80px, 10vw, 140px) clamp(24px, 5vw, 60px);
    font-family: var(--as-font-body);
    -webkit-font-smoothing: antialiased;
}

/* Top gold hairline */
.About-Story::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--as-line-gold), transparent);
}

/* Decorative botanical SVG */
.About-Story__botanical {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    color: var(--as-sage);
    opacity: 0;
    will-change: opacity, transform;
}

.About-Story__botanical--tl {
    top: -20px;
    left: -30px;
    width: clamp(180px, 18vw, 280px);
}

.About-Story__botanical--br {
    bottom: -20px;
    right: -30px;
    width: clamp(160px, 16vw, 250px);
    transform: rotate(180deg);
}

.About-Story__botanical path {
    fill: none;
    stroke: currentColor;
    stroke-width: 0.9;
    stroke-linecap: round;
}

/* Corner crosshairs */
.About-Story__cross {
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    will-change: opacity, transform;
}

.About-Story__cross svg {
    width: 100%;
    height: 100%;
    stroke: var(--as-forest);
    stroke-width: 1.3;
    fill: none;
    stroke-linecap: round;
}

.About-Story__cross--tl {
    top: clamp(20px, 2.5vw, 36px);
    left: clamp(20px, 2.5vw, 36px);
}

.About-Story__cross--tr {
    top: clamp(20px, 2.5vw, 36px);
    right: clamp(20px, 2.5vw, 36px);
}

.About-Story__cross--bl {
    bottom: clamp(20px, 2.5vw, 36px);
    left: clamp(20px, 2.5vw, 36px);
}

.About-Story__cross--br {
    bottom: clamp(20px, 2.5vw, 36px);
    right: clamp(20px, 2.5vw, 36px);
}

/* Inner container */
.About-Story__inner {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: clamp(48px, 7vw, 110px);
    align-items: center;
}

/* ── IMAGE SIDE ── */
.About-Story__visual {
    position: relative;
}

.About-Story__image-frame {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 4/5;
    background: #1B4332;
    box-shadow:
        0 0 0 1.5px var(--as-line-gold),
        0 40px 100px rgba(27, 67, 50, 0.28),
        0 12px 32px rgba(27, 67, 50, 0.16);
    will-change: transform, opacity;
}

.About-Story__image-frame img {
    filter: contrast(1.06) saturate(0.95) brightness(0.97);
    transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.About-Story__image-frame:hover img {
    transform: scale(1.05);
}

.About-Story__image-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 55%, rgba(10, 31, 22, 0.45) 100%),
        radial-gradient(ellipse 70% 50% at 50% 100%, rgba(27, 67, 50, 0.25) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}

/* Offset frame decoration */
.About-Story__image-border {
    position: absolute;
    inset: -14px;
    border: 1px solid rgba(201, 165, 90, 0.22);
    border-radius: 12px;
    pointer-events: none;
    z-index: 0;
    opacity: 0;
    will-change: opacity;
}

/* Year badge */
.About-Story__year-badge {
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 110px;
    height: 110px;
    background: var(--as-cream);
    border: 1.5px solid var(--as-line-gold);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3;
    box-shadow: 0 16px 40px rgba(27, 67, 50, 0.18);
    opacity: 0;
    will-change: opacity, transform;
}

.About-Story__year-badge-num {
    font-family: var(--as-font-display);
    font-size: 26px;
    font-weight: 500;
    color: var(--as-forest);
    line-height: 1;
    letter-spacing: -0.02em;
}

.About-Story__year-badge-text {
    font-family: var(--as-font-mono);
    font-size: 9px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--as-gold);
    margin-top: 4px;
}

/* ── CONTENT SIDE ── */
.About-Story__content {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.About-Story__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: clamp(24px, 2.5vw, 36px);
    opacity: 0;
    font-family: var(--as-font-mono);
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--as-sage);
}

.About-Story__eyebrow-line {
    display: inline-block;
    width: 38px;
    height: 1px;
    background: linear-gradient(90deg, var(--as-sage), transparent);
    transform-origin: left;
    transform: scaleX(0);
}

.About-Story__headline {
    font-family: var(--as-font-display);
    font-weight: 400;
    font-size: clamp(38px, 4.8vw, 64px);
    line-height: 1.06;
    letter-spacing: -0.025em;
    color: var(--as-forest);
    margin-bottom: clamp(16px, 2vw, 24px);
}

.About-Story__hl-line {
    display: block;
    overflow: hidden;
    padding-bottom: 4px;
}

.About-Story__hl-inner {
    display: inline-block;
    transform: translateY(110%);
    will-change: transform;
}

.About-Story__hl-inner em {
    font-style: italic;
    color: var(--as-emerald);
}

.About-Story__rule {
    display: block;
    width: 100%;
    max-width: 420px;
    height: 1px;
    background: linear-gradient(90deg, var(--as-gold), rgba(201, 165, 90, 0.4) 55%, transparent);
    margin: clamp(8px, 1vw, 16px) 0 clamp(24px, 2.8vw, 38px);
    transform-origin: left;
    transform: scaleX(0);
    will-change: transform;
}

.About-Story__copy {
    font-size: clamp(15px, 1.05vw, 17px);
    font-weight: 400;
    line-height: 1.82;
    color: var(--as-muted);
    margin-bottom: clamp(18px, 2vw, 26px);
    opacity: 0;
    letter-spacing: 0.005em;
}

.About-Story__copy:last-of-type {
    margin-bottom: 0;
}

/* Pillars row */
.About-Story__pillars {
    display: flex;
    gap: clamp(16px, 2vw, 28px);
    margin-top: clamp(32px, 3.5vw, 48px);
    flex-wrap: wrap;
}

.About-Story__pillar {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    will-change: opacity, transform;
}

.About-Story__pillar-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--as-sage);
    box-shadow: 0 0 10px rgba(82, 183, 136, 0.5);
    flex-shrink: 0;
}

.About-Story__pillar-text {
    font-family: var(--as-font-mono);
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--as-forest);
}

@media (max-width: 960px) {
    .About-Story__inner {
        grid-template-columns: 1fr;
        gap: 64px;
    }

    .About-Story__image-frame {
        aspect-ratio: 16/10;
        max-height: 500px;
    }

    .About-Story__year-badge {
        bottom: -16px;
        right: 12px;
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 560px) {
    .About-Story__cross {
        display: none;
    }

    .About-Story__botanical {
        display: none;
    }

    .About-Story__year-badge {
        width: 76px;
        height: 76px;
        right: 8px;
        bottom: -12px;
    }

    .About-Story__year-badge-num {
        font-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .About-Story *,
    .About-Story *::before,
    .About-Story *::after {
        animation: none !important;
        transition: none !important;
    }
}


/* ════════════════════════════════════════════
       ABOUT-VALUES
    ════════════════════════════════════════════ */
.About-Values,
.About-Values * {
    box-sizing: border-box;
}

.About-Values {
    --av-forest: #08160E;
    --av-forest-mid: #0F2A1E;
    --av-forest-body: #1B4332;
    --av-emerald: #2D6A4F;
    --av-sage: #52B788;
    --av-sage-bright: #74C69D;
    --av-gold: #C9A55A;
    --av-gold-bright: #E8C47A;
    --av-cream: #F8F5EC;
    --av-text: rgba(248, 245, 236, 0.9);
    --av-text-muted: rgba(248, 245, 236, 0.68);
    --av-glass: rgba(15, 42, 30, 0.55);
    --av-glass-hover: rgba(15, 42, 30, 0.78);
    --av-line-gold: rgba(201, 165, 90, 0.22);
    --av-line-sage: rgba(82, 183, 136, 0.25);
    --av-font-display: 'Fraunces', Georgia, serif;
    --av-font-body: 'Inter', system-ui, sans-serif;
    --av-font-mono: 'Space Mono', monospace;

    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse 70% 55% at 50% 0%, rgba(82, 183, 136, 0.10) 0%, transparent 60%),
        radial-gradient(ellipse 55% 50% at 100% 100%, rgba(201, 165, 90, 0.07) 0%, transparent 60%),
        linear-gradient(180deg, var(--av-forest-mid) 0%, var(--av-forest) 60%, var(--av-forest) 100%);
    color: var(--av-text);
    padding: clamp(80px, 10vw, 140px) clamp(24px, 5vw, 60px);
    font-family: var(--av-font-body);
    -webkit-font-smoothing: antialiased;
}

/* Dot backdrop */
.About-Values__backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(201, 165, 90, 0.07) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 10%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 10%, transparent 80%);
    opacity: 0.7;
}

/* Corner crosshairs */
.About-Values__cross {
    position: absolute;
    width: 26px;
    height: 26px;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    will-change: opacity, transform;
}

.About-Values__cross svg {
    width: 100%;
    height: 100%;
    stroke: var(--av-gold);
    stroke-width: 1.3;
    fill: none;
    stroke-linecap: round;
}

.About-Values__cross--tl {
    top: clamp(22px, 2.5vw, 40px);
    left: clamp(22px, 2.5vw, 40px);
}

.About-Values__cross--tr {
    top: clamp(22px, 2.5vw, 40px);
    right: clamp(22px, 2.5vw, 40px);
}

.About-Values__cross--bl {
    bottom: clamp(22px, 2.5vw, 40px);
    left: clamp(22px, 2.5vw, 40px);
}

.About-Values__cross--br {
    bottom: clamp(22px, 2.5vw, 40px);
    right: clamp(22px, 2.5vw, 40px);
}

/* Inner */
.About-Values__inner {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    margin: 0 auto;
}

/* Header */
.About-Values__header {
    text-align: center;
    margin-bottom: clamp(56px, 6vw, 90px);
}

.About-Values__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-bottom: clamp(22px, 2.5vw, 34px);
    opacity: 0;
    font-family: var(--av-font-mono);
    font-size: 11px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    color: var(--av-sage-bright);
}

.About-Values__eyebrow-line {
    display: inline-block;
    width: 40px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--av-sage-bright));
    transform-origin: left;
    transform: scaleX(0);
}

.About-Values__eyebrow-line--r {
    background: linear-gradient(90deg, var(--av-sage-bright), transparent);
}

.About-Values__headline {
    font-family: var(--av-font-display);
    font-weight: 400;
    font-size: clamp(40px, 5.5vw, 72px);
    line-height: 1.05;
    letter-spacing: -0.025em;
    color: var(--av-cream);
}

.About-Values__hl-line {
    display: block;
    overflow: hidden;
    padding-bottom: 6px;
}

.About-Values__hl-inner {
    display: inline-block;
    transform: translateY(110%);
    will-change: transform;
}

.About-Values__hl-inner em {
    font-style: italic;
    color: var(--av-sage-bright);
}

.About-Values__rule {
    display: block;
    width: 200px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--av-gold), transparent);
    margin: clamp(12px, 1.5vw, 20px) auto 0;
    transform-origin: center;
    transform: scaleX(0);
    will-change: transform;
}

/* Cards Grid */
.About-Values__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(18px, 2vw, 28px);
}

.About-Values__card {
    position: relative;
    overflow: hidden;
    padding: clamp(32px, 3vw, 48px) clamp(24px, 2.5vw, 36px);
    background: var(--av-glass);
    border: 1px solid var(--av-line-gold);
    border-radius: 6px;
    opacity: 0;
    transform: translateY(44px) scale(0.97);
    will-change: transform, opacity;
    transition:
        background 0.4s ease,
        border-color 0.4s ease,
        transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.45s ease;
}

.About-Values__card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(116, 198, 157, 0.10) 0%, rgba(82, 183, 136, 0.04) 50%, transparent 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.About-Values__card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--av-sage), var(--av-sage-bright));
    transition: width 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.About-Values__card:hover {
    background: var(--av-glass-hover);
    border-color: rgba(201, 165, 90, 0.38);
    transform: translateY(-10px) scale(1) !important;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(201, 165, 90, 0.12);
}

.About-Values__card:hover::before {
    opacity: 1;
}

.About-Values__card:hover::after {
    width: 100%;
}

.About-Values__card-num {
    font-family: var(--av-font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--av-gold);
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.About-Values__card-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 24px;
    color: var(--av-sage-bright);
    position: relative;
    z-index: 1;
}

.About-Values__card-icon svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    stroke-width: 1.4;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    overflow: visible;
}

.About-Values__card-divider {
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(201, 165, 90, 0.6), transparent);
    margin-bottom: 22px;
    transform-origin: left;
    transform: scaleX(0);
    position: relative;
    z-index: 1;
}

.About-Values__card-title {
    font-family: var(--av-font-display);
    font-size: clamp(20px, 1.6vw, 26px);
    font-weight: 500;
    color: var(--av-cream);
    margin-bottom: 14px;
    letter-spacing: -0.015em;
    line-height: 1.15;
    position: relative;
    z-index: 1;
}

.About-Values__card-text {
    font-size: clamp(13px, 0.95vw, 15px);
    font-weight: 400;
    line-height: 1.72;
    color: var(--av-text-muted);
    position: relative;
    z-index: 1;
}

.About-Values__card-corner {
    position: absolute;
    bottom: 14px;
    right: 14px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--av-sage);
    box-shadow: 0 0 12px rgba(82, 183, 136, 0.45);
    z-index: 2;
    opacity: 0;
    will-change: opacity, transform;
}

@media (max-width: 1100px) {
    .About-Values__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .About-Values__grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {

    .About-Values *,
    .About-Values *::before,
    .About-Values *::after {
        animation: none !important;
        transition: none !important;
    }
}


/* ════════════════════════════════════════════
       ABOUT-STATS
    ════════════════════════════════════════════ */
.About-Stats,
.About-Stats * {
    box-sizing: border-box;
}

.About-Stats {
    --ast-forest: #1B4332;
    --ast-emerald: #2D6A4F;
    --ast-sage: #52B788;
    --ast-sage-bright: #74C69D;
    --ast-gold: #C9A55A;
    --ast-gold-bright: #E8C47A;
    --ast-cream: #F8F5EC;
    --ast-ivory: #F1EDE3;
    --ast-white: #FDFCF8;
    --ast-charcoal: #1A1A1A;
    --ast-muted: #4A5568;
    --ast-line: rgba(27, 67, 50, 0.14);
    --ast-line-gold: rgba(201, 165, 90, 0.35);
    --ast-font-display: 'Fraunces', Georgia, serif;
    --ast-font-body: 'Inter', system-ui, sans-serif;
    --ast-font-mono: 'Space Mono', monospace;

    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255, 253, 248, 0.7) 0%, transparent 60%),
        var(--ast-ivory);
    padding: clamp(80px, 10vw, 140px) clamp(24px, 5vw, 60px);
    font-family: var(--ast-font-body);
    -webkit-font-smoothing: antialiased;
}

.About-Stats::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ast-line-gold), transparent);
}

.About-Stats::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ast-line-gold), transparent);
}

/* Crosshairs */
.About-Stats__cross {
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    will-change: opacity;
}

.About-Stats__cross svg {
    width: 100%;
    height: 100%;
    stroke: var(--ast-forest);
    stroke-width: 1.3;
    fill: none;
    stroke-linecap: round;
}

.About-Stats__cross--tl {
    top: clamp(18px, 2vw, 32px);
    left: clamp(18px, 2vw, 32px);
}

.About-Stats__cross--tr {
    top: clamp(18px, 2vw, 32px);
    right: clamp(18px, 2vw, 32px);
}

.About-Stats__inner {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    margin: 0 auto;
}

/* Header */
.About-Stats__header {
    text-align: center;
    margin-bottom: clamp(56px, 6vw, 90px);
}

.About-Stats__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-bottom: clamp(22px, 2.5vw, 34px);
    opacity: 0;
    font-family: var(--ast-font-mono);
    font-size: 11px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    color: var(--ast-sage);
}

.About-Stats__eyebrow-line {
    display: inline-block;
    width: 40px;
    height: 1px;
    background: linear-gradient(90deg, var(--ast-forest), transparent);
    transform-origin: left;
    transform: scaleX(0);
}

.About-Stats__eyebrow-line--r {
    background: linear-gradient(90deg, transparent, var(--ast-forest));
    transform-origin: right;
}

.About-Stats__headline {
    font-family: var(--ast-font-display);
    font-weight: 400;
    font-size: clamp(40px, 5.5vw, 72px);
    line-height: 1.05;
    letter-spacing: -0.025em;
    color: var(--ast-forest);
}

.About-Stats__hl-line {
    display: block;
    overflow: hidden;
    padding-bottom: 6px;
}

.About-Stats__hl-inner {
    display: inline-block;
    transform: translateY(110%);
    will-change: transform;
}

.About-Stats__hl-inner em {
    font-style: italic;
}

.About-Stats__rule {
    display: block;
    width: 180px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ast-gold), transparent);
    margin: clamp(10px, 1.2vw, 18px) auto 0;
    transform-origin: center;
    transform: scaleX(0);
    will-change: transform;
}

/* Stats grid — 3 + 3 */
.About-Stats__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(20px, 2.5vw, 36px);
}

.About-Stats__item {
    position: relative;
    background: var(--ast-white);
    border: 1.5px solid var(--ast-line);
    border-radius: 6px;
    padding: clamp(36px, 4vw, 56px) clamp(24px, 2.5vw, 36px) clamp(32px, 3.5vw, 48px);
    text-align: center;
    opacity: 0;
    transform: translateY(40px);
    will-change: transform, opacity;
    transition:
        border-color 0.4s ease,
        transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.45s ease;
    overflow: hidden;
}

.About-Stats__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--ast-forest), var(--ast-sage));
    transform-origin: left;
    transform: scaleX(0);
    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.About-Stats__item:hover {
    border-color: rgba(27, 67, 50, 0.28);
    transform: translateY(-8px) !important;
    box-shadow: 0 28px 60px rgba(27, 67, 50, 0.12), 0 8px 20px rgba(27, 67, 50, 0.07);
}

.About-Stats__item:hover::before {
    transform: scaleX(1);
}

.About-Stats__number {
    font-family: var(--ast-font-display);
    font-size: clamp(52px, 6.5vw, 78px);
    font-weight: 400;
    color: var(--ast-forest);
    line-height: 1;
    margin-bottom: 12px;
    letter-spacing: -0.025em;
}

.About-Stats__number-suffix {
    font-family: var(--ast-font-display);
    font-size: 0.7em;
    color: var(--ast-gold);
    vertical-align: super;
    line-height: 1;
}

.About-Stats__label {
    font-family: var(--ast-font-mono);
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    color: var(--ast-muted);
}

.About-Stats__divider {
    display: block;
    width: 40px;
    height: 1px;
    background: var(--ast-line-gold);
    margin: 16px auto;
}

@media (max-width: 900px) {
    .About-Stats__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 540px) {
    .About-Stats__grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {

    .About-Stats *,
    .About-Stats *::before,
    .About-Stats *::after {
        animation: none !important;
        transition: none !important;
    }
}


/* ════════════════════════════════════════════
       ABOUT-CATALOG
    ════════════════════════════════════════════ */
.About-Catalog,
.About-Catalog * {
    box-sizing: border-box;
}

.About-Catalog {
    --ac-forest: #1B4332;
    --ac-emerald: #2D6A4F;
    --ac-sage: #52B788;
    --ac-sage-bright: #74C69D;
    --ac-sage-pale: #B7E4C7;
    --ac-gold: #C9A55A;
    --ac-gold-bright: #E8C47A;
    --ac-cream: #F8F5EC;
    --ac-ivory: #F1EDE3;
    --ac-white: #FDFCF8;
    --ac-charcoal: #1A1A1A;
    --ac-muted: #4A5568;
    --ac-line: rgba(27, 67, 50, 0.14);
    --ac-line-gold: rgba(201, 165, 90, 0.35);
    --ac-font-display: 'Fraunces', Georgia, serif;
    --ac-font-body: 'Inter', system-ui, sans-serif;
    --ac-font-mono: 'Space Mono', monospace;

    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255, 253, 248, 0.7) 0%, transparent 60%),
        var(--ac-ivory);
    padding: clamp(80px, 10vw, 140px) clamp(24px, 5vw, 60px);
    font-family: var(--ac-font-body);
    -webkit-font-smoothing: antialiased;
}

.About-Catalog__cross {
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    will-change: opacity;
}

.About-Catalog__cross svg {
    width: 100%;
    height: 100%;
    stroke: var(--ac-forest);
    stroke-width: 1.3;
    fill: none;
    stroke-linecap: round;
}

.About-Catalog__cross--tl {
    top: clamp(18px, 2vw, 32px);
    left: clamp(18px, 2vw, 32px);
}

.About-Catalog__cross--tr {
    top: clamp(18px, 2vw, 32px);
    right: clamp(18px, 2vw, 32px);
}

.About-Catalog__cross--bl {
    bottom: clamp(18px, 2vw, 32px);
    left: clamp(18px, 2vw, 32px);
}

.About-Catalog__cross--br {
    bottom: clamp(18px, 2vw, 32px);
    right: clamp(18px, 2vw, 32px);
}

.About-Catalog__inner {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    margin: 0 auto;
}

/* Header */
.About-Catalog__header {
    text-align: center;
    margin-bottom: clamp(56px, 6vw, 90px);
}

.About-Catalog__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-bottom: clamp(22px, 2.5vw, 34px);
    opacity: 0;
    font-family: var(--ac-font-mono);
    font-size: 11px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    color: var(--ac-sage);
}

.About-Catalog__eyebrow-line {
    display: inline-block;
    width: 40px;
    height: 1px;
    background: linear-gradient(90deg, var(--ac-forest), transparent);
    transform-origin: left;
    transform: scaleX(0);
}

.About-Catalog__eyebrow-line--r {
    background: linear-gradient(90deg, transparent, var(--ac-forest));
    transform-origin: right;
}

.About-Catalog__headline {
    font-family: var(--ac-font-display);
    font-weight: 400;
    font-size: clamp(40px, 5.5vw, 72px);
    line-height: 1.05;
    letter-spacing: -0.025em;
    color: var(--ac-forest);
}

.About-Catalog__hl-line {
    display: block;
    overflow: hidden;
    padding-bottom: 6px;
}

.About-Catalog__hl-inner {
    display: inline-block;
    transform: translateY(110%);
    will-change: transform;
}

.About-Catalog__hl-inner em {
    font-style: italic;
    color: var(--ac-emerald);
}

.About-Catalog__rule {
    display: block;
    width: 200px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ac-gold), transparent);
    margin: clamp(10px, 1.2vw, 18px) auto 0;
    transform-origin: center;
    transform: scaleX(0);
}

/* Grid */
.About-Catalog__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(20px, 2.5vw, 36px);
}

.About-Catalog__card {
    position: relative;
    background: var(--ac-white);
    border: 1.5px solid var(--ac-line);
    border-radius: 6px;
    overflow: hidden;
    opacity: 0;
    transform: translateY(44px);
    will-change: transform, opacity;
    transition:
        border-color 0.4s ease,
        transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.45s ease;
}

.About-Catalog__card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2.5px;
    background: linear-gradient(90deg, var(--ac-forest), var(--ac-sage));
    transition: width 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.About-Catalog__card:hover {
    border-color: rgba(27, 67, 50, 0.28);
    transform: translateY(-12px) !important;
    box-shadow: 0 36px 72px rgba(27, 67, 50, 0.13), 0 10px 26px rgba(27, 67, 50, 0.08);
}

.About-Catalog__card:hover::after {
    width: 100%;
}

.About-Catalog__card-image {
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    position: relative;
}

.About-Catalog__card-image img {
    width: 100%;
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    filter: contrast(1.05) saturate(0.95);
}

.About-Catalog__card:hover .About-Catalog__card-image img {
    transform: scale(1.07);
}

.About-Catalog__card-body {
    padding: clamp(28px, 3vw, 42px) clamp(24px, 2.5vw, 36px);
}

.About-Catalog__card-cat {
    font-family: var(--ac-font-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--ac-sage);
    margin-bottom: 14px;
}

.About-Catalog__card-title {
    font-family: var(--ac-font-display);
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 500;
    color: var(--ac-forest);
    margin-bottom: 14px;
    letter-spacing: -0.015em;
    line-height: 1.18;
}

.About-Catalog__card-text {
    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.75;
    color: var(--ac-muted);
    margin-bottom: 24px;
}

.About-Catalog__card-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: var(--ac-font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--ac-forest);
    transition: gap 0.3s ease, color 0.3s ease;
}

.About-Catalog__card-link svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.About-Catalog__card-link:hover {
    gap: 18px;
    color: var(--ac-emerald);
}

.About-Catalog__card-link:hover svg {
    transform: translate(4px, -4px);
}

@media (max-width: 960px) {
    .About-Catalog__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 580px) {
    .About-Catalog__grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {

    .About-Catalog *,
    .About-Catalog *::before,
    .About-Catalog *::after {
        animation: none !important;
        transition: none !important;
    }
}


/* ════════════════════════════════════════════
       ABOUT-GLOBAL (Countries + Map Viz)
    ════════════════════════════════════════════ */
.About-Global,
.About-Global * {
    box-sizing: border-box;
}

.About-Global {
    --agl-forest: #08160E;
    --agl-forest-mid: #0F2A1E;
    --agl-forest-body: #1B4332;
    --agl-emerald: #2D6A4F;
    --agl-sage: #52B788;
    --agl-sage-bright: #74C69D;
    --agl-mint: #B7E4C7;
    --agl-gold: #C9A55A;
    --agl-gold-bright: #E8C47A;
    --agl-cream: #F8F5EC;
    --agl-text: rgba(248, 245, 236, 0.88);
    --agl-text-muted: rgba(248, 245, 236, 0.65);
    --agl-glass: rgba(15, 42, 30, 0.55);
    --agl-line-gold: rgba(201, 165, 90, 0.25);
    --agl-font-display: 'Fraunces', Georgia, serif;
    --agl-font-body: 'Inter', system-ui, sans-serif;
    --agl-font-mono: 'Space Mono', monospace;

    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse 70% 55% at 50% 0%, rgba(82, 183, 136, 0.10) 0%, transparent 60%),
        radial-gradient(ellipse 55% 50% at 0% 100%, rgba(201, 165, 90, 0.07) 0%, transparent 60%),
        linear-gradient(180deg, var(--agl-forest-mid) 0%, var(--agl-forest) 100%);
    color: var(--agl-text);
    padding: clamp(80px, 10vw, 140px) clamp(24px, 5vw, 60px);
    font-family: var(--agl-font-body);
    -webkit-font-smoothing: antialiased;
}

/* Dot backdrop */
.About-Global__dots {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(201, 165, 90, 0.06) 1px, transparent 1px);
    background-size: 48px 48px;
    opacity: 0.6;
    mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 10%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 10%, transparent 80%);
}

/* Crosshairs */
.About-Global__cross {
    position: absolute;
    width: 26px;
    height: 26px;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    will-change: opacity;
}

.About-Global__cross svg {
    width: 100%;
    height: 100%;
    stroke: var(--agl-gold);
    stroke-width: 1.3;
    fill: none;
    stroke-linecap: round;
}

.About-Global__cross--tl {
    top: clamp(22px, 2.5vw, 40px);
    left: clamp(22px, 2.5vw, 40px);
}

.About-Global__cross--tr {
    top: clamp(22px, 2.5vw, 40px);
    right: clamp(22px, 2.5vw, 40px);
}

.About-Global__cross--bl {
    bottom: clamp(22px, 2.5vw, 40px);
    left: clamp(22px, 2.5vw, 40px);
}

.About-Global__cross--br {
    bottom: clamp(22px, 2.5vw, 40px);
    right: clamp(22px, 2.5vw, 40px);
}

.About-Global__inner {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    margin: 0 auto;
}

/* Header */
.About-Global__header {
    text-align: center;
    margin-bottom: clamp(56px, 6vw, 90px);
}

.About-Global__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-bottom: clamp(22px, 2.5vw, 34px);
    opacity: 0;
    font-family: var(--agl-font-mono);
    font-size: 11px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    color: var(--agl-sage-bright);
}

.About-Global__eyebrow-line {
    display: inline-block;
    width: 40px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--agl-sage-bright));
    transform-origin: left;
    transform: scaleX(0);
}

.About-Global__eyebrow-line--r {
    background: linear-gradient(90deg, var(--agl-sage-bright), transparent);
    transform-origin: right;
}

.About-Global__headline {
    font-family: var(--agl-font-display);
    font-weight: 400;
    font-size: clamp(40px, 5.5vw, 72px);
    line-height: 1.05;
    letter-spacing: -0.025em;
    color: var(--agl-cream);
}

.About-Global__hl-line {
    display: block;
    overflow: hidden;
    padding-bottom: 6px;
}

.About-Global__hl-inner {
    display: inline-block;
    transform: translateY(110%);
    will-change: transform;
}

.About-Global__hl-inner em {
    font-style: italic;
    color: var(--agl-sage-bright);
}

.About-Global__rule {
    display: block;
    width: 200px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--agl-gold), transparent);
    margin: clamp(10px, 1.2vw, 18px) auto 0;
    transform-origin: center;
    transform: scaleX(0);
}

/* ── Map Visualization ── */
.About-Global__map-wrap {
    position: relative;
    margin-bottom: clamp(60px, 7vw, 100px);
    opacity: 0;
    will-change: opacity, transform;
}

.About-Global__map-frame {
    position: relative;
    background: rgba(15, 42, 30, 0.55);
    border: 1px solid var(--agl-line-gold);
    border-radius: 12px;
    overflow: hidden;
    padding: clamp(32px, 4vw, 60px);
    backdrop-filter: blur(6px);
}

/* Network / Connection visualization */
.About-Global__network {
    width: 100%;
    aspect-ratio: 2.4 / 1;
    position: relative;
}

.About-Global__network img {
    width: 100%;
    height: auto;
}

/* Animated connection lines */
.agl-line {
    stroke: rgba(116, 198, 157, 0.25);
    stroke-width: 1;
    fill: none;
    stroke-dasharray: 6 4;
    animation: aglLineDash 8s linear infinite;
}

@keyframes aglLineDash {
    to {
        stroke-dashoffset: -100;
    }
}

.agl-arc {
    stroke: rgba(201, 165, 90, 0.20);
    stroke-width: 0.8;
    fill: none;
}

/* Hub dot (Poland HQ) */
.agl-hub {
    fill: var(--agl-gold);
    filter: drop-shadow(0 0 10px rgba(201, 165, 90, 0.7));
}

.agl-hub-ring {
    fill: none;
    stroke: var(--agl-gold);
    stroke-width: 1;
    opacity: 0;
    animation: aglHubPulse 2.8s ease-out infinite;
}

.agl-hub-ring:nth-child(2) {
    animation-delay: 0.7s;
}

.agl-hub-ring:nth-child(3) {
    animation-delay: 1.4s;
}

@keyframes aglHubPulse {
    0% {
        r: 8;
        opacity: 0.7;
    }

    100% {
        r: 32;
        opacity: 0;
    }
}

/* Country dots */
.agl-dot {
    fill: var(--agl-sage-bright);
    filter: drop-shadow(0 0 6px rgba(116, 198, 157, 0.55));
    animation: aglDotPulse 3s ease-in-out infinite;
}

@keyframes aglDotPulse {

    0%,
    100% {
        opacity: 0.75;
        r: 5;
    }

    50% {
        opacity: 1;
        r: 7;
    }
}

/* Country labels */
.agl-label {
    font-family: var(--agl-font-mono);
    font-size: 9px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    fill: rgba(248, 245, 236, 0.7);
}

/* Map corners */
.About-Global__map-cross {
    position: absolute;
    width: 22px;
    height: 22px;
    pointer-events: none;
    color: var(--agl-gold);
    opacity: 0.5;
}

.About-Global__map-cross svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    stroke-width: 1.2;
    fill: none;
    stroke-linecap: round;
}

.About-Global__map-cross--tl {
    top: 14px;
    left: 14px;
}

.About-Global__map-cross--tr {
    top: 14px;
    right: 14px;
}

.About-Global__map-cross--bl {
    bottom: 14px;
    left: 14px;
}

.About-Global__map-cross--br {
    bottom: 14px;
    right: 14px;
}

/* Central hub label */
.About-Global__hub-label {
    position: absolute;
    top: clamp(14px, 2vw, 24px);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(248, 245, 236, 0.08);
    border: 1px solid var(--agl-line-gold);
    border-radius: 999px;
    padding: 8px 20px;
    opacity: 0;
}

.About-Global__hub-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--agl-gold);
    box-shadow: 0 0 12px rgba(201, 165, 90, 0.6);
}

.About-Global__hub-text {
    font-family: var(--agl-font-mono);
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--agl-cream);
}

/* ── Country Grid ── */
.About-Global__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(14px, 1.8vw, 24px);
}

.About-Global__country {
    position: relative;
    background: var(--agl-glass);
    border: 1px solid var(--agl-line-gold);
    border-radius: 6px;
    padding: clamp(20px, 2.2vw, 30px) clamp(18px, 2vw, 26px);
    opacity: 0;
    transform: translateY(28px);
    will-change: opacity, transform;
    transition:
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.4s ease;
    overflow: hidden;
}

.About-Global__country::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--agl-sage), var(--agl-sage-bright));
    transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.About-Global__country:hover {
    background: rgba(15, 42, 30, 0.78);
    border-color: rgba(201, 165, 90, 0.4);
    transform: translateY(-6px) !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.3);
}

.About-Global__country:hover::before {
    width: 100%;
}

/* HQ highlight */
.About-Global__country--hq {
    border-color: rgba(201, 165, 90, 0.4);
    background: rgba(15, 42, 30, 0.72);
}

.About-Global__country--hq::before {
    width: 100%;
    background: linear-gradient(90deg, var(--agl-gold), var(--agl-gold-bright));
}

.About-Global__country-flag {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1;
}

.About-Global__country-name {
    font-family: var(--agl-font-display);
    font-size: clamp(16px, 1.4vw, 20px);
    font-weight: 500;
    color: var(--agl-cream);
    letter-spacing: -0.01em;
    margin-bottom: 6px;
    line-height: 1.15;
}

.About-Global__country-role {
    font-family: var(--agl-font-mono);
    font-size: 10px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: var(--agl-sage-bright);
}

.About-Global__country-badge {
    display: inline-block;
    margin-top: 8px;
    padding: 4px 10px;
    background: rgba(201, 165, 90, 0.12);
    border: 1px solid rgba(201, 165, 90, 0.25);
    border-radius: 999px;
    font-family: var(--agl-font-mono);
    font-size: 9px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--agl-gold);
}

/* CTA Strip */
.About-Global__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 2.5vw, 36px);
    margin-top: clamp(56px, 6vw, 88px);
    opacity: 0;
    will-change: opacity;
}

.About-Global__cta-line {
    flex: 1;
    max-width: 200px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 165, 90, 0.4));
    transform-origin: left;
    transform: scaleX(0);
}

.About-Global__cta-line--r {
    background: linear-gradient(90deg, rgba(201, 165, 90, 0.4), transparent);
    transform-origin: right;
}

.About-Global__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: clamp(14px, 1.6vw, 20px) clamp(28px, 3vw, 44px);
    background: transparent;
    border: 1.5px solid var(--agl-gold);
    border-radius: 3px;
    font-family: var(--agl-font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--agl-gold);
    cursor: pointer;
    transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

.About-Global__cta-btn svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.About-Global__cta-btn:hover {
    background: var(--agl-gold);
    color: var(--agl-forest);
    border-color: var(--agl-gold);
}

.About-Global__cta-btn:hover svg {
    transform: translate(4px, -4px);
}

@media (max-width: 1100px) {
    .About-Global__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 760px) {
    .About-Global__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .About-Global__map-frame {
        padding: 24px 16px;
    }

    .agl-label {
        font-size: 8px;
        letter-spacing: 1px;
    }

    .About-Global__hub-label {
        padding: 6px 14px;
    }

    .About-Global__hub-text {
        font-size: 9px;
        letter-spacing: 2px;
    }

    .About-Global__network {
        aspect-ratio: 1.5 / 1;
    }
}

@media (max-width: 480px) {
    .About-Global__grid {
        grid-template-columns: 1fr;
    }

    .About-Global__cta {
        flex-direction: column;
        gap: 16px;
    }

    .About-Global__cta-line {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {

    .About-Global *,
    .About-Global *::before,
    .About-Global *::after {
        animation: none !important;
        transition: none !important;
    }
}