#home.hero{background-color:#eee7de;touch-action:pan-y}
.hero-slides{position:absolute;inset:0;pointer-events:none}
.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity .7s ease}
.hero-slide.is-active{opacity:1}
#home .dots{align-items:center;gap:0;bottom:8px}
#home button.dot{appearance:none;display:grid;place-items:center;width:36px;height:44px;padding:0;background:transparent;border:0;cursor:pointer}
#home button.dot:before{content:"";width:13px;height:13px;border-radius:50%;background:#fff;border:1px solid #999}
#home button.dot.active:before{background:#111;border-color:#111}
.hero-playback{border:1px solid #aaa;border-radius:50%;background:#ffffffdf;width:36px;height:36px;margin-left:8px;cursor:pointer;color:#111;font-size:14px}
#home button:focus-visible{outline:2px solid #4a2f20;outline-offset:1px}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}