.about-page{color:var(--primary);margin:clamp(1.5rem,4vw,4rem);padding:4rem 2rem;display:flex;flex-direction:column;justify-content:center;gap:2rem}.about-hero{display:flex;align-items:center;gap:var(--gap);border-radius:var(--radius)}.hero-content .hero-greeting{font-family:var(--font-mono);font-size:clamp(11px,1.5vw,13px);display:block;margin-bottom:10px;color:var(--accent);letter-spacing:var(--tracking-wide);text-transform:uppercase}.hero-name{font-size:clamp(1.75rem,5vw,2.5rem);margin:0;font-weight:700;letter-spacing:var(--tracking-tight);color:var(--primary)}.hero-name,.hero-role{font-family:var(--font-display,system-ui)}.hero-role{margin:6px 0;font-weight:600;font-size:clamp(1rem,2.5vw,1.25rem);color:var(--accent)}.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-family:var(--font-mono);font-size:clamp(11px,1.5vw,12px);color:var(--accent);padding:.35rem .75rem;background:transparent;border:1px solid var(--accent);border-radius:4px;transition:all .2s ease}.hero-location:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.about-section{margin-top:28px;border-radius:8px;background:transparent}.story-section{border-left:2px solid var(--accent);padding-left:1.5rem}.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-family:var(--font-display,system-ui);font-size:clamp(1.5rem,4vw,1.75rem);margin:0;font-weight:700;letter-spacing:var(--tracking-tight)}.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}}