@keyframes translation-progress-spin{0%{rotate:0deg}to{rotate:360deg}}@layer layout{main.about .timeline{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));max-width:58rem;margin-inline:auto;display:grid}main.about .timeline__item{padding:var(--space-6);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevation2);transition:border-color var(--duration-200) var(--ease-out),transform var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out);border-inline-start:3px solid var(--brand1);padding-inline-start:calc(var(--space-6) + .35rem);position:relative}main.about .timeline__item:hover{box-shadow:var(--shadow-elevation3);transform:translateY(-2px)}main.about .timeline__year{gap:var(--space-2);margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--fs-xl);color:var(--brand1);align-items:center;font-weight:700;display:inline-flex}main.about .timeline__item h3{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text1);font-weight:600}main.about .timeline__item p{font-size:var(--fs-sm);color:var(--text3);margin:0;line-height:1.65}main.about .mission-band{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(2rem,4vw,3.5rem);display:grid}@media (width>=1200px){main.about .mission-band{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}main.about .mission-band__figure{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevation3);aspect-ratio:3/2;order:2;position:relative;overflow:clip}@media (width>=1200px){main.about .mission-band__figure{order:1}}main.about .mission-band__figure :is(img,picture){width:100%;height:100%}main.about .mission-band__figure img{object-fit:cover}main.about .mission-band__content{order:1}@media (width>=1200px){main.about .mission-band__content{order:2}}main.about .mission-statement{margin:0 0 var(--space-5);font-family:var(--font-display);color:var(--text1);border-inline-start:2px solid var(--brand1);text-wrap:balance;padding-inline-start:var(--space-5);font-size:clamp(1.375rem,1.1rem + 1.4vw,2rem);font-weight:600;line-height:1.25}main.about .mission-band__content p:not(.mission-statement){max-width:56ch;font-size:var(--fs-sm);color:var(--text3);margin:0;line-height:1.7}main.about .trait-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}main.about .trait-card{gap:var(--space-3);padding:var(--space-5);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevation2);transition:border-color var(--duration-200) var(--ease-out),transform var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out);flex-direction:column;display:flex}main.about .trait-card:hover{border-color:var(--text3);box-shadow:var(--shadow-elevation3);transform:translateY(-2px)}main.about .trait-card__icon{width:2.5rem;height:2.5rem;color:var(--brand1);background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}main.about .trait-card__icon svg{width:1.1rem;height:1.1rem}main.about .trait-card h3{font-family:var(--font-display);font-size:var(--fs-base);color:var(--text1);margin:0;font-weight:600}main.about .trait-card p{font-size:var(--fs-sm);color:var(--text3);margin:0;line-height:1.6}main.about .sister-band{background:var(--surface2);border-block:1px solid var(--border)}main.about .sister-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));max-width:74rem;margin-inline:auto;display:grid}main.about .sister-card{gap:var(--space-3);padding:var(--space-6);background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevation2);transition:border-color var(--duration-200) var(--ease-out),transform var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out);flex-direction:column;display:flex}main.about .sister-card:hover{border-color:var(--brand1);box-shadow:var(--shadow-elevation3);transform:translateY(-2px)}main.about .sister-card__head{gap:var(--space-3);align-items:center;display:flex}main.about .sister-card__mark{width:2.75rem;height:2.75rem;font-family:var(--font-display);font-size:var(--fs-base);color:var(--text-on-brand);background:var(--brand1);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}main.about .sister-card h3{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text1);margin:0;font-weight:600}main.about .sister-card__region{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin:.1rem 0 0;font-weight:600}main.about .sister-card p:not(.sister-card__region){font-size:var(--fs-sm);color:var(--text3);margin:0;line-height:1.65}main.about .sister-card__cta{gap:var(--space-2);font-size:var(--fs-xs);color:var(--brand1);align-items:center;margin-block-start:var(--space-1);font-weight:600;display:inline-flex}main.about .sister-card__cta svg{width:.8rem;height:.8rem;transition:transform var(--duration-200) var(--ease-out)}main.about .sister-card__cta:hover svg{transform:translate(3px)}main.about .about-footer{text-align:center;padding-block:var(--space-8) var(--space-16)}main.about .about-footer p{max-width:62ch;font-size:var(--fs-xs);color:var(--text3);margin:0 auto;line-height:1.65}main.about .about-footer p+p{font-size:var(--fs-2xs);opacity:.75;margin-block-start:var(--space-2)}}