.about-page { background: var(--paper); }
.about-page main { overflow: hidden; }
.about-page h1, .about-page h2, .about-page h3, .about-page p { margin-top: 0; }
.about-page h1, .about-page h2, .about-page h3 { font-family: "Barlow Condensed", Impact, sans-serif; }
.about-page a:focus-visible, .about-page button:focus-visible { outline: 3px solid #c3a000; outline-offset: 3px; }
.about-hero { background: var(--paper); padding: clamp(48px, 6vw, 100px) 0 clamp(58px, 7vw, 108px); }
.about-hero__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: clamp(36px, 5vw, 90px); align-items: center; }
.about-kicker, .about-section-label, .about-lead__eyebrow, .about-cta__eyebrow { font-size: .72rem; font-weight: 900; letter-spacing: .2em; }
.about-kicker { display: flex; align-items: center; gap: 12px; color: var(--forest); margin-bottom: 23px; }
.about-kicker__line { display: block; width: 32px; height: 3px; background: #d4af00; }
.about-hero h1 { max-width: 780px; font-size: clamp(4.1rem, 7.4vw, 8rem); font-weight: 700; line-height: .88; letter-spacing: -.035em; text-wrap: balance; margin-bottom: 32px; }
.about-hero h1 em { display: inline; font-style: normal; color: var(--forest); }
.about-hero__copy > p { max-width: 610px; color: #4b5a50; font-size: clamp(1.05rem, 1.2vw, 1.23rem); line-height: 1.8; margin-bottom: 35px; }
.about-hero__links { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; }
.about-button { display: inline-flex; justify-content: center; align-items: center; min-height: 52px; padding: 14px 22px; font-size: .8rem; font-weight: 900; text-decoration: none; letter-spacing: .02em; transition: transform .18s ease, background .18s ease; }
.about-button:hover { transform: translateY(-2px); }
.about-button--yellow { background: var(--yellow); color: var(--ink); }
.about-text-link { color: var(--ink); font-size: .83rem; font-weight: 900; text-decoration: none; border-bottom: 2px solid var(--yellow); padding: 10px 0; }
.about-plan { position: relative; min-height: 490px; aspect-ratio: .93; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; background-color: var(--forest); background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size: 32px 32px; overflow: hidden; color: #fff; }
.about-plan::before { content: ""; position: absolute; inset: 43px; border: 1px solid rgba(255,255,255,.25); pointer-events: none; }
.about-plan__top, .about-plan__bottom { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 10px; font-size: .65rem; font-weight: 900; letter-spacing: .17em; }
.about-plan__top span:last-child { color: var(--yellow); }
.about-plan__bottom { align-items: flex-end; line-height: 1.45; }
.about-plan__graphic { position: absolute; inset: 15%; display: grid; place-items: center; }
.about-plan__ring { position: absolute; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; }
.about-plan__ring--one { width: 65%; aspect-ratio: 1; }
.about-plan__ring--two { width: 98%; aspect-ratio: 1; border-color: rgba(255,208,0,.6); }
.about-plan__axis { position: absolute; background: rgba(255,255,255,.22); }
.about-plan__axis--x { width: 120%; height: 1px; }
.about-plan__axis--y { height: 120%; width: 1px; }
.about-plan__graphic strong { z-index: 1; color: var(--yellow); font-family: "Barlow Condensed", Impact, sans-serif; font-size: clamp(4.8rem, 9vw, 9rem); font-weight: 700; line-height: 1; letter-spacing: -.06em; }
.about-plan__graphic strong span { color: #fff; font-weight: 400; }
.about-mission { padding-top: 84px; padding-bottom: 105px; }
.about-section-label { display: flex; align-items: center; gap: 24px; margin-bottom: 45px; color: var(--forest); white-space: nowrap; }
.about-rule { height: 1px; width: 100%; background: #cfd7cc; }
.about-mission__grid { display: grid; grid-template-columns: 1fr .85fr; gap: clamp(40px, 7vw, 135px); align-items: start; }
.about-mission h2, .about-people h2, .about-cta h2 { font-size: clamp(3.1rem, 5vw, 5.6rem); font-weight: 700; line-height: .98; letter-spacing: -.025em; text-wrap: balance; }
.about-mission__body { border-left: 3px solid var(--yellow); padding-left: 28px; }
.about-mission__body p { color: #46564c; font-size: 1.04rem; line-height: 1.8; margin-bottom: 18px; }
.about-lead { background: var(--ink); color: #fff; padding: 77px 0 92px; }
.about-lead__grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(45px, 7vw, 130px); }
.about-section-label--light { grid-column: 1 / -1; color: var(--yellow); }
.about-section-label--light .about-rule { background: rgba(255,255,255,.18); }
.about-lead__eyebrow { color: var(--yellow); }
.about-lead h2 { font-size: clamp(5.2rem, 9.4vw, 10.6rem); line-height: .79; letter-spacing: -.04em; margin: 22px 0 30px; }
.about-yellow { color: var(--yellow); }
.about-lead__role { font-weight: 700; font-size: .97rem; color: #cbd5cb; }
.about-lead__copy { align-self: center; max-width: 560px; }
.about-lead__mark { display: block; color: var(--yellow); font-family: Georgia, serif; font-size: 7rem; height: 86px; line-height: 1; }
.about-lead__copy p { font-size: clamp(1.07rem, 1.5vw, 1.35rem); line-height: 1.76; color: #e7eee6; }
.about-lead__signature { display: block; margin-top: 32px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.25); color: var(--yellow); font-size: .65rem; font-weight: 900; letter-spacing: .15em; }
.about-people { padding-top: 87px; padding-bottom: 108px; }
.about-people__intro { display: grid; grid-template-columns: 1fr .85fr; gap: clamp(40px, 7vw, 135px); align-items: end; margin-bottom: 56px; }
.about-people__intro p { max-width: 540px; margin-bottom: 10px; color: #536259; line-height: 1.8; border-left: 3px solid var(--yellow); padding-left: 22px; }
.about-people__list { border-top: 1px solid #cbd3c9; }
.about-person { display: grid; grid-template-columns: 45px 72px minmax(220px, .8fr) minmax(280px, 1fr); align-items: center; gap: 24px; padding: 24px 6px; border-bottom: 1px solid #cbd3c9; }
.about-person__number { align-self: start; padding-top: 12px; font-size: .7rem; font-weight: 900; color: #6c7b70; }
.about-person__initials { display: grid; place-items: center; width: 70px; height: 70px; background: #e2e9de; color: var(--forest); font-family: "Barlow Condensed", Impact, sans-serif; font-size: 2rem; font-weight: 700; }
.about-person:nth-child(2) .about-person__initials, .about-person:nth-child(4) .about-person__initials { background: #f6e89e; }
.about-person h3 { font-size: 2rem; line-height: 1; margin-bottom: 7px; }
.about-person__main p { font-size: .77rem; font-weight: 900; color: var(--forest); margin-bottom: 0; }
.about-person__detail { color: #536259; font-size: .88rem; line-height: 1.6; margin-bottom: 0; }
.about-cta { background: var(--yellow); color: var(--ink); padding: 70px 0; }
.about-cta__inner { display: flex; align-items: end; justify-content: space-between; gap: 35px; }
.about-cta__eyebrow { display: block; margin-bottom: 17px; }
.about-cta h2 { margin-bottom: 0; }
.about-button--dark { background: var(--ink); color: #fff; white-space: nowrap; }
@media (max-width: 980px) { .about-hero__grid { grid-template-columns: 1fr .8fr; gap: 28px; } .about-plan { min-height: 390px; } .about-hero h1 { font-size: clamp(4rem, 8vw, 6rem); } .about-person { grid-template-columns: 32px 62px minmax(150px, .7fr) 1fr; gap: 17px; } .about-person__initials { width: 62px; height: 62px; } }
@media (max-width: 700px) { .about-hero { padding-top: 54px; } .about-hero__grid, .about-mission__grid, .about-lead__grid, .about-people__intro { grid-template-columns: 1fr; } .about-hero h1 { font-size: clamp(4.3rem, 15vw, 6.6rem); } .about-plan { min-height: 320px; aspect-ratio: 1.15; } .about-plan__graphic strong { font-size: 6.5rem; } .about-mission, .about-people { padding-top: 65px; padding-bottom: 70px; } .about-section-label { margin-bottom: 32px; } .about-mission__grid, .about-people__intro { gap: 25px; } .about-lead { padding: 65px 0; } .about-lead h2 { font-size: clamp(6rem, 19vw, 8.5rem); } .about-lead__copy { margin-top: 20px; } .about-person { grid-template-columns: 26px 56px 1fr; gap: 13px; padding: 18px 0; } .about-person__initials { width: 56px; height: 56px; font-size: 1.7rem; } .about-person h3 { font-size: 1.8rem; } .about-person__detail { grid-column: 3; margin-top: -8px; } .about-cta__inner { align-items: flex-start; flex-direction: column; } }
@media (max-width: 400px) { .about-hero h1 { font-size: 3.95rem; } .about-plan { min-height: 290px; } .about-section-label { font-size: .62rem; } .about-person__detail { font-size: .82rem; } }
@media (prefers-reduced-motion: reduce) { .about-button { transition: none; } }