.about-overview-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--color-white) 0%, var(--color-surface-blue) 100%);
}
.about-overview-hero::before {
    content: "";
    position: absolute;
    top: -15rem;
    right: -10rem;
    width: 38rem;
    height: 38rem;
    border: 1px solid rgba(0, 126, 202, .13);
    border-radius: 50%;
    box-shadow: 0 0 0 5rem rgba(0, 126, 202, .035), 0 0 0 10rem rgba(0, 126, 202, .02);
}
.about-overview-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr);
    align-items: center;
    gap: clamp(3rem, 8vw, 8rem);
}
.about-overview-hero h1 { max-width: 12ch; }
.about-overview-hero .hero-lead { max-width: 45rem; }
.about-overview-hero__idea {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .75rem 1rem;
    padding: clamp(1.75rem, 4vw, 3rem);
    overflow: hidden;
    color: var(--color-white);
    background: var(--color-ink);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}
.about-overview-hero__idea p { margin: 0; font: 400 clamp(1.35rem, 3vw, 2rem)/1.12 var(--font-brand); }
.about-overview-hero__idea > span:not(.about-overview-hero__triangle) { color: var(--color-primary); font-size: 1.5rem; }
.about-overview-hero__idea strong { grid-column: 1 / -1; margin-top: 1rem; padding-top: 1.25rem; color: var(--color-white); border-top: 1px solid rgba(255, 255, 255, .22); font-size: 1rem; letter-spacing: .08em; text-transform: uppercase; }
.about-overview-hero__triangle { position: absolute; right: -1.75rem; bottom: -2rem; width: 8rem; height: 8rem; opacity: .13; border-right: 2rem solid var(--color-accent); border-bottom: 2rem solid var(--color-accent); transform: rotate(45deg); }
.about-directory__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.about-directory__card {
    position: relative;
    min-height: 29rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(1.75rem, 4vw, 3rem);
    overflow: hidden;
    color: var(--color-white);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    transition: transform var(--transition), box-shadow var(--transition);
}
.about-directory__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.about-directory__card--story { background: linear-gradient(145deg, var(--color-primary-dark), #004b78); }
.about-directory__card--awards { background: linear-gradient(145deg, var(--color-ink), #263e52); }
.about-directory__card .eyebrow { position: relative; color: rgba(255, 255, 255, .72); }
.about-directory__card h3 { position: relative; max-width: 23ch; color: var(--color-white); font: 400 clamp(1.75rem, 3.2vw, 2.65rem)/1.08 var(--font-brand); }
.about-directory__card p { position: relative; max-width: 37rem; color: rgba(255, 255, 255, .72); }
.about-directory__number { position: absolute; top: -.3em; right: -.05em; color: rgba(255, 255, 255, .075); font: 400 clamp(8rem, 18vw, 15rem)/1 var(--font-brand); letter-spacing: -.08em; }
.about-directory__link { position: relative; margin-top: var(--space-3); font-weight: 750; }
.about-directory__link span { display: inline-block; margin-left: .25rem; transition: transform var(--transition); }
.about-directory__card:hover .about-directory__link span { transform: translateX(.3rem); }
.about-principles__layout { display: grid; grid-template-columns: minmax(16rem, .72fr) minmax(0, 1.28fr); gap: clamp(3rem, 8vw, 8rem); }
.about-principles__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.about-principle { padding: var(--space-4); background: var(--color-white); border: 1px solid var(--color-border); border-top: .3rem solid var(--color-primary); border-radius: var(--radius-sm); box-shadow: var(--shadow-sm); }
.about-principle:nth-child(2) { border-top-color: var(--color-accent); }
.about-principle:nth-child(3) { border-top-color: var(--color-gray); }
.about-principle > span { display: block; margin-bottom: var(--space-5); color: var(--color-primary-dark); font: 400 1rem/1 var(--font-brand); }
.about-principle p { margin: 0; color: var(--color-muted); font-size: .95rem; }
.about-overview-cta { padding-top: 0; }

@media (max-width: 62rem) {
    .about-overview-hero__grid, .about-principles__layout { grid-template-columns: 1fr; }
    .about-overview-hero__idea { max-width: 32rem; }
}
@media (max-width: 48rem) {
    .about-directory__grid, .about-principles__grid { grid-template-columns: 1fr; }
    .about-directory__card { min-height: 24rem; }
    .about-principle > span { margin-bottom: var(--space-3); }
}
@media (prefers-reduced-motion: reduce) {
    .about-directory__card, .about-directory__link span { transition: none; }
}