:root{--header-height:80px}.about-page{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.about-page .about-hero{background-color:var(--hero-bg);padding:calc(var(--header-height) + 4rem) 2rem 4rem;text-align:center;position:relative;overflow:hidden}.about-page .hero-content{max-width:800px;margin:0 auto}.about-page .hero-content h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.about-page .hero-content .tagline{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.3rem;line-height:1.6}.about-page .about-container{grid-template-columns:250px 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid}.about-page .toc{top:calc(var(--header-height) + 2rem);background-color:var(--bg-secondary);box-shadow:var(--card-shadow);border-radius:8px;align-self:start;padding:1.5rem;transition:background-color .3s;position:sticky}.about-page .toc h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.about-page .toc ul{padding:0;list-style:none}.about-page .toc li{margin-bottom:.75rem}.about-page .toc a{color:var(--link-color);font-size:1rem;text-decoration:none;transition:color .3s,transform .2s}.about-page .toc a:hover{color:var(--link-hover);transform:translate(5px)}.about-page .about-content{padding:1rem}.about-page .section-content{background-color:var(--card-bg);box-shadow:var(--card-shadow);scroll-margin-top:calc(var(--header-height) + 1rem);border-radius:8px;margin-bottom:2.5rem;padding:2rem;transition:background-color .3s,transform .2s}.about-page .section-content:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.about-page .section-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.9rem;font-weight:700}.about-page .section-content p{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;line-height:1.7}.about-page .story-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.about-page .story-text{flex-direction:column;gap:1rem;display:flex}.about-page .story-image{background-color:var(--bg-secondary);border-radius:8px;justify-content:center;align-items:center;min-height:200px;display:flex}.about-page .image-placeholder{color:var(--text-secondary);text-align:center;font-size:1.2rem}.about-page .contact-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.about-page .contact-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.about-page .info-item h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.about-page .info-item p{color:var(--text-primary);font-size:1.1rem;line-height:1.6}.about-page .social-links{flex-wrap:wrap;gap:1rem;display:flex}.about-page .social-link{color:var(--link-color);font-size:1rem;text-decoration:none;transition:color .3s}.about-page .social-link:hover{color:var(--link-hover);text-decoration:underline}.about-page .toc a:focus,.about-page .social-link:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width:992px){.about-page .about-container{grid-template-columns:1fr}.about-page .toc{margin-bottom:2rem;position:static}.about-page .story-grid{grid-template-columns:1fr}}@media (max-width:768px){.about-page .about-hero{padding:calc(var(--header-height) + 2rem) 1.5rem 2rem}.about-page .hero-content h1{font-size:2.8rem}.about-page .hero-content .tagline{font-size:1.1rem}.about-page .about-container{padding:1.5rem}.about-page .section-content h2{font-size:1.6rem}.about-page .section-content p{font-size:1rem}}@media (max-width:480px){.about-page .about-container{padding:1rem}.about-page .hero-content h1{font-size:2.2rem}.about-page .toc h2{font-size:1.3rem}.about-page .toc a{font-size:.9rem}.about-page .section-content{padding:1.5rem}}