.about-hero { overflow:hidden; background:linear-gradient(115deg,#e8f4f6 0%,#f7f9fc 55%,#fff4e3 100%); padding:82px 0; }.about-hero-grid,.about-story-grid { display:grid; grid-template-columns:1fr 1fr; gap:76px; align-items:center; }.about-hero-copy h1 { font-size:clamp(43px,5.3vw,70px); line-height:1.02; margin:14px 0 22px; max-width:670px; }.about-hero-copy p { font-size:18px; color:var(--muted); max-width:580px; line-height:1.7; }.text-link { display:inline-flex; gap:12px; align-items:center; margin-top:24px; color:var(--optic-blue); font-weight:700; }.text-link span { font-size:21px; }.about-hero-media { min-height:470px; position:relative; }.about-hero-media img,.story-media img { width:100%; height:100%; object-fit:cover; border-radius:var(--radius-l); box-shadow:var(--shadow-soft); }.about-hero-media img { position:absolute; inset:0; }.focus-ring { position:absolute; border:1px solid rgba(255,255,255,.82); border-radius:50%; pointer-events:none; }.ring-one { width:160px; height:160px; right:-44px; top:-44px; }.ring-two { width:92px; height:92px; right:-10px; top:-10px; }.hero-stamp { position:absolute; left:-30px; bottom:35px; background:var(--navy); color:#fff; padding:20px 25px; border-radius:14px; box-shadow:var(--shadow-soft); }.hero-stamp strong { display:block; font-size:19px; }.hero-stamp span { display:block; color:#b9d4ec; font:10px var(--font-mono); letter-spacing:.06em; margin-top:4px; }.about-story h2,.purpose-intro h2,.about-cta h2 { font-size:clamp(31px,3.5vw,47px); line-height:1.12; margin:13px 0 19px; }.about-story p { color:var(--muted); font-size:16px; line-height:1.75; }.story-media { height:470px; }.about-purpose { background:var(--navy); padding:92px 0; color:#dce6f5; }.about-purpose .eyebrow { color:#92d9d2; }.about-purpose .eyebrow::before { background:#92d9d2; }.purpose-intro { max-width:690px; }.purpose-intro h2 { color:#fff; }.purpose-intro p { font-size:18px; line-height:1.7; }.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:45px; }.value-card { padding:26px; border:1px solid rgba(255,255,255,.18); border-radius:var(--radius-m); background:rgba(255,255,255,.05); }.value-card span { font:12px var(--font-mono); color:#92d9d2; }.value-card h3 { color:#fff; margin:22px 0 8px; font-size:21px; }.value-card p { margin:0; color:#c3d1e3; font-size:14px; line-height:1.65; }.about-cta { border-radius:var(--radius-l); background:#fff; padding:48px; display:flex; justify-content:space-between; gap:36px; align-items:center; box-shadow:var(--shadow-card); }.about-cta h2 { margin-bottom:10px; }.about-cta p { color:var(--muted); margin:0; max-width:620px; }
@media (max-width:800px) { .about-hero-grid,.about-story-grid { grid-template-columns:1fr; gap:38px; }.about-hero { padding:57px 0; }.about-hero-media { min-height:360px; max-width:560px; }.story-media { height:350px; }.value-grid { grid-template-columns:1fr; }.about-cta { display:block; padding:32px; }.about-cta .btn { margin-top:22px; }.hero-stamp { left:16px; bottom:16px; } }