
            .about-hero {
                background: var(--ink);
                color: var(--cream);
                padding: 160px 0 80px;
                overflow: hidden;
            }
            .about-hero-grid {
                display: grid;
                grid-template-columns: 1.4fr 1fr;
                gap: 60px;
                align-items: center;
            }
            .about-hero h1 {
                font-size: clamp(3rem, 6.4vw, 6rem);
                line-height: 1.08;
                margin: 24px 0;
            }
            .about-hero .lead {
                color: var(--on-dark);
                max-width: 54ch;
            }
            .profile-logo {
                width: min(100%, 360px);
                height: auto;
                margin: auto;
                border: 1px solid var(--navy-line);
            }
            .breadcrumb {
                font-size: 0.82rem;
                color: var(--on-dark);
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
            }
            .breadcrumb a {
                color: var(--gold-soft);
            }
            .eyebrow {
                font: 600 0.76rem var(--sans);
                letter-spacing: 0.14em;
                text-transform: uppercase;
                color: var(--gold-deep);
                display: block;
                margin-bottom: 20px;
            }
            .dark .eyebrow,
            .about-hero .eyebrow {
                color: var(--gold-soft);
            }
            .profile-intro {
                display: grid;
                grid-template-columns: 1fr 1.3fr;
                gap: clamp(30px, 6vw, 80px);
            }
            .profile-intro p {
                color: var(--text-soft);
            }
            .vision {
                font-family: var(--display);
                font-size: clamp(1.6rem, 3vw, 2.5rem);
                line-height: 1.45;
                max-width: 35ch;
                margin: 24px 0 46px;
                color: var(--cream);
            }
            .missions {
                list-style: none;
                padding: 0;
                margin: 0;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 0 48px;
                counter-reset: mission;
            }
            .missions li {
                counter-increment: mission;
                border-top: 1px solid var(--navy-line);
                padding: 24px 0;
                display: flex;
                gap: 20px;
                color: var(--on-dark);
            }
            .missions li::before {
                content: "0" counter(mission);
                color: var(--gold-soft);
            }
            .value-grid {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 24px;
            }
            .value-card {
                border: 1px solid var(--line);
                padding: 30px;
            }
            .value-card h3 {
                font-size: 1.8rem;
                margin: 12px 0 18px;
            }
            .value-card p {
                color: var(--text-soft);
                margin: 0;
            }
            .value-number {
                font-size: 0.75rem;
                letter-spacing: 0.12em;
                color: var(--gold-deep);
            }
            .portfolio-grid {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 24px;
            }
            .portfolio-card {
                padding: 32px;
                border: 1px solid var(--line);
                background: rgba(255, 255, 255, 0.5);
            }
            .portfolio-card h3 {
                margin: 16px 0 20px;
            }
            .portfolio-card p {
                color: var(--text-soft);
            }
            .transaction-steps {
                list-style: none;
                margin: 36px 0 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 20px;
                counter-reset: step;
            }
            .transaction-steps li {
                counter-increment: step;
                border: 1px solid var(--navy-line);
                padding: 24px;
            }
            .transaction-steps li::before {
                content: "0" counter(step);
                color: var(--gold-soft);
                display: block;
                margin-bottom: 20px;
                font-size: 0.8rem;
            }
            .transaction-steps h3 {
                font-size: 1.4rem;
            }
            .transaction-steps p {
                color: var(--on-dark);
                font-size: 0.9rem;
                margin: 12px 0 0;
            }
            .profile-cta {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 32px;
                background: var(--cream-2);
                padding: 40px;
            }
            .profile-cta h2 {
                font-size: clamp(2rem, 4vw, 3.3rem);
            }
            .profile-cta p {
                margin: 18px 0 0;
                max-width: 55ch;
            }
            .profile-cta .cta-row {
                flex-shrink: 0;
            }
            @media (max-width: 860px) {
                .about-hero-grid,
                .profile-intro {
                    grid-template-columns: 1fr;
                }
                .profile-logo {
                    width: 240px;
                }
                .about-hero {
                    padding-top: 130px;
                }
                .value-grid,
                .portfolio-grid,
                .transaction-steps {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
                .profile-cta {
                    display: block;
                }
                .profile-cta .cta-row {
                    margin-top: 28px;
                }
            }
            @media (max-width: 540px) {
                .value-grid,
                .portfolio-grid,
                .transaction-steps,
                .missions {
                    grid-template-columns: 1fr;
                }
                .profile-cta {
                    padding: 28px;
                }
                .about-hero-grid {
                    gap: 32px;
                }
            }
        