/* Phase 3: About, history and leadership composition. */
.about-hero{background:var(--aurum-red);color:#fff;position:relative;overflow:hidden}.about-hero::after{content:"A";position:absolute;right:4vw;bottom:-.25em;font-size:45vw;line-height:.7;color:rgba(255,255,255,.08);font-weight:700;pointer-events:none}.about-hero h1{position:relative;z-index:1}.about-hero .lead{position:relative;z-index:1;color:rgba(255,255,255,.86);margin-top:36px;max-width:680px}.about-hero .lead em{color:var(--aurum-gold);font-family:var(--font-secondary);font-style:italic}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.proof-card{padding:28px;min-height:270px;border-radius:var(--radius-card);border-top:3px solid var(--aurum-gold);background:#fff}.proof-card:nth-child(2){background:var(--aurum-light-blue);border-top-color:var(--aurum-teal)}.proof-card:nth-child(3){background:var(--aurum-orange);color:#fff;border-top-color:var(--aurum-red)}.proof-card b{font-size:11px;color:var(--aurum-red);letter-spacing:.12em}.proof-card:nth-child(3) b{color:#fff}.proof-card h3{font-size:clamp(27px,3vw,45px);line-height:.92;letter-spacing:-.06em;margin:68px 0 14px}.proof-card p{font-size:15px;line-height:1.5;margin:0}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.purpose-card{min-height:260px;border-radius:var(--radius-card);padding:34px;background:var(--aurum-gold)}.purpose-card.red{background:var(--aurum-red);color:#fff}.purpose-card .kicker{color:var(--aurum-red)}.purpose-card.red .kicker{color:var(--aurum-gold)}.purpose-card h3{font-size:clamp(33px,4vw,58px);line-height:.9;letter-spacing:-.06em;margin:50px 0 0}.history{background:var(--aurum-ink)}.timeline{position:relative;display:grid;gap:0}.timeline::before{content:"";position:absolute;left:94px;top:0;bottom:0;width:2px;background:var(--aurum-gold)}.timeline-item{position:relative;display:grid;grid-template-columns:150px 1fr;gap:36px;padding:0 0 56px}.timeline-year{font-size:13px;letter-spacing:.12em;color:var(--aurum-red);font-weight:700;text-align:right;padding-top:5px}.timeline-dot{position:absolute;left:87px;top:4px;width:16px;height:16px;background:var(--aurum-red);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--aurum-red)}.timeline-copy{max-width:740px}.timeline-copy h3{font-size:clamp(27px,3vw,45px);letter-spacing:-.06em;line-height:.92;margin:0 0 14px}.timeline-copy p{font-size:16px;line-height:1.6;color:#665f57;margin:0}.leadership{background:var(--aurum-teal);color:#fff}.leadership .section-head .lead{color:rgba(255,255,255,.78)}.leadership .section-index{color:var(--aurum-gold)}.leadership-group{margin-top:74px}.leadership-group>h3{font-size:clamp(30px,4vw,58px);letter-spacing:-.06em;margin:0 0 28px;color:#fff}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.profile{background:#fff;color:var(--aurum-ink);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 12px 32px rgba(25,22,19,.08);content-visibility:auto;contain-intrinsic-size:1px 340px}.profile summary{list-style:none;cursor:pointer;padding:0}.profile summary::-webkit-details-marker{display:none}.portrait-placeholder{position:relative;height:190px;display:grid;place-items:center;background:linear-gradient(145deg,var(--aurum-smoke),var(--aurum-light-blue));color:var(--aurum-teal);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
/* 2026-08-11: this used to only be set inside modern-refresh.css/density-review.css's
   desktop-only (min-width:851px) media query, so below that width the <img> had no
   sizing rule at all and just sat at its natural size — badly cropped/misaligned
   portraits on mobile. Making it unscoped so every breakpoint gets the same
   fill-the-frame treatment; the desktop !important rules still apply on top of this
   without conflict. */
.portrait-placeholder img{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.portrait-placeholder:has(img)::before,.portrait-placeholder:has(img)::after{display:none}.profile:nth-child(3n+2) .portrait-placeholder{background:linear-gradient(145deg,var(--aurum-gold),#f4d982)}.profile:nth-child(3n+3) .portrait-placeholder{background:linear-gradient(145deg,var(--aurum-orange),var(--aurum-red));color:#fff}.profile-meta{padding:20px}.profile-role{display:block;color:var(--aurum-red);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.profile-name{font-size:27px;line-height:.95;letter-spacing:-.05em;margin:0}.profile-action{display:block;color:var(--aurum-red);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:22px}.profile[open] .profile-action::after{content:"  ↑"}.profile-bio{padding:0 20px 24px;border-top:1px solid var(--aurum-line);margin-top:0;padding-top:18px;font-size:14px;line-height:1.55;color:#665f57}.profile-bio p{margin:0 0 14px}.experts-note{border:1px solid rgba(255,255,255,.42);padding:24px;border-radius:var(--radius-card);font-size:16px;line-height:1.55;color:rgba(255,255,255,.86)}
@media(max-width:850px){.proof-grid,.purpose-grid,.profile-grid{grid-template-columns:1fr}.timeline::before{left:13px}.timeline-item{grid-template-columns:1fr;gap:8px;padding-left:42px}.timeline-year{text-align:left}.timeline-dot{left:6px}.portrait-placeholder{height:220px}.profile-meta{padding:14px 16px}.profile-name{font-size:21px}.profile-role{margin-bottom:6px}.profile-action{margin-top:12px}}