.page-about{background:var(--surface-page);color:var(--text-primary)}.page-about .about-hero-media{aspect-ratio:4/3;border-radius:var(--radius-xl);background:var(--surface-sunken);margin:0;position:relative;overflow:hidden}.page-about .about-hero-media img{object-fit:cover;width:100%;height:100%;animation:about-zoom 24s var(--ease-breath) infinite alternate}.page-about .about-float{left:var(--space-4);bottom:var(--space-4);border-radius:var(--radius-pill);color:var(--text-primary);font-size:.8125rem;font-weight:var(--weight-semibold);animation:about-float 6s var(--ease-breath) infinite;background:#fffffff0;align-items:center;gap:6px;padding:8px 14px;display:inline-flex;position:absolute;box-shadow:0 6px 20px #13293a1f}.page-about .about-float svg{color:var(--teal-700)}.page-about .about-statement{gap:var(--space-3);padding-left:var(--space-5);border-left:2px solid var(--logo-teal);align-content:start;display:grid}.page-about .about-statement-text{max-width:24em;font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 48;text-wrap:pretty;margin:0;font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:450;line-height:1.35}.page-about .about-why{align-items:start}.page-about .about-why-lead{margin-top:var(--space-4)}.page-about .about-why-list{margin-top:var(--space-4);font-size:1.0625rem}.page-about .about-pillars{margin:var(--space-8) 0 0;gap:var(--space-5);grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none;display:grid}.page-about .about-pillars li{gap:var(--space-1);padding-top:var(--space-4);border-top:1px solid var(--border-default);align-content:start;display:grid}.page-about .about-pillars strong{font-family:var(--font-display);color:var(--teal-800);font-variation-settings:"SOFT" 100;font-size:1.25rem;font-weight:500}.page-about .about-pillars span{color:var(--text-secondary);font-size:.9375rem;line-height:1.55}.page-about .about-steps{gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.page-about .about-steps:before,.page-about .about-steps:after{content:"";background:var(--border-hairline);height:2px;position:absolute;top:19px;left:20px;right:20px}.page-about .about-steps:after{background:var(--logo-teal);transform-origin:0;transition:transform 1.6s var(--ease-settle) .2s}.motion-ready .page-about .about-steps:not(.is-revealed):after{transform:scaleX(0)}.page-about .about-step{gap:var(--space-2);transition:opacity var(--dur-slow) var(--ease-settle), transform var(--dur-slow) var(--ease-settle);transition-delay:var(--reveal-delay,0s);align-content:start;display:grid;position:relative}.page-about .about-step p{color:var(--text-secondary);margin:0;line-height:1.6}.page-about .about-step-dot{width:40px;height:40px;margin-bottom:var(--space-3);border:2px solid var(--logo-teal);background:var(--fill-primary);font-family:var(--font-display);color:var(--teal-800);transition:background-color var(--dur-calm) var(--ease-settle), color var(--dur-calm) var(--ease-settle);transition-delay:var(--reveal-delay,0s);border-radius:50%;place-items:center;font-size:1.125rem;display:grid}.motion-ready .page-about .about-steps:not(.is-revealed) .about-step-dot{background:var(--surface-card)}.motion-ready .page-about .about-steps:not(.is-revealed) .about-step{opacity:0;transform:translateY(10px)}.page-about .about-band{align-items:end;height:clamp(300px,36vw,460px);display:grid;position:relative;overflow:hidden}.page-about .about-band img{object-fit:cover;width:100%;height:100%;animation:about-zoom 24s var(--ease-breath) infinite alternate;position:absolute;inset:0}.page-about .about-band:after{content:"";background:linear-gradient(#13293a00 35%,#13293a8c);position:absolute;inset:0}.page-about .about-band-text{z-index:1;width:100%;padding-bottom:var(--space-8);position:relative}.page-about .about-band-quote{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 96;color:var(--surface-card);margin:0;font-size:clamp(1.75rem,3.6vw,2.75rem);font-weight:450;line-height:1.15}.page-about .about-person{align-items:center;gap:var(--space-4);padding:var(--space-5);flex-direction:row;position:relative}.page-about .about-person-lead{gap:var(--space-5);padding:var(--space-6)}.page-about .about-avatar{width:80px;height:80px}.page-about .about-person-text{gap:2px;min-width:0;display:grid}.page-about .about-person-text .na-eyebrow{margin-bottom:var(--space-1)}.page-about .about-person-name{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 36;color:var(--text-primary);font-size:1.25rem;font-weight:500;line-height:1.3}.page-about .about-person-lead .about-person-name{font-size:1.5rem}.page-about .about-person-arrow{color:var(--teal-700);transition:transform var(--dur-quick) var(--ease-settle);flex:none;align-self:center;margin-left:auto}.page-about a.about-person:hover .about-person-arrow{transform:translate(3px)}.page-about .about-members{justify-content:center;gap:var(--space-5);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.page-about .about-members .about-person{flex:0 1 calc((100% - 3 * var(--space-5)) / 4);text-align:center;padding:var(--space-6) var(--space-4);flex-direction:column;justify-content:flex-start}.page-about .about-members .about-avatar{width:96px;height:96px}.page-about .about-members .about-person-arrow{display:none}.page-about .about-members a.about-person:hover .about-person-name{color:var(--teal-800)}.page-about .about-closing{margin-bottom:0}.page-about .about-closing .na-h2{max-width:18em}@keyframes about-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes about-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:1024px){.page-about .about-members .about-person{flex-basis:calc((100% - 2 * var(--space-5)) / 3)}.page-about .about-pillars{row-gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}.page-about .about-steps{row-gap:var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr))}.page-about .about-steps:before,.page-about .about-steps:after{display:none}}@media (max-width:640px){.page-about .about-members .about-person{flex-basis:calc((100% - var(--space-5)) / 2)}.page-about .about-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.page-about .about-steps{grid-template-columns:1fr}.page-about .about-person-lead{flex-direction:column;align-items:flex-start}.page-about .about-person-lead .about-person-arrow{display:none}}