.wood-carousel{--carousel-card-width:130px;--carousel-card-height:190px;width:100%;overflow-x:clip;color:#14201a}.wood-carousel__stage{position:relative;width:100%;height:clamp(235px,24vw,315px);perspective:1600px;perspective-origin:50% 44%;overflow:visible;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.wood-carousel__stage:active{cursor:grabbing}.wood-carousel__stage:focus-visible{outline-offset:5px}.wood-carousel__entrance,.wood-carousel__item,.wood-carousel__ring{position:absolute;inset:0;transform-style:preserve-3d}.wood-carousel__entrance{opacity:0;transform:translateY(18px) scale(.96);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.wood-carousel.is-entered .wood-carousel__entrance{opacity:1;transform:translateY(0) scale(1)}.wood-carousel__ring{will-change:transform}.wood-carousel__item{left:50%;top:50%;right:auto;bottom:auto;width:var(--carousel-card-width);height:var(--carousel-card-height);margin-left:calc(var(--carousel-card-width) / -2);margin-top:calc(var(--carousel-card-height) / -2);transform:rotateY(var(--carousel-angle)) translateZ(var(--carousel-radius));backface-visibility:hidden;opacity:1}.wood-carousel.is-entered .wood-carousel__item{animation:wood-carousel-card-enter .52s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--carousel-index) * 20ms)}.wood-carousel__card{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:1px solid rgb(247 242 231/64%);border-radius:9px;padding:0;background:#ddd4c4;color:#fff;text-align:left;box-shadow:0 14px 32px rgb(20 32 26/18%),0 2px 6px rgb(20 32 26/10%);backface-visibility:hidden;transform:translateZ(0)}.wood-carousel__card:after{position:absolute;inset:38% 0 0;background:linear-gradient(180deg,transparent,rgb(20 32 26/10%) 32%,rgb(20 32 26/78%));content:"";pointer-events:none}.wood-carousel__card img{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.wood-carousel__caption{position:absolute;z-index:1;inset-inline:9px;bottom:9px;color:#fff;font-size:11px;font-weight:500;line-height:1.25;overflow-wrap:anywhere;text-shadow:0 1px 6px rgb(0 0 0/45%)}.wood-carousel__image-fallback{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(145deg,#70553b,#1f3b2d);color:#ebddba;font-size:14px;font-weight:600}.wood-carousel__controls{position:relative;z-index:5;display:flex;min-height:42px;align-items:center;justify-content:center;gap:16px;margin-top:0}.wood-carousel__arrow{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid rgb(31 59 45/22%);border-radius:50%;background:transparent;color:#1f3b2d;font-size:22px;line-height:1;cursor:pointer;transition:all .18s ease}.wood-carousel__arrow:hover{background:rgb(31 59 45/8%);border-color:#1f3b2d}.wood-carousel__arrow:active{transform:scale(.94)}.wood-carousel__current{display:grid;min-width:140px;justify-items:center;gap:1px;color:#14201a;font-size:13px;font-weight:500;text-align:center}.wood-carousel__count{color:rgb(20 32 26/58%);font-size:10px;font-variant-numeric:tabular-nums}.wood-carousel.is-reduced .wood-carousel__entrance{opacity:1;transform:none;transition:none}.wood-carousel.is-reduced .wood-carousel__item,.wood-carousel.is-reduced .wood-carousel__ring{animation:none;will-change:auto}@keyframes wood-carousel-card-enter{0%{opacity:.25;filter:saturate(.85)}to{opacity:1;filter:saturate(1)}}@media (max-width:640px){.wood-carousel__stage{height:215px;perspective:1000px;perspective-origin:50% 42%}.wood-carousel__caption{inset-inline:7px;bottom:7px;font-size:9.5px;line-height:1.2}.wood-carousel__controls{gap:12px}.wood-carousel__arrow{width:38px;height:38px;flex:0 0 38px;font-size:22px}}@media (prefers-reduced-motion:reduce){.wood-carousel__entrance{opacity:1;transform:none;transition:none}.wood-carousel__item,.wood-carousel__ring{animation:none!important;will-change:auto}}