@layer base;@layer components{.about-section{grid-template-columns:360px 1fr;align-items:start;gap:60px;max-width:1100px;margin:0 auto;padding:90px 5%;display:grid;position:relative}.about-image-col{text-align:center;position:sticky;top:100px}.about-avatar-wrap{width:220px;height:220px;margin:0 auto 30px;position:relative}.about-avatar-ring{border:2px dashed var(--gold);opacity:.5;border-radius:50%;position:absolute;inset:-12px}.about-avatar-glow{border-radius:50%;position:absolute;inset:-6px}@media (prefers-reduced-motion:no-preference){.about-avatar-ring{animation:30s linear infinite spin-ring}.about-avatar-glow{animation:3s ease-in-out infinite gold-glow-pulse}}.about-avatar{border:4px solid var(--gold);background:var(--navy-light);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #0d213740}.about-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.contact-links{flex-direction:column;gap:12px;margin-top:24px;display:flex}.contact-btn{border-radius:var(--radius-md);background:var(--white);border:1.5px solid var(--grey-200);min-height:46px;color:var(--navy);font-family:var(--font-ui);transition:var(--transition-hover);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.contact-btn:hover{border-color:var(--gold);color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-btn:active{transform:translateY(0)scale(.98)}.about-name{font-family:var(--font-display);color:var(--navy);margin-bottom:8px;font-size:clamp(2.2rem,4vw,2.8rem);font-weight:800;line-height:1.15}.about-role{font-family:var(--font-alt);color:var(--gold);letter-spacing:.5px;margin-bottom:28px;font-size:1.05rem;font-weight:600}.about-text{color:var(--grey-700);margin-bottom:24px;font-size:1.05rem;line-height:1.8}.mission-box{background:var(--white);border:1px solid var(--grey-200);border-left:4px solid var(--gold);border-radius:0 var(--radius-xl) var(--radius-xl) 0;box-shadow:var(--shadow-sm);margin:40px 0;padding:32px 36px;position:relative;overflow:hidden}.mission-box:before{content:"\"";font-family:var(--font-display);color:#c9922a14;pointer-events:none;font-size:6rem;line-height:1;position:absolute;top:-10px;right:20px}.mission-box h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--navy);margin-bottom:12px;font-size:1.4rem;font-weight:700}.mission-box p{color:var(--grey-700);font-size:.95rem;line-height:1.75}.about-stats-row{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.about-stat-badge{background:var(--white);border:1.5px solid var(--grey-200);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-hover);padding:24px 16px}.about-stat-badge:hover{border-color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-3px)}.about-stat-badge .val{font-family:var(--font-display);color:var(--navy);margin-bottom:5px;font-size:2rem;font-weight:800;line-height:1;display:block}.about-stat-badge .lbl{color:var(--grey-600);text-transform:uppercase;letter-spacing:1px;font-size:.78rem;font-weight:600}[data-theme=dark] .about-name{color:#f1f5f9}[data-theme=dark] .about-role{color:var(--gold-light)}[data-theme=dark] .about-text{color:#94a3b8}[data-theme=dark] .mission-box{border-color:#ffffff14;border-left-color:var(--gold);background:#121d2fd9;box-shadow:0 10px 30px #00000059}[data-theme=dark] .mission-box h3{color:#f1f5f9}[data-theme=dark] .mission-box p{color:#cbd5e1}[data-theme=dark] .about-stat-badge{background:#121d2fd9;border-color:#ffffff14;box-shadow:0 6px 20px #0000004d}[data-theme=dark] .about-stat-badge .val{color:var(--gold-light)}[data-theme=dark] .about-stat-badge .lbl{color:#94a3b8}[data-theme=dark] .contact-btn{color:#e2e8f0;background:#121d2fe6;border-color:#ffffff1f}[data-theme=dark] .contact-btn:hover{border-color:var(--gold);color:var(--gold-light);box-shadow:0 6px 20px #c9922a40}@media (max-width:900px){.about-section{grid-template-columns:1fr;gap:40px;padding:60px 5%}.about-image-col{position:relative;top:0}}@media (max-width:600px){.about-stats-row{grid-template-columns:1fr;gap:14px}.mission-box{padding:24px 20px}}@media (prefers-reduced-motion:reduce){.about-avatar-ring,.about-avatar-glow{animation:none}}}@layer utilities;