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