.about-page{padding-top:calc(var(--space-4xl) + 60px)}.about-page__hero{padding:var(--space-3xl)var(--space-lg);text-align:center;position:relative;overflow:hidden}.about-page__hero-bg{background:linear-gradient(180deg,var(--color-canvas)0%,var(--color-canvas-dark)100%);z-index:-1;position:absolute;inset:0}.about-page__hero-content{max-width:var(--container-md);align-items:center;gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.about-page__avatar-wrapper{display:inline-block;position:relative}.about-page__avatar{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);border:var(--border-chonky)solid var(--color-outline);border-radius:var(--radius-blob);width:150px;height:150px;color:var(--color-canvas);justify-content:center;align-items:center;animation:8s ease-in-out infinite avatarMorph;display:flex}@keyframes avatarMorph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}.about-page__avatar-doodle{color:var(--color-primary);animation:3s ease-in-out infinite doodleFloat;position:absolute}.about-page__avatar-doodle--1{animation-delay:0s;top:-10px;right:-10px}.about-page__avatar-doodle--2{animation-delay:-1s;bottom:0;left:-15px}.about-page__avatar-doodle--3{animation-delay:-2s;top:50%;right:-20px}@keyframes doodleFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(10deg)}}.about-page__intro{text-align:center}.about-page__bio{margin-top:var(--space-lg);text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.about-page__bio p{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.about-page__bio strong{color:var(--color-primary)}.about-page__section{padding:var(--space-3xl)var(--space-lg);max-width:var(--container-lg);margin:0 auto}.about-page__section-intro{text-align:center;font-size:var(--text-lg);color:var(--color-ink-light);margin-bottom:var(--space-xl)}.about-page__philosophy{justify-content:center;display:flex}.about-page__quote{font-size:var(--text-xl);text-align:center;font-style:italic}.about-page__tagline{font-size:var(--text-xl);color:var(--color-ink-light);margin-top:var(--space-md);max-width:500px;margin-left:auto;margin-right:auto}.about-page__content{max-width:var(--container-lg);padding:var(--space-3xl)var(--space-lg);margin:0 auto}.about-page__grid{gap:var(--space-3xl);grid-template-columns:1fr 2fr;align-items:start;display:grid}.about-page__sidebar{top:calc(var(--space-3xl) + 80px);position:sticky}.about-page__image-frame{aspect-ratio:3/4;background:var(--color-canvas);border:var(--border-chonky)solid var(--color-outline);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:transform var(--duration-normal)var(--ease-bounce);position:relative;overflow:hidden;transform:rotate(-2deg)}.about-page__image-frame:hover{transform:rotate(0)scale(1.02)}.about-page__image{object-fit:cover;width:100%;height:100%}.about-page__image-placeholder{background:linear-gradient(135deg,var(--color-primary-light)0%,var(--color-secondary-light)100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:6rem;display:flex}.about-page__main{gap:var(--space-2xl);flex-direction:column;display:flex}.about-page__bio{padding:var(--space-xl);background:var(--color-canvas);border:var(--border-thick)solid var(--color-outline);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.about-page__bio-text{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-ink)}.about-page__bio-text:not(:last-child){margin-bottom:var(--space-md)}.about-page__bio-text strong{color:var(--color-primary)}.about-page__journey{padding:var(--space-xl);background:var(--color-canvas-dark);border:var(--border-thick)solid var(--color-outline);border-radius:var(--radius-xl)}.about-page__timeline{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid;position:relative}.about-page__timeline-item{position:relative}.about-page__timeline-content{gap:var(--space-xs);flex-direction:column;display:flex}.about-page__timeline-icon{color:var(--color-primary);margin-bottom:var(--space-xs)}.about-page__timeline-year{padding:var(--space-2xs)var(--space-sm);background:var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-bold);width:fit-content;display:inline-block}.about-page__timeline-title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.about-page__timeline-desc{font-size:var(--text-sm);color:var(--color-ink-light);line-height:var(--leading-relaxed)}.about-page__fun-facts{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.about-page__fun-fact{align-items:center;gap:var(--space-md);padding:var(--space-md);display:flex}.about-page__fun-fact-emoji{color:var(--color-primary);flex-shrink:0}.about-page__fun-fact-text{font-size:var(--text-sm);color:var(--color-ink-light)}.about-page__cta{text-align:center;padding:var(--space-3xl)var(--space-lg);background:var(--color-canvas-dark);border-radius:var(--radius-xl)}.about-page__cta-text{font-size:var(--text-lg);color:var(--color-ink-light);margin:var(--space-md)0 var(--space-xl)}.about-page__cta-buttons{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:968px){.about-page__grid{grid-template-columns:1fr}.about-page__sidebar{max-width:300px;margin:0 auto;position:relative;top:0}}