.circular-carousel{--cc-fade:#f7f3ec;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:560px;position:relative;overflow:hidden}.circular-carousel[data-axis=x]{touch-action:pan-x}.circular-carousel:focus-visible{box-shadow:inset 0 0 0 2px #6f4bf273}.circular-carousel__view,.circular-carousel__stage{position:absolute;inset:0}.circular-carousel__stage{opacity:0;justify-content:center;align-items:center;transition:opacity .45s;display:flex}.circular-carousel[data-ready] .circular-carousel__stage{opacity:1}.circular-carousel__camera,.circular-carousel__ring{width:0;height:0;transform-style:preserve-3d;position:relative}.circular-carousel__tile{backface-visibility:hidden;width:clamp(190px,30vw,390px);height:clamp(300px,55vw,430px);transform:translate(-50%,-50%) translateX(calc(var(--cc-offset) * clamp(165px,25vw,310px))) translateY(calc(var(--cc-curve) * var(--cc-curve) * 18px)) translateZ(calc(var(--cc-depth) * -90px)) rotate(calc(var(--cc-offset) * 7deg));opacity:calc(1 - var(--cc-depth) * .22);z-index:calc(10 - var(--cc-depth));transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s;position:absolute;top:50%;left:50%}.circular-carousel__tile[aria-hidden=true]{pointer-events:none}.circular-carousel__frame{background:#e8eae4;border:1px solid #222;position:absolute;inset:0;overflow:hidden;box-shadow:10px 12px #1a1d1921}.circular-carousel__photo{object-fit:cover;pointer-events:none;position:absolute;inset:0}.circular-carousel__shade{background:var(--cc-fade);opacity:calc(var(--cc-depth) * .12);pointer-events:none;position:absolute;inset:0}.circular-carousel__badge{text-transform:uppercase;letter-spacing:.05em;background:#fffdf8;padding:8px 10px;font-size:10px;position:absolute;bottom:15px;left:15px}.circular-carousel__badge span{color:#6f4bf2;margin:0 3px}.circular-carousel__badge--recycle{background:#c7b5ff}.circular-carousel__caption{text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;bottom:-102px;left:0;right:0}.circular-carousel__caption strong{letter-spacing:-.03em;font:400 21px Arial,sans-serif}.circular-carousel__caption span{color:#595650;font-size:12px}.circular-carousel__caption a{color:#6f4bf2;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-top:5px;font-size:10px;display:inline-flex}.circular-carousel__controls{align-items:center;gap:13px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.circular-carousel__controls button{cursor:pointer;background:#fffdf8;border:1px solid #222;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.circular-carousel__controls button:hover{background:#f5d547}.circular-carousel__controls span{letter-spacing:.12em;font-size:10px}.circular-carousel__live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.circular-carousel__stage,.circular-carousel__tile{transition:none}}@media (max-width:700px){.circular-carousel{height:540px}.circular-carousel__tile{width:74vw;height:380px;transform:translateX(calc(var(--cc-offset) * 67vw)) translateZ(calc(var(--cc-depth) * -70px)) rotate(calc(var(--cc-offset) * 5deg))}.circular-carousel__caption{bottom:-92px}.circular-carousel__caption strong{font-size:19px}}
.counter{font-variant-numeric:tabular-nums;align-items:baseline;gap:9px;display:inline-flex}.counter__value{font-family:var(--font-display);letter-spacing:-.09em;min-width:2ch;font-size:clamp(54px,7vw,94px);font-weight:800;line-height:.8;display:inline-block}.counter__suffix{color:var(--olive);letter-spacing:-.03em;font-size:20px;font-weight:700}.counter__label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px}
