/* =============================================================
   co-founders.css — Avon Alloys Co-Founders Page styles
   Loaded only on co-founders.php via $page_stylesheet
   ============================================================= */

    /* ── BRAND COLOR OVERRIDE ── */
    :root {
        --gt-theme:   #29ABE2;
        --gt-theme-2: #29ABE2;
        --gt-theme-3: #29ABE2;
    }

    /* ── PAGE-LEVEL OVERRIDES ── */
    body { background: #0a0a0a; overflow-x: hidden; }

    /* ── HERO — DIPTYCH MONUMENT ── */
    .cf-hero {
        position: relative;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        overflow: hidden;
        background: #060606;
    }
    /* Cross-grid texture */
    .cf-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
        background-size: 72px 72px;
        z-index: 0;
        pointer-events: none;
    }
    /* Year watermark */
    .cf-hero::after {
        content: "1995";
        position: absolute;
        bottom: -60px;
        left: 50%;
        transform: translateX(-50%);
        font-size: clamp(140px, 28vw, 380px);
        font-weight: 900;
        letter-spacing: -0.06em;
        color: rgba(255,255,255,0.015);
        pointer-events: none;
        z-index: 0;
        line-height: 1;
        white-space: nowrap;
    }

    /* Ambient glows */
    .cf-hero__glow-left {
        position: absolute;
        left: 0; top: 0; bottom: 0;
        width: 50%;
        background: radial-gradient(ellipse at 25% 50%, rgba(41,171,226,0.05) 0%, transparent 65%);
        pointer-events: none;
        z-index: 0;
    }
    .cf-hero__glow-right {
        position: absolute;
        right: 0; top: 0; bottom: 0;
        width: 50%;
        background: radial-gradient(ellipse at 75% 50%, rgba(212,160,23,0.05) 0%, transparent 65%);
        pointer-events: none;
        z-index: 0;
    }

    /* ── TOP MASTHEAD STRIP ── */
    .cf-hero__masthead {
        position: relative;
        z-index: 2;
        padding: 140px 60px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }
    .cf-hero__masthead-rule {
        flex: 1;
        height: 1px;
        background: rgba(255,255,255,0.08);
    }
    .cf-hero__masthead-meta {
        font-size: 11px;
        letter-spacing: 0.3em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.3);
        font-weight: 500;
        white-space: nowrap;
    }

    /* ── MAIN TITLE ── */
    .cf-hero__title-block {
        position: relative;
        z-index: 2;
        text-align: center;
        padding: 40px 40px 0;
    }
    .cf-hero__label {
        display: block;
        font-size: 11px;
        letter-spacing: 0.4em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.25);
        font-weight: 600;
        margin-bottom: 16px;
    }
    .cf-hero__main-title {
        font-size: clamp(52px, 9vw, 130px);
        font-weight: 900;
        letter-spacing: -0.04em;
        text-transform: uppercase;
        color: #fff;
        line-height: 0.95;
        margin: 0;
    }
    .cf-hero__main-title span {
        display: block;
    }
    .cf-hero__main-title .line-co {
        color: #fff;
    }
    .cf-hero__main-title .line-founders {
        -webkit-text-stroke: 1px rgba(255,255,255,0.25);
        color: transparent;
    }

    /* ── DIPTYCH ── */
    .cf-hero__diptych {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: stretch;
        flex: 1;
        margin: 48px 40px 60px;
        gap: 0;
        border: 1px solid rgba(255,255,255,0.06);
        border-radius: 20px;
        overflow: hidden;
    }

    /* Side panels */
    .cf-hero__panel {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        padding: 48px 48px 48px;
        position: relative;
        overflow: hidden;
        min-height: 420px;
    }
    .cf-hero__panel--left {
        border-right: 1px solid rgba(255,255,255,0.06);
    }
    /* Panel top accent bar */
    .cf-hero__panel--left::before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 2px;
        background: linear-gradient(to right, #29ABE2, rgba(41,171,226,0.1));
    }
    .cf-hero__panel--right::before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 2px;
        background: linear-gradient(to right, #D4A017, rgba(212,160,23,0.1));
    }
    /* Panel inner glow */
    .cf-hero__panel--left::after {
        content: "";
        position: absolute;
        top: -80px; left: -80px;
        width: 300px; height: 300px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(41,171,226,0.07) 0%, transparent 70%);
        pointer-events: none;
    }
    .cf-hero__panel--right::after {
        content: "";
        position: absolute;
        top: -80px; right: -80px;
        width: 300px; height: 300px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(212,160,23,0.07) 0%, transparent 70%);
        pointer-events: none;
    }

    /* Medallion */
    .cf-hero__medallion {
        position: relative;
        width: 180px;
        height: 180px;
        margin: 0 auto 32px;
    }
    .cf-hero__medallion svg.cf-medallion-ring {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        animation: spin-slow 18s linear infinite;
    }
    @keyframes spin-slow { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
    .cf-hero__medallion-inner {
        position: absolute;
        inset: 14px;
        border-radius: 50%;
        background: #0e0e0e;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .cf-hero__medallion-inner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        border-radius: 50%;
    }
    .cf-hero__medallion-initials {
        font-size: 52px;
        font-weight: 900;
        letter-spacing: -0.04em;
    }
    .cf-hero__panel--left .cf-hero__medallion-initials { color: rgba(41,171,226,0.15); }
    .cf-hero__panel--right .cf-hero__medallion-initials { color: rgba(212,160,23,0.15); }

    /* Panel text */
    .cf-hero__panel-content { text-align: center; position: relative; z-index: 1; }
    .cf-hero__panel-tag {
        display: inline-block;
        font-size: 10px;
        letter-spacing: 0.25em;
        text-transform: uppercase;
        font-weight: 700;
        padding: 4px 14px;
        border-radius: 100px;
        margin-bottom: 14px;
    }
    .cf-hero__panel--left .cf-hero__panel-tag {
        color: #29ABE2;
        border: 1px solid rgba(41,171,226,0.25);
        background: rgba(41,171,226,0.06);
    }
    .cf-hero__panel--right .cf-hero__panel-tag {
        color: #D4A017;
        border: 1px solid rgba(212,160,23,0.25);
        background: rgba(212,160,23,0.06);
    }
    .cf-hero__panel-name {
        font-size: clamp(20px, 2.2vw, 30px);
        font-weight: 800;
        color: #fff;
        letter-spacing: -0.02em;
        line-height: 1.2;
        margin-bottom: 8px;
    }
    .cf-hero__panel-role {
        font-size: 12px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.35);
        font-weight: 500;
    }

    /* ── CENTER DIVIDER ── */
    .cf-hero__divider {
        position: relative;
        width: 1px;
        flex-shrink: 0;
        background: rgba(255,255,255,0.06);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cf-hero__divider::before {
        content: "";
        position: absolute;
        top: 0; bottom: 0; left: 0;
        width: 1px;
        background: linear-gradient(to bottom,
            rgba(41,171,226,0.5) 0%,
            rgba(41,171,226,0.2) 35%,
            rgba(212,160,23,0.2) 65%,
            rgba(212,160,23,0.5) 100%);
    }
    .cf-hero__divider-diamond {
        width: 10px;
        height: 10px;
        background: #fff;
        transform: rotate(45deg);
        position: relative;
        z-index: 1;
        flex-shrink: 0;
    }

    /* Vertical side labels */
    .cf-hero__side-label {
        position: absolute;
        writing-mode: vertical-rl;
        font-size: 10px;
        letter-spacing: 0.3em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.12);
        font-weight: 600;
        top: 50%;
        transform: translateY(-50%);
    }
    .cf-hero__side-label--left { left: 16px; transform: translateY(-50%) rotate(180deg); }
    .cf-hero__side-label--right { right: 16px; }

    /* ── BOTTOM STATS ── */
    .cf-hero__stats-bar {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        border-top: 1px solid rgba(255,255,255,0.06);
        margin: 0 40px 0;
    }
    .cf-hero__stat {
        flex: 1;
        text-align: center;
        padding: 28px 20px;
        border-right: 1px solid rgba(255,255,255,0.06);
    }
    .cf-hero__stat:last-child { border-right: none; }
    .cf-hero__stat-num {
        font-size: 36px;
        font-weight: 900;
        color: #fff;
        letter-spacing: -0.04em;
        line-height: 1;
    }
    .cf-hero__stat-label {
        font-size: 10px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.3);
        margin-top: 6px;
    }

    /* ── HERO responsive ── */
    @media (max-width: 1199px) {
        .cf-hero__masthead { padding: 130px 40px 0; }
        .cf-hero__title-block { padding: 36px 40px 0; }
        .cf-hero__diptych { margin: 40px 24px 48px; }
        .cf-hero__panel { padding: 40px 36px; }
        .cf-hero__stats-bar { margin: 0 24px; }
    }
    @media (max-width: 991px) {
        .cf-hero__masthead { padding: 110px 24px 0; }
        .cf-hero__title-block { padding: 28px 24px 0; }
        .cf-hero__diptych { flex-direction: column; margin: 28px 20px 36px; }
        .cf-hero__panel--left { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.06); }
        .cf-hero__divider { display: none; }
        .cf-hero__panel { min-height: 280px; padding: 36px 28px; }
        .cf-hero__medallion { width: 130px; height: 130px; }
        .cf-hero__stats-bar { margin: 0 20px; flex-wrap: wrap; }
        .cf-hero__stat { flex: 0 0 50%; border-bottom: 1px solid rgba(255,255,255,0.06); }
        .cf-hero__stat:nth-child(3), .cf-hero__stat:nth-child(4) { border-bottom: none; }
        .cf-hero__side-label { display: none; }
        .cf-hero__stat-num { font-size: 28px; }
    }
    @media (max-width: 767px) {
        .cf-hero__masthead { padding: 96px 20px 0; }
        .cf-hero__title-block { padding: 24px 20px 0; }
        .cf-hero__main-title { font-size: clamp(38px, 10vw, 60px); }
        .cf-hero__diptych { margin: 24px 16px 28px; border-radius: 14px; }
        .cf-hero__panel { min-height: 240px; padding: 28px 20px; }
        .cf-hero__medallion { width: 110px; height: 110px; margin-bottom: 24px; }
        .cf-hero__panel-name { font-size: 20px; }
        .cf-hero__stats-bar { margin: 0 16px; }
        .cf-hero__stat { padding: 20px 16px; }
        .cf-hero__stat-num { font-size: 24px; }
    }
    @media (max-width: 575px) {
        .cf-hero__masthead { padding: 88px 16px 0; }
        .cf-hero__masthead-meta { font-size: 9px; letter-spacing: 0.2em; }
        .cf-hero__title-block { padding: 20px 16px 0; }
        .cf-hero__main-title { font-size: clamp(34px, 9vw, 52px); }
        .cf-hero__diptych { margin: 20px 12px 24px; }
        .cf-hero__panel { min-height: 200px; padding: 24px 16px; }
        .cf-hero__medallion { width: 90px; height: 90px; margin-bottom: 18px; }
        .cf-hero__stats-bar { margin: 0 12px; }
        .cf-hero__stat { flex: 0 0 50%; padding: 16px 12px; }
    }

    /* ── MARQUEE ── */
    .cf-marquee {
        background: #29ABE2;
        padding: 14px 0;
        overflow: hidden;
        white-space: nowrap;
    }
    .cf-marquee__track {
        display: inline-flex;
        gap: 0;
        animation: marquee 22s linear infinite;
    }
    @keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
    .cf-marquee__item {
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        color: #000;
        padding: 0 36px;
    }
    .cf-marquee__item::after {
        content: "✦";
        margin-left: 36px;
        opacity: 0.5;
    }

    /* Reverse animation for second marquee track */
    .cf-marquee__track--reverse { animation-direction: reverse; }

    /* Star icon sizing in marquee/badges */
    .cf-marquee__item .fa-star,
    .cf-founder-card__badge .fa-star { font-size: 8px; margin-right: 3px; }
    .cf-founder-card--legacy .cf-founder-card__badge .fa-star { font-size: 10px; margin-right: 4px; }

    /* ── INTRO SECTION ── */
    .cf-intro {
        padding: 120px 0 80px;
        background: #0a0a0a;
    }
    .cf-intro__label {
        font-size: 12px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #29ABE2;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .cf-intro__heading {
        font-size: clamp(32px, 4vw, 52px);
        font-weight: 800;
        color: #fff;
        line-height: 1.15;
        letter-spacing: -0.02em;
        margin-bottom: 24px;
    }
    .cf-intro__text {
        font-size: 17px;
        line-height: 1.8;
        color: #9E9EA3;
    }
    .cf-intro__line {
        width: 60px;
        height: 3px;
        background: #29ABE2;
        border-radius: 2px;
        margin-bottom: 28px;
    }

    /* ── FOUNDER CARDS ── */
    .cf-founders {
        padding: 40px 0 120px;
        background: #0a0a0a;
    }
    .cf-founder-card {
        position: relative;
        border-radius: 24px;
        overflow: hidden;
        background: #111;
        border: 1px solid rgba(255,255,255,0.06);
        display: flex;
        flex-direction: column;
        height: 100%;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }
    .cf-founder-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 40px 80px rgba(0,0,0,0.5);
    }
    /* Image area */
    .cf-founder-card__img-wrap {
        position: relative;
        height: 480px;
        overflow: hidden;
    }
    .cf-founder-card__img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        transition: transform 0.6s ease;
    }
    .cf-founder-card:hover .cf-founder-card__img-wrap img {
        transform: scale(1.04);
    }
    .cf-founder-card__img-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, transparent 40%, #111 100%);
    }
    /* Initials placeholder (shown when no img) */
    .cf-founder-card__initials {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 120px;
        font-weight: 900;
        letter-spacing: -0.05em;
    }
    /* Role badge */
    .cf-founder-card__badge {
        position: absolute;
        top: 24px;
        left: 24px;
        background: rgba(0,0,0,0.6);
        backdrop-filter: blur(8px);
        border-radius: 100px;
        padding: 6px 16px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }
    /* Body */
    .cf-founder-card__body {
        padding: 40px 40px 48px;
        flex: 1;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .cf-founder-card__body::before {
        content: "";
        position: absolute;
        top: 0; left: 40px; right: 40px;
        height: 1px;
        background: linear-gradient(to right, transparent, rgba(255,255,255,0.1), transparent);
    }
    .cf-founder-card__initial-bg {
        position: absolute;
        bottom: -20px;
        right: -10px;
        font-size: 160px;
        font-weight: 900;
        line-height: 1;
        opacity: 0.04;
        pointer-events: none;
        letter-spacing: -0.05em;
    }
    .cf-founder-card__name {
        font-size: 32px;
        font-weight: 800;
        color: #fff;
        line-height: 1.2;
        margin-bottom: 6px;
        letter-spacing: -0.02em;
    }
    .cf-founder-card__role {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        margin-bottom: 24px;
    }
    .cf-founder-card__bio {
        font-size: 16px;
        line-height: 1.8;
        color: #9E9EA3;
        margin-bottom: 32px;
        flex: 1;
    }
    .cf-founder-card__tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .cf-founder-card__tag {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 6px 14px;
        border-radius: 100px;
        background: rgba(255,255,255,0.06);
        color: #9E9EA3;
        border: 1px solid rgba(255,255,255,0.08);
    }

    /* Active founder — blue accent */
    .cf-founder-card--active .cf-founder-card__img-wrap {
        background: linear-gradient(135deg, #1a2500, #0a0a0a);
    }
    .cf-founder-card--active .cf-founder-card__initials { color: rgba(41,171,226,0.08); }
    .cf-founder-card--active .cf-founder-card__badge { color: #29ABE2; border: 1px solid rgba(41,171,226,0.3); }
    .cf-founder-card--active .cf-founder-card__role { color: #29ABE2; }
    .cf-founder-card--active .cf-founder-card__initial-bg { color: #29ABE2; }
    .cf-founder-card--active::after {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 3px;
        background: linear-gradient(to right, #29ABE2, rgba(41,171,226,0.2));
        border-radius: 24px 24px 0 0;
    }
    .cf-founder-card--active .cf-founder-card__tag:hover {
        background: rgba(41,171,226,0.1);
        color: #29ABE2;
        border-color: rgba(41,171,226,0.3);
    }

    /* Legacy founder — golden/amber accent */
    .cf-founder-card--legacy .cf-founder-card__img-wrap {
        background: linear-gradient(135deg, #251a00, #0a0a0a);
    }
    .cf-founder-card--legacy .cf-founder-card__initials { color: rgba(212,160,23,0.08); }
    .cf-founder-card--legacy .cf-founder-card__badge { color: #D4A017; border: 1px solid rgba(212,160,23,0.3); }
    .cf-founder-card--legacy .cf-founder-card__role { color: #D4A017; }
    .cf-founder-card--legacy .cf-founder-card__initial-bg { color: #D4A017; }
    .cf-founder-card--legacy::after {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 3px;
        background: linear-gradient(to right, #D4A017, rgba(212,160,23,0.2));
        border-radius: 24px 24px 0 0;
    }
    .cf-founder-card--legacy .cf-founder-card__tag:hover {
        background: rgba(212,160,23,0.1);
        color: #D4A017;
        border-color: rgba(212,160,23,0.3);
    }

    /* ── LEGACY TRIBUTE BANNER ── */
    .cf-legacy {
        padding: 100px 0;
        background: #0d0d0d;
        position: relative;
        overflow: hidden;
    }
    .cf-legacy::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(ellipse at 30% 50%, rgba(212,160,23,0.06) 0%, transparent 70%);
    }
    .cf-legacy__inner {
        position: relative;
        z-index: 1;
        text-align: center;
        max-width: 780px;
        margin: 0 auto;
    }
    .cf-legacy__icon {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: rgba(212,160,23,0.12);
        border: 1px solid rgba(212,160,23,0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 32px;
        font-size: 24px;
        color: #D4A017;
    }
    .cf-legacy__kicker {
        font-size: 12px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #D4A017;
        font-weight: 700;
        margin-bottom: 24px;
    }
    .cf-legacy__quote {
        font-size: clamp(22px, 3.5vw, 36px);
        font-weight: 700;
        color: #fff;
        line-height: 1.4;
        letter-spacing: -0.02em;
        margin-bottom: 28px;
    }
    .cf-legacy__quote::before { content: "\201C"; color: #D4A017; }
    .cf-legacy__quote::after  { content: "\201D"; color: #D4A017; }
    .cf-legacy__attr {
        font-size: 14px;
        color: #9E9EA3;
        font-weight: 500;
    }
    .cf-legacy__deco {
        position: absolute;
        right: -80px;
        top: -80px;
        width: 360px;
        height: 360px;
        border-radius: 50%;
        border: 1px solid rgba(212,160,23,0.06);
    }
    .cf-legacy__deco-2 {
        position: absolute;
        left: -100px;
        bottom: -100px;
        width: 500px;
        height: 500px;
        border-radius: 50%;
        border: 1px solid rgba(212,160,23,0.04);
    }

    /* ── VALUES STRIP ── */
    .cf-values {
        padding: 80px 0 120px;
        background: #0a0a0a;
    }
    .cf-values__heading {
        font-size: 13px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: #29ABE2;
        font-weight: 700;
        text-align: center;
        margin-bottom: 48px;
    }
    .cf-value-item {
        text-align: center;
        padding: 40px 24px;
        border-radius: 16px;
        background: #111;
        border: 1px solid rgba(255,255,255,0.06);
        transition: border-color 0.3s, transform 0.3s;
        height: 100%;
    }
    .cf-value-item:hover {
        border-color: rgba(41,171,226,0.25);
        transform: translateY(-4px);
    }
    .cf-value-item__icon {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        background: rgba(41,171,226,0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
        font-size: 22px;
        color: #29ABE2;
    }
    .cf-value-item__title {
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 10px;
    }
    .cf-value-item__text {
        font-size: 14px;
        line-height: 1.7;
        color: #9E9EA3;
    }

    /* ── SECTIONS responsive ── */
    @media (max-width: 1199px) {
        .cf-intro { padding: 90px 0 60px; }
        .cf-founders { padding: 32px 0 90px; }
        .cf-founder-card__img-wrap { height: 420px; }
        .cf-founder-card__body { padding: 32px 32px 40px; }
        .cf-legacy { padding: 80px 0; }
        .cf-values { padding: 64px 0 90px; }
    }
    @media (max-width: 991px) {
        .cf-intro { padding: 70px 0 48px; }
        .cf-founders { padding: 24px 0 70px; }
        .cf-founder-card__img-wrap { height: 340px; }
        .cf-founder-card__body { padding: 28px 28px 36px; }
        .cf-founder-card__name { font-size: 26px; }
        .cf-founder-card__bio { font-size: 14px; }
        .cf-legacy { padding: 64px 0; }
        .cf-legacy__inner { padding: 0 24px; }
        .cf-values { padding: 56px 0 70px; }
        .cf-value-item { padding: 32px 20px; }
    }
    @media (max-width: 767px) {
        .cf-intro { padding: 56px 0 40px; }
        .cf-intro__heading { font-size: clamp(24px, 5vw, 36px); }
        .cf-intro__text { font-size: 15px; }
        .cf-founders { padding: 20px 0 56px; }
        .cf-founder-card { border-radius: 16px; }
        .cf-founder-card__img-wrap { height: 260px; }
        .cf-founder-card__body { padding: 24px 24px 32px; }
        .cf-founder-card__name { font-size: 22px; }
        .cf-founder-card__bio { font-size: 13px; line-height: 1.7; }
        .cf-founder-card__initial-bg { font-size: 110px; }
        .cf-legacy { padding: 56px 0; }
        .cf-legacy__quote { font-size: clamp(17px, 3.5vw, 26px); }
        .cf-legacy__deco, .cf-legacy__deco-2 { display: none; }
        .cf-values { padding: 48px 0 56px; }
        .cf-values__heading { margin-bottom: 32px; }
        .cf-value-item { padding: 28px 16px; }
        .cf-value-item__title { font-size: 15px; }
        .cf-value-item__text { font-size: 13px; }
    }
    @media (max-width: 575px) {
        .cf-intro { padding: 44px 0 32px; }
        .cf-founders { padding: 16px 0 44px; }
        .cf-founder-card__img-wrap { height: 220px; }
        .cf-founder-card__body { padding: 20px 20px 28px; }
        .cf-founder-card__name { font-size: 20px; }
        .cf-founder-card__tags { gap: 6px; }
        .cf-founder-card__tag { font-size: 10px; padding: 5px 10px; }
        .cf-legacy { padding: 44px 0; }
        .cf-legacy__inner { padding: 0 16px; }
        .cf-legacy__icon { width: 52px; height: 52px; font-size: 20px; margin-bottom: 24px; }
        .cf-values { padding: 40px 0 48px; }
    }