.about-page{background:#fff;width:100%;min-height:100vh}.content-wrapper{box-sizing:border-box;width:100%;margin:0;padding:0 20px 20px}.about-hero{text-align:center;background:linear-gradient(135deg,#0d1925 0%,#1a2f3f 100%);border-radius:16px;width:100%;padding:80px 0;position:relative;overflow:hidden}.about-hero-content{max-width:800px;margin:0 auto}.about-hero h1{color:#fff;letter-spacing:-.02em;margin:0 0 20px;font-size:3.5rem;font-weight:800}.about-tagline{color:#ffffffb3;margin:0;font-size:1.3rem;font-weight:400}.about-section-one{padding:80px 0}.about-section-one h2{color:#01bacc;margin:0 0 24px;font-size:2.25rem;font-weight:700}.about-section-one p{color:#0d1925cc;margin:0 0 16px;font-size:1.1rem;line-height:1.8}.about-section-philosophy{background:linear-gradient(135deg,#0d19250a 0%,#47739e0a 100%);border-top:1px solid #0d192514;border-bottom:1px solid #0d192514;margin:80px 0;padding:80px 20px}.philosophy-quote{color:#0d1925;text-align:center;max-width:700px;margin:0 auto;padding:0;font-size:1.4rem;font-weight:500;line-height:1.8}.philosophy-quote p{margin:0 0 12px}.philosophy-quote p:last-child{margin-bottom:0}.philosophy-quote .follow-track{color:#477392;margin-top:20px;font-size:1.1rem;font-weight:600}.about-section-one p:last-child{margin-bottom:0}.about-content{max-width:1400px;margin:0 auto;padding-top:80px}.cans-content{max-width:1400px;margin:0 auto;padding-top:0}.about-section-bottles,.about-section-cans{background:#0d1925;border-radius:16px;margin:0;padding:60px 20px;position:relative;overflow:hidden}.about-section-bottles:before,.about-section-cans:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80%,#47739e2e 0%,#0000 50%);position:absolute;inset:0}.about-section-bottles .about-content,.about-section-cans .about-content{z-index:1;position:relative}.about-section-bottles h2{color:#01bacc;text-align:center;margin:0 0 40px;font-size:2.25rem;font-weight:700}.about-section-cans h2{color:#fff;text-align:center;margin:0 0 40px;font-size:2.25rem;font-weight:700}.bottles-features{grid-template-columns:300px 600px;justify-content:center;align-items:center;gap:40px;margin:40px auto 0;display:grid}.bottles-image{justify-content:center;align-items:center;width:100%;display:flex}.bottles-image img{object-fit:contain;width:100%;height:auto}.bottles-cards{flex-direction:column;gap:20px;max-width:600px;display:flex}.feature-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border:2px solid #ffffff3d;border-radius:16px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex;box-shadow:0 4px 18px #0000001f}.feature-icon{color:#fff;background:#ffffff29;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:inset 0 1px 2px #fff3}.feature-icon svg{font-size:1.75rem}.feature-icon.icon-recycle{color:#7dd3fc;background:#7dd3fc33;border-color:#7dd3fc66}.feature-icon.icon-cool{color:#5eead4;background:#5eead433;border-color:#5eead466}.feature-icon.icon-pure{color:#86efac;background:#7dd38433;border-color:#7dd38466}.feature-content{flex:1}.feature-content h3{color:#fff;margin:0 0 8px;font-size:1.25rem;font-weight:700;line-height:1.2}.feature-content p{color:#ffffffd1;margin:0;font-size:.95rem;line-height:1.5}.about-section-aluminum{padding:0 0 80px}.about-section-aluminum h2{color:#01bacc;margin:0 0 24px;font-size:2.25rem;font-weight:700}.about-section-aluminum p{color:#0d1925cc;margin:0;font-size:1.1rem;line-height:1.8}.about-section-foundation{padding:0}.about-section-foundation .about-content{border-top:2px solid #0d19251a}.about-section-foundation h2{color:#01bacc;margin:0 0 24px;font-size:2.25rem;font-weight:700}.foundation-content{flex-direction:column;gap:32px;padding-bottom:80px;display:flex}.foundation-text{flex-direction:column;gap:16px;display:flex}.foundation-text p{color:#0d1925cc;margin:0;font-size:1rem;line-height:1.6}.foundation-images{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.foundation-images img{object-fit:cover;border:1px solid #0d19251a;border-radius:12px;width:100%;height:280px;transition:transform .2s,box-shadow .2s}.foundation-images img:hover{transform:scale(1.02);box-shadow:0 4px 12px #0d192526}.about-section-sdg{border-top:2px solid #0d19251a;padding:80px 0}.about-section-sdg h2{color:#01bacc;margin:0 0 24px;font-size:2.25rem;font-weight:700}.about-section-sdg>.about-content>p{color:#0d1925cc;margin:0 0 16px;font-size:1.1rem;line-height:1.8}.about-section-sdg>.about-content>p:last-of-type{margin-bottom:40px}.sdg-goals-grid{flex-direction:column;gap:20px;margin-top:40px;display:flex}.sdg-card{background:#fff;border:2px solid #0d19251a;border-radius:12px;grid-template-columns:250px 1fr;align-items:start;gap:30px;padding:30px;transition:all .3s;display:grid;overflow:hidden}.sdg-image{background:#0d19250d;border-radius:8px;flex-shrink:0;width:100%;height:calc(100% + 60px);margin:-30px 0 -30px -30px;overflow:hidden}.sdg-image img{object-fit:cover;width:100%;height:100%}.sdg-content{flex-direction:column;gap:12px;display:flex}.sdg-card h3{color:#0d1925;margin:0;font-size:1.3rem;font-weight:700;line-height:1.4}.sdg-card p{color:#0d1925cc;margin:0;font-size:.95rem;line-height:1.6}.about-section-care{background:0 0;border-top:none;padding:80px 0}.about-section-care .about-content{border-top:2px solid #0d19251a}.about-section-care h2{color:#01bacc;margin:0 0 24px;font-size:2.25rem;font-weight:700}.about-section-care p{color:#0d1925cc;margin:0;font-size:1.1rem;line-height:1.8}.about-section-about-us h2{color:#01bacc;margin:0 0 24px;font-size:2.25rem;font-weight:700}.about-section-sustainability-goals .about-content{border-top:2px solid #0d19251a}.about-section-sustainability-goals h2{color:#01bacc;margin:0 0 24px;font-size:2.25rem;font-weight:700}@media (max-width:768px){.about-hero h1{font-size:2.25rem}.about-tagline{font-size:1.1rem}.about-section-philosophy{margin:40px 0;padding:60px 20px}.philosophy-quote{font-size:1.2rem}.about-section-one h2,.about-section-about-us h2,.about-section-bottles h2,.about-section-cans h2,.about-section-foundation h2,.about-section-sdg h2,.about-section-sustainability-goals h2,.about-section-care h2{font-size:1.75rem}.about-section-one p,.about-section-about-us p,.about-section-bottles p,.about-section-cans p,.about-section-foundation p,.about-section-sdg p,.about-section-sustainability-goals p,.about-section-care p{font-size:1rem}.bottles-features{grid-template-columns:1fr;gap:30px}.bottles-image img{max-width:300px}.about-section-bottles,.about-section-cans{margin:40px 0;padding:40px 20px}.about-section-one,.about-section-about-us,.about-section-foundation,.about-section-sdg,.about-section-sustainability-goals,.about-section-care{padding:40px 0}.foundation-content{gap:24px}.foundation-images{grid-template-columns:1fr}.foundation-images img{height:240px}.sdg-goals-grid{gap:20px}.sdg-card{grid-template-columns:250px 1fr;gap:20px;padding:20px}.sdg-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin:0}}@media (max-width:480px){.about-hero{padding:60px 20px}.about-hero h1{font-size:1.75rem}.about-tagline{font-size:1rem}.about-section-one h2,.about-section-about-us h2,.about-section-bottles h2,.about-section-cans h2,.about-section-foundation h2,.about-section-sdg h2,.about-section-sustainability-goals h2,.about-section-care h2{font-size:1.5rem}.about-section-one,.about-section-about-us,.about-section-bottles,.about-section-cans,.about-section-foundation,.about-section-sdg,.about-section-sustainability-goals,.about-section-care{padding:40px 0}.feature-card{gap:16px;padding:16px}.feature-icon{width:56px;height:56px}.feature-icon svg{font-size:1.5rem}.feature-content h3{font-size:1.1rem}.feature-content p{font-size:.9rem}.bottles-features{gap:20px}.bottles-cards,.foundation-content{gap:16px}.foundation-images{grid-template-columns:1fr}.foundation-images img{height:200px}.foundation-text p{font-size:.95rem}.sdg-goals-grid{grid-template-columns:1fr}.sdg-card{grid-template-columns:1fr;padding:20px}.sdg-card h3{font-size:1.15rem}.sdg-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin:0}}.image-modal{z-index:9999;cursor:pointer;background-color:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-modal-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.image-modal-content img{object-fit:contain;cursor:default;border-radius:8px;max-width:95%;max-height:85.5vh}.modal-close{color:#fff;cursor:pointer;background:#0d1925;border:1px solid #ffffff4d;border-radius:50%;order:4;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:40px;font-weight:300;transition:all .2s;display:flex;box-shadow:0 4px 12px #0006}.modal-close:hover{background:#1a2f3f;transform:scale(1.1)}.modal-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;text-align:center;background:#0d1925;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0;padding:0 0 3px;font-size:40px;font-weight:300;line-height:1;transition:all .2s;display:flex;box-shadow:0 4px 12px #0006}.modal-nav:hover{background:#1a2f3f;transform:scale(1.1);box-shadow:0 6px 16px #00000080}.modal-prev{order:1}.modal-next{order:3}.modal-counter{color:#fff;background:#0d1925;border:1px solid #fff3;border-radius:25px;order:2;justify-content:center;align-items:center;min-width:80px;padding:12px 24px;font-size:16px;font-weight:500;display:flex}.modal-controls{align-items:center;gap:20px;display:flex;position:absolute;bottom:-70px;left:50%;transform:translate(-50%)}@media (max-width:768px){.modal-controls{gap:15px;bottom:-60px}.modal-nav,.modal-close{width:45px;height:45px;font-size:36px}.modal-counter{padding:10px 20px;font-size:14px}}