@layer components{.about-page{--about-accent:var(--accent);--about-accent-soft:var(--accent-soft,var(--accent-softer))}.about-hero{border:1px solid color-mix(in oklab, var(--about-accent) 22%, var(--border));border-radius:var(--radius-card-emphasis);background:var(--surface-muted);min-height:clamp(17rem,32vw,22rem);box-shadow:var(--shadow-md);align-items:end;margin:1.25rem 0;padding:clamp(1.25rem,3vw,2rem);display:flex;position:relative;overflow:hidden}.about-hero-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.about-hero-overlay{background:linear-gradient(#0000 28%,#030c1829 58%),linear-gradient(90deg,#030c18c2 0%,#030c1838 62%,#0000 100%);position:absolute;inset:0}.about-hero-copy{z-index:1;color:#fff;min-width:0;max-width:34rem;position:relative}.about-hero .about-eyebrow{color:#b4daff;text-shadow:0 1px 12px #00000059}.about-eyebrow{color:var(--about-accent);letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;font-weight:800;line-height:1.2}.about-hero h1{color:#fff;letter-spacing:-.08em;text-shadow:0 2px 20px #00000052;margin-top:.55rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:.95}.about-hero-description{color:#ffffffe0;max-width:33rem;margin-top:.75rem;font-size:clamp(.92rem,1.7vw,1.08rem);line-height:1.85}.about-hero-meta{color:#ffffffbd;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1rem;font-size:.67rem;display:flex}.about-hero-meta time{color:#bee0ff;font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-left:.3rem;font-weight:700}.about-hero-meta-dot{color:#ffffff7a}.about-stats{margin-block:1.75rem 2rem}.about-stats-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.75rem;display:flex}.about-stats-head h2{color:var(--foreground);letter-spacing:-.04em;margin-top:.35rem;font-size:1.15rem;font-weight:650}.about-stats-status{color:var(--foreground-subtle);letter-spacing:.12em;text-transform:uppercase;font-size:.64rem}.about-stat-grid{border-block:1px solid color-mix(in oklab, var(--border) 72%, transparent);background:color-mix(in oklab, var(--surface-muted) 55%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.about-stat{border-inline-end:1px solid color-mix(in oklab, var(--border) 72%, transparent);min-width:0;padding:1rem 1.1rem;transition:color .18s,background-color .18s}.about-stat:last-child{border-inline-end:0}.about-stat:hover{background:color-mix(in oklab, var(--about-accent) 5%, transparent)}.about-stat-label{color:var(--about-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.about-stat-value{align-items:baseline;gap:.35rem;margin-top:.5rem;display:flex}.about-stat-value strong{color:var(--foreground);font-variant-numeric:tabular-nums;letter-spacing:-.08em;font-size:clamp(1.5rem,3vw,2rem);font-weight:650;line-height:.95}.about-stat-value span{color:var(--foreground-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.about-stat p{color:var(--foreground-muted);margin-top:.5rem;font-size:.75rem;line-height:1.55}.about-stat p span{color:var(--about-accent);font-variant-numeric:tabular-nums;font-weight:700}.about-content{max-width:none;margin-inline:auto}.about-story{width:100%;padding-inline:0}.about-story-copy{min-width:0}.about-content .about-story-copy h2{text-wrap:balance;margin:.45rem 0 1rem;font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.25}.about-content .about-story-copy h2:before,.about-content .about-comments-title:before{content:none}.about-content .about-lede{color:var(--foreground);margin:0;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.95}.about-content .about-note{border-inline-start:2px solid var(--about-accent);color:var(--foreground-muted);margin:1.15rem 0 1.5rem;padding:.25rem 0 .25rem 1rem;font-size:.88rem;line-height:1.9}.about-content h2{color:var(--foreground);letter-spacing:-.04em;align-items:center;gap:.65rem;margin-top:2.5rem;font-size:1.25rem;display:flex}.about-content h2:before{background:var(--about-accent);content:"";width:1.5rem;height:2px}.about-content h2+blockquote{border-inline-start:2px solid color-mix(in oklab, var(--about-accent) 45%, var(--border));color:color-mix(in oklab, var(--foreground) 78%, transparent);font-family:var(--font-serif);margin-top:.9rem;padding-inline-start:1rem;font-size:1rem;line-height:1.95}.about-signature{padding-block:.25rem .5rem}.about-signature-label{color:var(--foreground-muted);letter-spacing:.14em;letter-spacing:normal;margin-bottom:.5rem;font-size:1rem;font-weight:500;line-height:1.6;display:block}.about-signature blockquote{border:0;border-left:2px solid var(--border-strong);box-shadow:none;color:color-mix(in oklab, var(--foreground) 78%, transparent);font-family:var(--font-serif);background:0 0;border-radius:0;margin:.65rem 0 0;padding:.15rem 0 .15rem 1rem;font-size:.9rem;line-height:1.9}.about-signature blockquote:before,.about-signature blockquote:after{content:none}.about-signature cite{color:var(--foreground-muted);font-family:var(--font-sans);text-align:right;margin-top:.45rem;font-size:.72rem;font-style:normal;display:block}.about-content>hr{border-color:color-mix(in oklab, var(--border) 80%, transparent);margin-block:2.5rem}.about-comments h2{margin-top:0}@media (width<=680px){.about-hero{min-height:19rem;padding:1.2rem}.about-hero-overlay{background:linear-gradient(#030c181a 28%,#030c18c7 100%)}.about-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-stat p{min-height:0}.about-stat{padding:.85rem .55rem}.about-stat-label{letter-spacing:.06em}.about-stat-value{gap:.2rem}.about-stat-value strong{font-size:clamp(1.4rem,6vw,1.75rem)}.about-stat p{font-size:.75rem;line-height:1.45}}@media (width<=430px){.about-hero{min-height:18rem;padding:1.1rem}.about-hero-description{line-height:1.65}.about-hero-meta{font-size:.61rem}.about-stats-head{align-items:center}.about-stats-status{display:none}}@media (prefers-reduced-motion:reduce){.about-stat{transition:none}}}.about-page .about-hero-image{object-position:center bottom;width:100%;height:100%}@media (width<=680px){.about-page .about-hero-image{object-position:56% center}}
