.about-page{width:100%;min-height:100vh;overflow-x:hidden}.hero-section{position:relative;min-height:auto;height:auto;overflow:hidden;background:var(--color-royal-blue);padding-top:2rem;padding-bottom:1rem;display:flex;align-items:center}@media (max-width: 480px){.hero-section{padding-top:2rem;padding-bottom:1.5rem;min-height:300px;height:auto}}@media (min-width: 481px) and (max-width: 767px){.hero-section{padding-top:2rem;padding-bottom:1.5rem;min-height:300px;height:auto}}@media (min-width: 768px){.hero-section{height:320px;padding-top:0;padding-bottom:0}}.hero-section .container{display:flex;align-items:center;justify-content:center;height:100%}.hero-section .hero-content{text-align:center;max-width:800px;padding:1rem}.hero-section .hero-content h1{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem}@media (min-width: 768px){.hero-section .hero-content h1{font-size:3rem}}.hero-section .hero-content .hero-subtitle{font-size:1.125rem;color:#fff;max-width:700px;margin:0 auto}@media (min-width: 768px){.hero-section .hero-content .hero-subtitle{font-size:1.25rem}}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}@media (min-width: 768px){.section-header h2{font-size:2.25rem}}.section-header p{font-size:1rem;color:#4b5563;max-width:700px;margin:0 auto}@media (min-width: 768px){.section-header p{font-size:1.125rem}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem;position:relative;z-index:2}@media (max-width: 480px){.container{padding:0 1rem}}.story-section{padding:3rem 0;background-color:#fff}@media (min-width: 768px){.story-section{padding:4rem 0}}.story-section .story-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}@media (min-width: 768px){.story-section .story-content{flex-direction:row;align-items:center}}.story-section .story-content .story-image{width:100%}@media (min-width: 768px){.story-section .story-content .story-image{width:40%}}.story-section .story-content .story-image .image-placeholder{width:100%;aspect-ratio:16/9;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;border-radius:.5rem;color:#9ca3af;font-size:1rem}.story-section .story-content .story-text{width:100%}@media (min-width: 768px){.story-section .story-content .story-text{width:60%}}.story-section .story-content .story-text p{color:#4b5563;margin-bottom:1.5rem;line-height:1.7;font-size:1rem}@media (min-width: 768px){.story-section .story-content .story-text p{font-size:1.125rem}}.story-section .story-content .story-text p:last-child{margin-bottom:0}.values-section{padding:3rem 0;background-color:#f9fafb}@media (min-width: 768px){.values-section{padding:4rem 0}}.values-section .values-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.values-section .values-grid{grid-template-columns:repeat(3,1fr)}}.values-section .values-grid .value-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000000d;height:100%;transition:transform .3s ease}.values-section .values-grid .value-card:hover{transform:translateY(-5px)}.values-section .values-grid .value-card .value-icon{color:var(--color-royal-blue);font-size:2rem;margin-bottom:1rem}.values-section .values-grid .value-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.values-section .values-grid .value-card p{color:#4b5563;line-height:1.6}.owner-section{padding:3rem 0;background-color:#fff}@media (min-width: 768px){.owner-section{padding:4rem 0}}.owner-section .owner-profile{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto}@media (min-width: 768px){.owner-section .owner-profile{flex-direction:row;align-items:center}}.owner-section .owner-profile .owner-image{width:100%}@media (min-width: 768px){.owner-section .owner-profile .owner-image{width:35%}}.owner-section .owner-profile .owner-image .image-placeholder{width:100%;aspect-ratio:1/1;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;border-radius:.5rem;color:#9ca3af;font-size:1rem}.owner-section .owner-profile .owner-details{width:100%}@media (min-width: 768px){.owner-section .owner-profile .owner-details{width:65%}}.owner-section .owner-profile .owner-details h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.owner-section .owner-profile .owner-details .owner-role{color:var(--color-royal-blue);font-size:1.125rem;margin-bottom:1.25rem}.owner-section .owner-profile .owner-details .owner-bio{color:#4b5563;line-height:1.7;margin-bottom:1.5rem}.owner-section .owner-profile .owner-details .owner-actions{display:flex;flex-wrap:wrap;gap:1rem}.owner-section .owner-profile .owner-details .owner-actions .btn-primary{background-color:var(--color-royal-blue);color:#fff;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;display:inline-block;transition:background-color .2s ease}.owner-section .owner-profile .owner-details .owner-actions .btn-primary:hover{background-color:var(--color-blue-dark, #2563eb)}.owner-section .owner-profile .owner-details .owner-actions .btn-outline{background-color:transparent;border:2px solid var(--color-royal-blue);color:var(--color-royal-blue);padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;display:inline-block;transition:background-color .2s ease}.owner-section .owner-profile .owner-details .owner-actions .btn-outline:hover{background-color:#3b82f61a}.cta-section{padding:3rem 0;background-color:var(--color-royal-blue);color:#fff}.cta-section .cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-section .cta-content h2{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#fff}@media (min-width: 768px){.cta-section .cta-content h2{font-size:2.25rem}}.cta-section .cta-content p{font-size:1.125rem;margin-bottom:2rem;color:#fff}.cta-section .cta-content .btn-cta{background-color:#fff;color:var(--color-royal-blue);padding:.75rem 1.75rem;border-radius:9999px;font-weight:600;display:inline-block;transition:background-color .2s ease}.cta-section .cta-content .btn-cta:hover{background-color:#f4f4f4}.animate-fadeIn{animation:fadeIn .8s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}