.about-page{display:flex;flex-direction:column;padding:0 1rem;min-height:100vh}.about-container{max-width:680px;width:100%;margin:0 auto;padding:2rem 0 4rem}.about-hero{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-gray-100)}.hero-label{font-family:var(--font-sans-serif);font-size:.75rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75rem}.hero-name{font-family:var(--font-serif);font-size:2.5rem;font-weight:700;color:var(--color-black);margin:0 0 .5rem;line-height:1.1;letter-spacing:-.02em}.hero-tagline{font-family:var(--font-sans-serif);font-size:1rem;color:var(--color-gray-500);margin:0}.about-section{margin-bottom:3rem}.section-title{font-family:var(--font-sans-serif);font-size:.75rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.2em;margin:0 0 1.5rem;font-weight:400}.story-content p{font-family:var(--font-serif);font-size:1rem;line-height:1.85;color:var(--color-gray-600);margin:0 0 1rem}.story-content p:last-child{margin-bottom:0}.story-content a{color:var(--color-gray-700);text-decoration:underline;text-underline-offset:2px}.story-content a:hover{color:var(--color-black)}.tech-stack{display:flex;flex-direction:column;gap:.75rem}.tech-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--color-gray-100)}.tech-item:last-child{border-bottom:none}.tech-name{font-family:var(--font-sans-serif);font-size:.9375rem;font-weight:600;color:var(--color-gray-700);min-width:8rem}.tech-desc{font-family:var(--font-sans-serif);font-size:.8125rem;color:var(--color-gray-400)}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{border-bottom:1px solid var(--color-gray-100)}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 0;background:0 0;border:0;cursor:pointer;text-align:left;font-family:inherit}.faq-question:hover .faq-question-text{color:var(--color-black)}.faq-question:focus{outline:0}.faq-question:focus-visible .faq-question-text{text-decoration:underline;text-decoration-color:var(--color-gray-400);text-underline-offset:2px}.faq-toggle{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--color-gray-400);transition:transform .25s ease;flex-shrink:0}.faq-toggle svg{display:block}.faq-item.expanded .faq-toggle{transform:rotate(180deg)}.faq-question-text{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--color-gray-700);line-height:1.4;transition:color .2s ease}.faq-answer{font-family:var(--font-serif);font-size:.9375rem;line-height:1.7;color:var(--color-gray-500);margin:0;padding:0 0 1rem 2rem;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.faq-item.expanded .faq-answer{max-height:500px;opacity:1}.faq-answer code{font-family:var(--font-mono);font-size:.8125rem;background:var(--color-gray-100);padding:.125rem .375rem;border-radius:4px;color:var(--color-gray-600)}.faq-answer a{color:var(--color-gray-700);text-decoration:underline;text-underline-offset:2px}.faq-answer a:hover{color:var(--color-black)}.about-quote{margin-bottom:0;padding-top:2rem;border-top:1px solid var(--color-gray-100)}.about-quote blockquote{margin:0;padding:0;border:0;text-align:center}.about-quote blockquote p{font-family:var(--font-serif);font-size:1.125rem;font-style:italic;color:var(--color-gray-400);margin:0;line-height:1.6}@media (max-width:768px){.about-page{padding:0 1.5rem}.about-container{padding:2rem 0 3rem}.about-hero{margin-bottom:2.5rem;padding-bottom:1.5rem}.hero-name{font-size:2rem}.about-section{margin-bottom:2.5rem}.story-content p{font-size:.9375rem}.tech-item{flex-direction:column;align-items:flex-start;gap:.25rem}.tech-name{min-width:auto}}