@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";.sustainability-section{position:relative;padding:100px 0;overflow:hidden;font-family:var(--timeline-font-secondary, "Roboto", sans-serif);--transition-timing: cubic-bezier(.25, .46, .45, .94);--card-border-radius: 20px;--card-box-shadow: 0 15px 40px rgba(0, 0, 0, .2)}.sustainability-section[data-background-mode=light]{background-color:#fff;color:#000;--text-color: #000000;--bg-color: #ffffff;--accent-color: #000000;--secondary-color: #666666;--bg-shape-opacity: .03;--card-bg: #ffffff;--card-shadow: 0 20px 40px rgba(0, 0, 0, .1)}.sustainability-section[data-background-mode=dark]{background-color:#0a0a0a;color:#fff;--text-color: #ffffff;--bg-color: #0a0a0a;--accent-color: #ffffff;--secondary-color: #aaaaaa;--bg-shape-opacity: .1;--card-bg: rgba(20, 20, 20, .95);--card-shadow: 0 20px 40px rgba(0, 0, 0, .4)}.sustainability-section .container{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:2}.sustainability-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bg-shape{position:absolute;border-radius:50%;background-color:var(--accent-color);opacity:var(--bg-shape-opacity);transition:transform 1s var(--transition-timing)}.shape-1{width:500px;height:500px;top:-200px;right:-200px}.shape-2{width:300px;height:300px;bottom:-100px;left:-100px}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.sustainability-header{text-align:center;margin-bottom:60px;position:relative}.section-heading{font-family:var(--timeline-font-primary, "Roboto", sans-serif);font-size:3.5rem;font-weight:900;color:var(--text-color);text-transform:uppercase;margin:0 0 15px;letter-spacing:-.02em;line-height:1.1;position:relative;display:inline-block}.section-heading:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:3px;background-color:var(--accent-color)}.heading-animate{overflow:hidden;position:relative}.heading-animate .char{display:inline-block;opacity:0;transform:translateY(40px) rotateX(20deg);transform-origin:bottom center;transition:opacity .8s var(--transition-timing),transform .8s var(--transition-timing)}.heading-animate.animate .char{opacity:1;transform:translateY(0) rotateX(0)}.section-subheading{font-family:var(--timeline-font-secondary, "Roboto", sans-serif);font-size:1.25rem;font-weight:300;color:var(--secondary-color);max-width:700px;margin:30px auto 0;line-height:1.7;letter-spacing:.5px}.sustainability-cards-container{position:relative;width:100%;max-width:1100px;margin:0 auto;overflow:hidden}.cards-track{display:flex;width:100%;min-height:600px;transition:transform .8s var(--transition-timing);will-change:transform;position:relative}.sustainability-slide{flex:0 0 100%;width:100%;padding:20px;opacity:0;visibility:hidden;position:absolute;left:0;top:0;transition:opacity .6s var(--transition-timing),visibility .6s var(--transition-timing),transform .6s var(--transition-timing);transform:translate(50px)}.sustainability-slide.active{opacity:1;visibility:visible;position:relative;transform:translate(0)}.split-cards-container{display:flex;gap:40px;margin:0 auto;align-items:stretch}@media (max-width: 991px){.split-cards-container{flex-direction:column;align-items:center;gap:30px}}.image-card{flex:0 0 48%;border-radius:var(--card-border-radius);overflow:hidden;box-shadow:var(--card-shadow);background-color:var(--card-bg);border:1px solid rgba(255,255,255,.1);transition:box-shadow .3s var(--transition-timing);height:500px}.image-card:hover{box-shadow:0 25px 50px #00000040}.card-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.1);transition:transform 1.2s var(--transition-timing)}.image-card:hover .card-image{transform:scale(1.05)}.sustainability-slide.active .card-image{animation:scaleIn 1.2s var(--transition-timing) forwards}@keyframes scaleIn{0%{transform:scale(1.1)}to{transform:scale(1)}}.content-card{flex:0 0 48%;padding:40px;border-radius:var(--card-border-radius);background-color:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;min-height:500px;transition:box-shadow .3s var(--transition-timing)}.content-card:hover{box-shadow:0 25px 50px #00000040}.card-heading{font-family:var(--timeline-font-primary, "Roboto", sans-serif);font-size:2.4rem;font-weight:700;color:var(--text-color);margin:0 0 30px;position:relative;letter-spacing:-.02em;line-height:1.2}.card-heading:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:2px;background-color:var(--accent-color)}.principles-list{margin:30px 0;flex-grow:1}.principle-item{display:flex;margin-bottom:25px}.principle-number{flex:0 0 50px;font-family:var(--timeline-font-primary, "Roboto", sans-serif);font-size:1.5rem;font-weight:900;color:var(--accent-color);opacity:.4;line-height:1;margin-top:.2rem}.principle-details{flex:1}.principle-title{font-family:var(--timeline-font-primary, "Roboto", sans-serif);font-size:1.2rem;font-weight:700;color:var(--text-color);margin:0 0 8px;letter-spacing:.02em}.principle-description{font-family:var(--timeline-font-secondary, "Roboto", sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:var(--secondary-color);margin:0}.card-cta{text-align:center;margin-bottom:20px}.card-cta:last-child{margin-top:auto;margin-bottom:0}.card-bottom-btn{margin-top:auto;padding-top:20px;text-align:center}.btn-rounded{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:50px;background-color:transparent;color:var(--text-color);border:2px solid var(--accent-color);font-family:var(--timeline-font-secondary, "Roboto", sans-serif);font-size:1rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .3s var(--transition-timing);position:relative;overflow:hidden;z-index:1}.btn-rounded:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--accent-color);z-index:-1;transition:width .3s var(--transition-timing)}.btn-rounded:hover:before{width:100%}.sustainability-section[data-background-mode=light] .btn-rounded:hover{color:#fff}.sustainability-section[data-background-mode=dark] .btn-rounded:hover{color:#000}.btn-text{position:relative;transition:transform .3s var(--transition-timing)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:10px;transition:transform .3s var(--transition-timing)}.btn-rounded:hover .btn-text{transform:translate(-5px)}.btn-rounded:hover .btn-icon{transform:translate(5px)}.carousel-navigation{display:flex;justify-content:center;align-items:center;margin-top:40px;gap:25px}.nav-arrow{width:48px;height:48px;border-radius:50%;background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--transition-timing)}.nav-arrow:hover{background-color:var(--accent-color);color:var(--bg-color);transform:translateY(-3px);box-shadow:0 10px 20px #0003}.nav-dots{display:flex;justify-content:center;gap:10px}.nav-dot{width:10px;height:10px;border-radius:50%;background-color:#000;border:none;cursor:pointer;padding:0;transition:all .3s var(--transition-timing);position:relative}.nav-dot:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:1px solid transparent;transition:all .3s var(--transition-timing)}.nav-dot.active{background-color:gray;transform:scale(1.3)}.nav-dot:hover{transform:scale(1.2);background-color:#505050}.animate-element{opacity:0;transform:translateY(25px);transition-property:opacity,transform;transition-duration:.7s;transition-timing-function:var(--transition-timing)}.animate-element.animate{opacity:1;transform:translateY(0)}.animate-element.animate[data-delay="0.1"]{transition-delay:.1s}.animate-element.animate[data-delay="0.2"]{transition-delay:.2s}.animate-element.animate[data-delay="0.25"]{transition-delay:.25s}.animate-element.animate[data-delay="0.3"]{transition-delay:.3s}.animate-element.animate[data-delay="0.4"]{transition-delay:.4s}.animate-element.animate[data-delay="0.5"]{transition-delay:.5s}.animate-element.animate[data-delay="0.6"]{transition-delay:.6s}.animate-element.animate[data-delay="0.7"]{transition-delay:.7s}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;color:#444}.sustainability-section[data-background-mode=light] .placeholder-image{background-color:#e0e0e0;color:#888}@media (max-width: 1200px){.section-heading{font-size:3rem}.card-heading{font-size:2.2rem}.image-card,.content-card{height:480px}}@media (max-width: 991px){.sustainability-section{padding:80px 0}.sustainability-section .container{padding:0 30px}.section-heading{font-size:2.5rem}.split-cards-container{align-items:center}.image-card{flex:1 1 auto;width:100%;max-width:500px;height:400px}.content-card{flex:1 1 auto;width:100%;max-width:500px;padding:30px;min-height:auto}.card-heading{font-size:2rem;margin-bottom:25px}.principles-list{margin:20px 0}.principle-number{flex:0 0 40px;font-size:1.2rem}.principle-title{font-size:1.1rem}}@media (max-width: 767px){.sustainability-section{padding:60px 0}.sustainability-section .container{padding:0 20px}.section-heading{font-size:2.2rem}.section-subheading{font-size:1rem}.image-card{height:300px}.content-card{padding:25px}.card-heading{font-size:1.8rem;margin-bottom:20px}.principle-title{font-size:1rem}.principle-description{font-size:.9rem}.nav-arrow{width:40px;height:40px}.nav-dots{gap:8px}.nav-dot{width:8px;height:8px}.btn-rounded{padding:12px 25px;font-size:.9rem}}@media (max-width: 480px){.sustainability-section{padding:50px 0}.section-heading{font-size:1.8rem}.image-card{height:250px}.content-card{padding:20px}.card-heading{font-size:1.6rem;margin-bottom:15px}.principle-number{flex:0 0 30px;font-size:1rem}.principle-item{margin-bottom:15px}.principle-title{font-size:.95rem}.principle-description{font-size:.85rem}.btn-rounded{padding:10px 20px;font-size:.85rem}}.btn-rounded:focus-visible,.nav-dot:focus-visible,.nav-arrow:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.card-image,.sustainability-slide,.animate-element,.heading-animate .char,.btn-rounded,.nav-arrow,.nav-dot{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}.sustainability-slide{opacity:0;visibility:hidden}.sustainability-slide.active{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/sustainability-practices.css.map */