.eco-showcase.eco-product{display:block;padding:24px 8px;background:transparent;min-width:0}.eco-fan{height:440px;position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center}.fan-card{position:absolute;width:164px;aspect-ratio:393/852;border:0;padding:0;background:transparent;cursor:pointer;transform:translateX(var(--offset)) rotate(var(--angle));transition:transform 480ms cubic-bezier(.2,.75,.2,1);transform-origin:50% 90%;z-index:calc(5 - var(--i))}.fan-card img{width:100%;height:100%;object-fit:contain;border-radius:20px;display:block;box-shadow:0 8px 24px #0000000d}.fan-card.is-front{z-index:8;transform:translateX(0) translateY(-24px) rotate(0) scale(1.1)}.eco-fan:hover .fan-card,.eco-fan:focus-within .fan-card{transform:translateX(var(--spread)) rotate(var(--angle))}.eco-fan:hover .fan-card.is-front,.eco-fan:focus-within .fan-card.is-front{transform:translateX(0) translateY(-32px) rotate(0) scale(1.14);z-index:10}.fan-labels{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.fan-labels button{border:0;background:transparent;font:inherit;font-size:14px;padding:8px;color:#777;cursor:pointer}.fan-labels button[aria-pressed=true]{color:#274b3c;text-decoration:underline;text-underline-offset:6px}.screen-accordion{display:flex;gap:12px;height:clamp(360px,65svh,590px);overflow:hidden;align-items:stretch;padding:12px 0}.screen-panel{position:relative;flex:1;min-width:0;overflow:hidden;border:0;background:transparent;padding:0;cursor:pointer;transition:flex-grow 440ms cubic-bezier(.2,.75,.2,1);border-radius:16px}.screen-panel img{height:calc(100% - 48px);width:auto;max-width:none;position:absolute;left:50%;transform:translateX(-50%);object-fit:contain;display:block;pointer-events:none}.screen-panel span{position:absolute;bottom:0;left:0;width:100%;height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;padding:4px 0;font-size:14px;line-height:16px;color:#52664c}.screen-panel:focus-visible,.fan-card:focus-visible{outline:2px solid #274b3c;outline-offset:4px}.interaction-credit{font-size:14px;color:#777;margin-block:12px}
@media(max-width:63.99rem){.eco-fan{max-width:600px;margin:auto}.eco-fan:hover .fan-card,.eco-fan:focus-within .fan-card{transform:translateX(calc(var(--spread)*.8)) rotate(var(--angle))}}
@media(max-width:47.99rem){.eco-fan{height:350px}.fan-card{width:132px}.eco-fan:hover .fan-card,.eco-fan:focus-within .fan-card{transform:translateX(calc(var(--spread)*.48)) rotate(var(--angle))}.screen-accordion{height:440px;gap:6px}.screen-panel{border-radius:12px}.screen-panel.is-active{flex-grow:7}.eco-showcase.eco-product{order:2}.fan-labels{gap:0}.fan-labels button{font-size:11px;padding:8px}}
@media(prefers-reduced-motion:reduce){.fan-card,.screen-panel{transition:none}}
.screen-panel img{top:0}.screen-accordion{max-width:820px;margin-inline:auto}.screen-panel.is-active{flex-grow:2.8}@media(max-width:47.99rem){.screen-panel.is-active{flex-grow:7}}
.fan-card{transition-duration:650ms}.screen-panel{transition-duration:650ms}.screen-accordion.screen-static{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;height:auto;gap:32px;overflow:visible;padding-block:12px}.static-screen{margin:0;min-width:0;text-align:center}.screen-static .static-screen img{position:static;transform:none;display:block;width:100%;max-width:260px;height:auto;max-height:560px;object-fit:contain;margin:0 auto}.static-screen figcaption{font-size:15px;color:var(--text-secondary);margin-top:12px}
@media(max-width:47.99rem){.screen-accordion.screen-static{gap:10px}.screen-static .static-screen img{max-height:none}.static-screen figcaption{font-size:11px}}