.about-us-page{width:100%;overflow-x:hidden}.about-container{max-width:1200px;margin:0 auto;padding:0 20px}.about-hero{position:relative;height:250px;background:linear-gradient(135deg,#1a472a,#2d5a2d);display:flex;align-items:center;justify-content:center;overflow:hidden}.about-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.1) 0,transparent 50%)}.about-hero-content{position:relative;z-index:2;text-align:center;color:#fff;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-hero-title{font-size:64px;font-weight:700;margin-bottom:16px;text-shadow:0 4px 20px rgba(0,0,0,.2)}.about-hero-subtitle{font-size:24px;font-weight:400;opacity:.95}.floating-spice{position:absolute;color:hsla(0,0%,100%,.15);font-size:100px;animation:floatSpice 6s ease-in-out infinite}.spice-1{top:10%;left:10%;animation-delay:0s}.spice-2{top:60%;right:15%;animation-delay:2s}.spice-3{bottom:15%;left:20%;animation-delay:4s}@keyframes floatSpice{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(10deg)}}.about-story{padding:100px 0;background:#fff;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.about-story.visible{opacity:1;transform:translateY(0)}.story-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.story-text h2{font-size:42px;color:#1a472a;margin-bottom:20px;font-weight:700}.story-divider{width:80px;height:4px;background:linear-gradient(90deg,#1a472a,#2d5a2d);margin-bottom:30px;border-radius:2px}.story-text p{font-size:18px;line-height:1.8;color:#666;margin-bottom:24px}.story-highlight{display:flex;gap:20px;background:linear-gradient(135deg,#f0f8f0,#e8f5e8);padding:30px;border-radius:12px;margin-top:40px;border-left:4px solid #1a472a}.highlight-icon{font-size:32px;color:#1a472a;flex-shrink:0}.story-highlight p{margin:0;color:#333}.story-highlight strong{color:#1a472a}.story-image{position:relative;height:620px}.image-placeholder{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;overflow:hidden}.image-placeholder,.story-img{width:100%;height:100%;border-radius:20px}.story-img{object-fit:cover}.placeholder-icon{display:none}.image-decoration{position:absolute;top:-20px;right:-20px;width:200px;height:200px;background:linear-gradient(135deg,#1a472a,#2d5a2d);border-radius:20px;opacity:.2;z-index:0}.about-values{padding:100px 0;background:linear-gradient(180deg,#f8fff8,#fff);opacity:0;transform:translateY(50px);transition:all 1s ease-out}.about-values.visible{opacity:1;transform:translateY(0)}.section-title{font-size:42px;color:#1a472a;text-align:center;margin-bottom:60px;font-weight:700}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px}.value-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 4px 20px rgba(26,71,42,.1);transition:all .4s ease;opacity:0;transform:translateY(30px);border:1px solid #e8f5e8}.about-values.visible .value-card{animation:fadeInUpCard .8s ease-out forwards}@keyframes fadeInUpCard{to{opacity:1;transform:translateY(0)}}.value-card:hover{transform:translateY(-10px);box-shadow:0 8px 30px rgba(26,71,42,.2)}.value-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#1a472a,#2d5a2d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;transition:transform .4s ease}.value-card:hover .value-icon{transform:scale(1.1) rotate(5deg)}.value-card h3{font-size:24px;color:#1a472a;margin-bottom:16px;font-weight:600}.value-card p{font-size:16px;line-height:1.7;color:#666}.about-stats{padding:40px 0;background:linear-gradient(135deg,#1a472a,#2d5a2d);opacity:0;transform:translateY(50px);transition:all 1s ease-out}.about-stats.visible{opacity:1;transform:translateY(0)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px}.stat-card{text-align:center;color:#fff;opacity:0;transform:scale(.9)}.about-stats.visible .stat-card{animation:scaleInCard .6s ease-out forwards}@keyframes scaleInCard{to{opacity:1;transform:scale(1)}}.stat-icon{font-size:48px;margin-bottom:20px;opacity:.9}.stat-number{font-size:45px;font-weight:700;margin-bottom:8px}.stat-label{font-size:16px;opacity:.9;font-weight:400}.about-cta{padding:100px 0;background:linear-gradient(135deg,#f0f8f0,#e8f5e8)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{font-size:42px;color:#1a472a;margin-bottom:20px;font-weight:700}.cta-content p{font-size:18px;color:#666;margin-bottom:40px;line-height:1.7}.cta-button{background:linear-gradient(135deg,#1a472a,#2d5a2d);color:#fff;border:none;padding:18px 48px;font-size:18px;font-weight:600;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 20px rgba(26,71,42,.3)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(26,71,42,.4)}.button-arrow{font-size:24px;transition:transform .3s ease}.cta-button:hover .button-arrow{transform:translateX(5px)}@media (max-width:968px){.about-hero-title{font-size:48px}.about-hero-subtitle{font-size:20px}.story-content{grid-template-columns:1fr;gap:40px}.story-image{height:400px}.values-grid{grid-template-columns:1fr;gap:30px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:40px}}@media (max-width:640px){.about-hero{height:400px}.about-hero-title{font-size:36px}.about-hero-subtitle{font-size:18px}.about-cta,.about-stats,.about-story,.about-values{padding:60px 0}.cta-content h2,.section-title,.story-text h2{font-size:32px}.stats-grid{grid-template-columns:1fr;gap:30px}.floating-spice{font-size:60px}}