.about-hero{position:relative;padding:6rem 1.5rem 4rem;background:linear-gradient(135deg,#e8f5d0 0%,var(--off-white) 100%);text-align:center;overflow:hidden;}.about-hero-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(29,42,33,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(29,42,33,0.03) 0%,transparent 50%);pointer-events:none;z-index:0;}.about-hero .container-narrow{position:relative;z-index:1;}.hero-icon-wrapper{margin-bottom:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(192,241,28,0.2);border-radius:50%;animation:fadeInUp 0.8s ease-out forwards,pulseIcon 3s ease-in-out infinite 1s;opacity:0;}@keyframes pulseIcon{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(192,241,28,0.4);}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(192,241,28,0);}}.hero-icon{color:var(--forest-green);animation:iconFloat 3s ease-in-out infinite;}@keyframes iconFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}.page-title{font-size:3.5rem;color:var(--forest-green);margin-bottom:1rem;}.page-subtitle{font-size:1.5rem;color:var(--dark-gray);font-weight:300;}.story-section{background-color:var(--white);}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;align-items:center;}.story-image{position:relative;overflow:hidden;border-radius:1rem;}.story-image img{width:100%;height:500px;object-fit:cover;border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,0.15);transition:transform 0.6s ease;}.story-image-animate{opacity:0;transform:translateX(-30px);animation:slideInLeft 0.8s ease-out forwards;}@keyframes slideInLeft{to{opacity:1;transform:translateX(0);}}.story-image:hover img{transform:scale(1.05);}.story-content-animate{opacity:0;transform:translateX(30px);animation:slideInRight 0.8s ease-out 0.2s forwards;}@keyframes slideInRight{to{opacity:1;transform:translateX(0);}}.section-heading{font-size:2.5rem;color:var(--forest-green);margin-bottom:1.5rem;}.story-content p{font-size:1.125rem;line-height:1.8;color:var(--dark-gray);margin-bottom:1.5rem;}.mission-section{position:relative;background:linear-gradient(135deg,var(--forest-green) 0%,#2a3f2e 100%);color:var(--white);overflow:hidden;}.mission-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(192,241,28,0.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(192,241,28,0.05) 0%,transparent 50%);pointer-events:none;}.mission-section .container-narrow{position:relative;z-index:1;}.mission-section .section-title{color:var(--white);animation:fadeInUp 0.8s ease-out;}.mission-text{font-size:1.25rem;line-height:1.8;text-align:center;color:#d1d5db;animation:fadeInUp 0.8s ease-out 0.2s both;}.values-section{background-color:var(--off-white);}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}.value-card{background-color:var(--white);padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;}.value-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(192,241,28,0.1),transparent );transition:left 0.6s ease;}.value-card:hover::before{left:100%;}.value-card-animate{opacity:0;transform:translateY(30px);animation:fadeInUpCard 0.6s ease-out forwards;}@keyframes fadeInUpCard{to{opacity:1;transform:translateY(0);}}.value-card:hover{box-shadow:0 12px 30px rgba(0,0,0,0.15);transform:translateY(-8px);}.value-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:rgba(192,241,28,0.2);border-radius:50%;margin-bottom:1.5rem;transition:all 0.4s ease;position:relative;}.value-icon::before{content:'';position:absolute;inset:-5px;border-radius:50%;background:rgba(192,241,28,0.1);opacity:0;transform:scale(0.8);transition:all 0.4s ease;}.value-icon svg{color:var(--forest-green);position:relative;z-index:1;transition:transform 0.4s ease;}.value-card:hover .value-icon{background-color:rgba(192,241,28,0.3);}.value-card:hover .value-icon::before{opacity:1;transform:scale(1.2);}.value-card:hover .value-icon svg{transform:scale(1.1) rotate(5deg);}.value-title{font-size:1.5rem;color:var(--forest-green);margin-bottom:1rem;}.value-description{font-size:1rem;line-height:1.6;color:var(--dark-gray);}.journey-section{background-color:var(--white);}.journey-text{font-size:1.125rem;line-height:1.8;color:var(--dark-gray);margin-bottom:1.5rem;text-align:center;opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease-out forwards;}.journey-text:nth-of-type(1){animation-delay:0.1s;}.journey-text:nth-of-type(2){animation-delay:0.2s;}.journey-text:nth-of-type(3){animation-delay:0.3s;}@media (max-width:768px){.about-hero{padding:4rem 1.5rem 3rem;}.page-title{font-size:2.5rem;}.page-subtitle{font-size:1.25rem;}.section-heading{font-size:2rem;}.hero-icon-wrapper{width:70px;height:70px;margin-bottom:1.25rem;}.hero-icon{width:40px;height:40px;}.story-image img{height:300px;}.story-content p{font-size:1rem;}.mission-text{font-size:1.125rem;}.values-grid{grid-template-columns:1fr;}.journey-text{font-size:1rem;}}@media (max-width:480px){.page-title{font-size:2rem;}.page-subtitle{font-size:1rem;}.section-heading{font-size:1.75rem;}.value-icon{width:64px;height:64px;}.value-icon svg{width:36px;height:36px;}.hero-icon-wrapper{width:60px;height:60px;margin-bottom:1rem;}.hero-icon{width:32px;height:32px;}.story-image-animate,.story-content-animate{animation-delay:0s !important;}.value-card-animate{animation-delay:0s !important;}}