.about-header{text-align:center;background:linear-gradient(135deg,var(--cream-light)0%,var(--off-white)100%);margin-bottom:4rem;padding:4rem 2rem;position:relative}.about-header:before{content:"";background:radial-gradient(circle,#8fbc9426 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%)}.about-header-badge{background:var(--white);z-index:2;border-radius:25px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1.5rem;animation:.8s ease-out fadeInDown;display:inline-flex;position:relative;box-shadow:0 4px 15px #00000014}.about-badge-logo{flex-shrink:0}.about-header-badge span{color:var(--charcoal);font-size:.95rem;font-weight:600}.about-title{color:var(--charcoal);z-index:2;margin-bottom:2rem;font-size:3.5rem;font-weight:800;line-height:1.1;position:relative}.about-intro-card{background:var(--white);border-left:5px solid var(--sage-green);z-index:2;border-radius:16px;max-width:900px;margin:0 auto;padding:3rem;position:relative;box-shadow:0 8px 30px #0000001a}.about-intro{color:#5a5a5a;margin-bottom:1.5rem;font-size:1.2rem;font-weight:500;line-height:1.9}.about-intro-highlight{color:var(--charcoal);border-top:2px solid var(--cream-light);padding-top:1.5rem;font-size:1.3rem;font-weight:600;line-height:1.8}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.story-section{background:var(--white);margin-bottom:5rem;padding:4rem 2rem}.story-content{max-width:900px;margin:0 auto}.story-content p{color:#5a5a5a;text-align:justify;margin-bottom:1.8rem;font-size:1.1rem;line-height:1.9}.story-tagline{border-top:2px solid var(--cream-light);flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:3rem;padding-top:2rem;display:flex}.story-tagline span{letter-spacing:-.5px;font-size:1.8rem;font-weight:700}.tagline-supplied{color:var(--sage-green)}.tagline-simplified{color:var(--gold)}.tagline-sorted{color:var(--charcoal)}.mission-vision{margin-bottom:5rem;padding:0 2rem}.mv-card{text-align:center;background:linear-gradient(135deg,var(--white)0%,var(--cream-light)100%);border:2px solid var(--cream-light);padding:3rem}.mv-card:hover{border-color:var(--sage-green);transform:translateY(-5px)}.mv-icon{border:2px solid var(--charcoal);opacity:.85;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;transition:all .3s;display:flex;position:relative}.mv-icon:before,.mv-icon:after{content:"";background:var(--charcoal);transition:all .3s;position:absolute}.mv-icon.icon-mission:before{border:2px solid var(--charcoal);background:0 0;border-radius:50%;width:32px;height:32px}.mv-icon.icon-mission:after{border:2px solid var(--charcoal);background:0 0;border-radius:50%;width:16px;height:16px}.mv-icon.icon-mission .center-dot{background:var(--charcoal);border-radius:50%;width:6px;height:6px;transition:all .3s;position:absolute}.mv-icon.icon-vision:before{width:36px;height:2px;left:14px;transform:rotate(-30deg)}.mv-icon.icon-vision:after{border:2px solid var(--charcoal);background:0 0;border-radius:50%;width:18px;height:18px;right:16px}.mv-icon.icon-vision .lens{border:2px solid var(--charcoal);background:0 0;border-radius:50%;width:10px;height:10px;transition:all .3s;position:absolute;right:20px}.mv-card:hover .mv-icon{border-color:var(--sage-green);opacity:1;transform:translateY(-5px)rotate(5deg)}.mv-card:hover .mv-icon:before,.mv-card:hover .mv-icon:after{border-color:var(--sage-green);background-color:#0000}.mv-card:hover .mv-icon .center-dot,.mv-card:hover .mv-icon .lens{background:var(--sage-green);border-color:var(--sage-green)}.mv-card h2{color:var(--sage-green);margin-bottom:1.5rem;font-size:2rem;font-weight:700}.mv-card p{color:#5a5a5a;font-size:1.05rem;line-height:1.8}.values-section{background:var(--off-white);padding:5rem 2rem}.centered-title{text-align:center}.centered-subtitle{text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.values-last-row{max-width:800px;margin:2rem auto 0}.value-card{background:var(--white);box-shadow:0 4px 20px var(--shadow);border:1px solid var(--cream-light);border-radius:12px;padding:2.5rem 2rem;transition:all .3s;position:relative;overflow:hidden}.value-card:before{content:"";background:linear-gradient(90deg,var(--sage-green),var(--gold));width:100%;height:4px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.value-card:hover:before{transform:scaleX(1)}.value-card:hover{border-color:var(--sage-green);transform:translateY(-5px);box-shadow:0 8px 30px #8fbc9433}.value-number{color:var(--cream-light);margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1}.value-card h3{color:var(--charcoal);margin-bottom:1rem;font-size:1.4rem;font-weight:700}.value-card p{color:var(--gray);font-size:.95rem;line-height:1.7}.about-cta{background:linear-gradient(135deg,var(--sage-green)0%,#7aad7f 100%);text-align:center;color:var(--white);margin-top:4rem;padding:4rem 2rem}.about-cta h2{color:var(--white);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.about-cta p{opacity:.95;max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.about-cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.about-cta .btn-primary{background:var(--white);color:var(--sage-green)}.about-cta .btn-primary:hover{background:var(--off-white);transform:translateY(-2px)}.about-cta .btn-secondary{border:2px solid var(--white);color:var(--white);background:0 0}.about-cta .btn-secondary:hover{background:var(--white);color:var(--sage-green)}.about-footer{background-color:var(--cream-light);border-top:1px solid #5a5a5a1a;padding:1.5rem 2rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.footer-content p{color:#5a5a5a;margin:0;font-size:.9rem}.footer-email a{color:var(--sage-green);font-weight:500;text-decoration:none;transition:opacity .2s}.footer-email a:hover{opacity:.7;text-decoration:underline}@media (max-width:768px){.about-title{font-size:2.5rem}.about-intro-card{padding:2rem}.about-intro{font-size:1.05rem}.about-intro-highlight{font-size:1.1rem}.story-content p{text-align:left;font-size:1rem}.story-tagline span{font-size:1.4rem}.mv-card{padding:2rem}.mv-card h2{font-size:1.6rem}.value-number{font-size:2rem}.value-card h3{font-size:1.2rem}.about-cta h2{font-size:1.8rem}.about-cta p{font-size:1.05rem}.about-cta-buttons{flex-direction:column}.footer-content{text-align:center;flex-direction:column;gap:.5rem}.footer-content p{font-size:.85rem}}
