.sustainability{background:#fff;padding-top:90px;padding-bottom:65px}.sustainability-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:38px}.sustainability-heading .section-label{margin-bottom:22px}.sustainability-heading h2{margin-bottom:0}.sustainability-heading>p{max-width:350px;margin:0}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.action-card{min-width:0;color:#173653}.action-visual{height:235px;position:relative;overflow:hidden;display:grid;place-items:center;background:#edf4fb;border-radius:16px;margin-bottom:25px;perspective:700px;isolation:isolate}.action-solar .action-visual{background:#e7f5fd}.action-recycle .action-visual{background:#4c70b6;color:white}.action-volunteer .action-visual{background:#ddecf8}.action-number{position:absolute;left:18px;top:15px;font-size:13px;color:#4c70b6}.action-recycle .action-number{color:#ebebeb}.action-icon{width:105px;height:105px;color:#4c70b6;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform .25s ease;z-index:1}.action-icon svg{width:100%;height:100%;stroke-width:1.1;overflow:visible}.action-recycle .action-icon{color:white}.action-orbit{position:absolute;width:175px;height:175px;border:1px solid #58b0e640;border-radius:50%;transform:scale(calc(.92 + var(--eco-progress,0)*.12));pointer-events:none}.action-label{font-size:13px;color:#4c70b6}.action-card h3{font-size:24px;letter-spacing:-.6px;margin:10px 0 14px;min-height:62px}.action-card>p{font-size:16px;min-height:104px}.action-card details{border-top:1px solid #dce5ef}.action-card summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;font-size:14px;padding:16px 0}.action-card summary::-webkit-details-marker{display:none}.action-plus{font-size:23px;transition:transform .3s}.action-card details[open] .action-plus{transform:rotate(45deg)}.action-card details p{font-size:15px;margin:0;padding-bottom:18px}.action-card details[open] p{animation:ecoReveal .35s ease both}.action-wind svg{transform:rotate(calc(var(--eco-progress,0)*240deg + var(--interact-turn,0deg)));transition:transform .25s ease-out}.action-recycle svg{transform:rotate(calc(var(--eco-progress,0)*-90deg + var(--interact-turn,0deg)));transition:transform .35s ease-out}.action-solar svg{transform:rotateX(calc(var(--eco-progress,0)*18deg));transition:transform .25s ease}.action-solar .action-visual:after{content:'';position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 40%,#ffffffaa 50%,transparent 60%);transform:translateX(calc(-50% + var(--eco-progress,0)*100%));pointer-events:none}.action-volunteer svg{transform:scale(calc(.93 + var(--eco-progress,0)*.12));transition:transform .3s}.action-volunteer:hover svg,.action-volunteer:focus-within svg{animation:ecoPulse 1.8s ease-in-out infinite}.action-solar:hover .action-visual:after,.action-solar:focus-within .action-visual:after{animation:ecoLight 2.5s ease-in-out infinite}.action-card:hover,.action-card:focus-within{--interact-turn:90deg}.action-card:focus-within .action-visual{outline:2px solid #58b0e6;outline-offset:3px}
@keyframes ecoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes ecoLight{0%{transform:translateX(-45%)}100%{transform:translateX(45%)}}@keyframes ecoReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.action-card>p{min-height:52px}.action-card h3{min-height:0}.action-visual{height:250px}.sustainability-heading{align-items:start;flex-direction:column;gap:18px}.sustainability-heading>p{max-width:550px}}
@media(max-width:560px){.action-grid{grid-template-columns:1fr;gap:30px}.action-visual{height:220px;margin-bottom:20px}.action-card>p{min-height:0}.sustainability{padding-top:65px}.action-card h3{font-size:26px}.action-label{font-size:14px}.action-icon{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){.action-icon,.action-icon svg,.action-orbit,.action-visual:after,.action-plus,.action-card details p{animation:none!important;transition:none!important;transform:none!important}.action-solar .action-visual:after{display:none}}