.hero-carousel{--slide-width:min(720px, 64vw);--slide-gap:16px;background:#f2f2f2;width:100%;padding-top:15px;overflow:hidden}.hero-carousel-stage{height:calc(var(--slide-width) / 2.4);touch-action:pan-y;position:relative}.hero-carousel-slide{width:var(--slide-width);transform-origin:50%;background:#e7dfd1;border-radius:8px;height:100%;transition:transform .55s cubic-bezier(.22,.68,.22,1),opacity .55s;position:absolute;top:0;left:50%;overflow:hidden}.hero-carousel-slide.is-active{z-index:2;transform:translate(-50%)}.hero-carousel-slide.is-previous{transform:translateX(calc(-140% - var(--slide-gap))) scale(.8);z-index:1}.hero-carousel-slide.is-next{transform:translateX(calc(40% + var(--slide-gap))) scale(.8);z-index:1}.hero-carousel-slide.is-hidden{opacity:0;visibility:hidden}.hero-carousel-slide>a{height:100%;display:block;position:relative}.hero-carousel-photo{position:absolute;inset:0;overflow:hidden}.hero-carousel-image{object-fit:cover;object-position:center 62%;width:100%;height:100%}.hero-carousel-arrow{z-index:3;background:color-mix(in srgb, var(--color-brand-brown) 25%, transparent);color:#fff;cursor:pointer;border:0;border-radius:5px;place-items:center;width:42px;height:56px;font:42px/1 Arial,sans-serif;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hero-carousel-arrow.is-left{left:8px}.hero-carousel-arrow.is-right{right:8px}.hero-carousel-arrow:hover{background:color-mix(in srgb, var(--color-brand-brown) 50%, transparent)}.hero-carousel-controls{justify-content:center;align-items:center;gap:8px;height:26px;display:flex}.hero-carousel-dots{align-items:center;display:flex}.hero-carousel-dots button{cursor:pointer;place-items:center;width:24px;height:24px;display:grid}.hero-carousel-dots span{background:#dcd6ce;border-radius:999px;width:5px;height:4px;transition:width .2s,background .2s}.hero-carousel-dots button[aria-current] span{background:var(--color-brand-orange);width:13px}.hero-carousel-pause{width:24px;height:24px;color:var(--color-brand-brown);cursor:pointer;font-size:12px}.hero-carousel button:focus-visible,.hero-carousel-slide>a:focus-visible{outline:2px solid var(--color-brand-brown);outline-offset:-3px}@media (max-width:639px){.hero-carousel{--slide-width:86vw;--slide-gap:10px;padding-top:12px}.hero-carousel-stage{height:235px}.hero-carousel-arrow{width:28px;height:44px;font-size:30px}.hero-carousel-arrow.is-left{left:2px}.hero-carousel-arrow.is-right{right:2px}}@media (prefers-reduced-motion:reduce){.hero-carousel-slide,.hero-carousel-dots span{transition:none}}.hero-carousel{--slide-width:calc(min(1200px, 100vw) - 80px)}@media (min-width:640px) and (max-width:1023px){.hero-carousel{--slide-width:calc(100vw - 48px)}}@media (max-width:639px){.hero-carousel{--slide-width:calc(100vw - 32px)}}