body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.about-page{color:var(--primary);margin:clamp(1.5rem,4vw,4rem);padding:4rem 2rem;display:flex;flex-direction:column;justify-content:center;gap:2rem;animation:fadeInPage .5s ease forwards}@keyframes fadeInPage{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.about-hero{display:flex;align-items:center;gap:var(--gap);border-radius:var(--radius)}.hero-content{animation:fadeInUp .6s ease .1s forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content .hero-greeting{font-size:clamp(14px,2vw,18px);display:block;margin-bottom:6px;color:var(--text-secondary)}.hero-name{font-size:clamp(1.75rem,5vw,2.5rem);margin:0;font-weight:700;background:var(--foreground);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-role{margin:6px 0;font-weight:600;font-size:clamp(1rem,2.5vw,1.25rem);color:var(--foreground)}.hero-tagline{margin:0 0 10px;font-size:clamp(.9rem,2vw,1rem);color:var(--text-secondary);line-height:1.5}.hero-location{display:inline-flex;gap:8px;align-items:center;font-size:clamp(12px,1.5vw,14px);color:var(--text-muted);padding:.5rem .75rem;background:var(--muted);border-radius:20px;transition:all .2s ease}.hero-location:hover{background:var(--hover-background)}.about-section{margin-top:28px;border-radius:8px;background:transparent;animation:fadeInUp .6s ease .2s forwards;opacity:0}.section-container{max-width:100%}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.section-icon{color:var(--foreground);flex-shrink:0}.section-icon-photo{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:center top;flex-shrink:0;border:1.5px solid var(--muted)}.section-title{font-size:clamp(1.5rem,4vw,1.75rem);margin:0;font-weight:700}.section-subtitle{margin-bottom:16px}.story-content .story-text{line-height:1.7;margin-bottom:12px;font-size:clamp(.9rem,2vw,1rem);color:var(--text-secondary)}.story-content .story-text:first-child{font-size:clamp(1rem,2.2vw,1.1rem);color:var(--foreground)}@media (max-width:768px){.about-page{margin:1.5rem;gap:1.5rem}.about-hero{flex-direction:column;text-align:center;gap:1.5rem}.hero-location,.section-header{justify-content:center}.story-content .story-text{text-align:left}}@media (max-width:480px){.about-page{margin:1rem}.hero-content{padding:0 .5rem}}