.about-page{width:100%;max-width:100vw;margin:0;padding:0}.about-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(/images/about-hero-bg.png);background-size:cover;background-position:50%;overflow:hidden}.about-hero__content{position:relative;z-index:2;text-align:center;padding:40px}.about-hero__title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;color:var(--accent-dark);margin:0 0 24px;animation:fadeInUp 800ms ease-out}.about-hero__subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--muted);min-height:2em;margin-bottom:60px}.about-hero__scroll-hint{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--accent);font-family:var(--sans);font-size:.9rem;animation:bounce 2s infinite}.about-hero__scroll-hint svg{animation:bounce 2s infinite}.about-intro{padding:120px 40px;background:var(--bg)}.about-intro__container{max-width:1e3px;margin:0 auto;display:grid;grid-template-columns:200px 1fr;gap:60px;align-items:start}.about-intro__avatar{position:sticky;top:120px}.avatar-placeholder{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-soft) 100%);display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:700;color:#fff;box-shadow:var(--shadow);transition:transform 400ms ease-out}.avatar-placeholder:hover{transform:rotate(360deg)scale(1.05)}.about-intro__content{font-size:1.1rem;line-height:1.8;color:var(--text)}.about-intro__content p{margin-bottom:1.5em;opacity:0;transform:translateY(20px);animation:fadeInUp 600ms ease-out forwards}.about-intro__content p:nth-child(1){animation-delay:100ms}.about-intro__content p:nth-child(2){animation-delay:200ms}.about-intro__content p:nth-child(3){animation-delay:300ms}.about-skills{padding:120px 40px;background:var(--bg-soft)}.section-title{text-align:center;font-size:2.5rem;color:var(--accent-dark);margin-bottom:60px}.skills-grid{max-width:1e3px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.skill-card{position:relative;height:200px;perspective:1e3px;cursor:pointer}.skill-card__front,.skill-card__back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform 600ms cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow)}.skill-card__front{background:var(--paper-strong);border:1px solid var(--line)}.skill-card__back{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-soft) 100%);color:#fff;transform:rotateY(180deg)}.skill-card:hover .skill-card__front{transform:rotateY(180deg)}.skill-card:hover .skill-card__back{transform:rotateY(0)}.skill-card__icon{font-size:3rem;margin-bottom:16px}.skill-card h3{font-size:1.3rem;margin:0}.skill-card__back p{margin-top:12px;font-size:.95rem;opacity:.95}.about-projects{padding:120px 40px;background:var(--bg)}.projects-carousel{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.project-card{background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;transition:all 300ms ease-out}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.project-card__image{width:100%;height:200px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-soft) 0%,var(--accent) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.project-placeholder{font-size:4rem}.project-card h3{font-size:1.5rem;margin:0 0 12px;color:var(--accent-dark)}.project-card p{color:var(--muted);line-height:1.6;margin-bottom:16px}.project-card__tags{display:flex;flex-wrap:wrap;gap:8px}.project-card__tags span{padding:4px 12px;background:var(--accent-soft);color:#fff;border-radius:12px;font-size:.85rem;font-family:var(--sans)}.about-contact{position:relative;padding:120px 40px 80px;background:var(--bg-soft);text-align:center}.contact-links{max-width:600px;margin:0 auto;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.contact-link{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:120px;transition:all 300ms ease-out;color:var(--accent-dark)}.contact-link:hover{transform:translateY(-8px)scale(1.05);box-shadow:var(--shadow);background:var(--accent-soft);color:#fff}.contact-link svg{width:32px;height:32px}.contact-link span{font-family:var(--sans);font-weight:500}.contact-wave{position:absolute;bottom:0;left:0;width:100%;height:120px;overflow:hidden}.contact-wave svg{width:100%;height:100%}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,100%{transform:translateY(0)rotate(0)}33%{transform:translateY(-30px)rotate(5deg)}66%{transform:translateY(20px)rotate(-5deg)}}@media(max-width:960px){.about-intro__container{grid-template-columns:1fr;gap:40px;text-align:center}.about-intro__avatar{position:static;margin:0 auto}.avatar-placeholder{width:150px;height:150px;font-size:4rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.projects-carousel{grid-template-columns:1fr}}@media(max-width:640px){.about-hero,.about-intro,.about-skills,.about-projects,.about-contact{padding:80px 20px}.section-title{font-size:2rem}.skills-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;gap:20px}}