.hero-slideshow{position:relative;min-height:600px;overflow:hidden}.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.1fr;visibility:hidden;opacity:0;pointer-events:none}.hero-slide.is-active{visibility:visible;opacity:1;pointer-events:auto;animation:lydia-slide-in .5s ease both}.hero-slide--chandelier{background:#29231e;color:#fff}.hero-slide--hanging{background:#4a3a2f;color:#fff}.hero-slide--pendant{background:#d7c9b6;color:#211c18}.hero-slide--wall{background:#263239;color:#fff}.hero-slide .hero-copy{padding:12vw 8vw;align-self:center}.hero-slide--pendant .hero-text{color:#51483f}.hero-slide .hero-media{position:relative;min-height:600px;overflow:hidden;background:transparent}.hero-slide .hero-media img{width:100%;height:100%;min-height:600px;object-fit:cover;object-position:center}.hero-dots{position:absolute;right:2rem;bottom:2rem;display:flex;gap:.55rem;z-index:2}.hero-dots button{width:.7rem;height:.7rem;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.25);cursor:pointer}.hero-dots button.is-active{background:#fff}.hero-controls{position:absolute;left:2rem;bottom:1.5rem;z-index:2;display:flex;align-items:center;gap:.75rem;color:#fff;font-size:.85rem;letter-spacing:.08em}.hero-arrow{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(25,20,17,.25);color:#fff;cursor:pointer;font-size:1.25rem}.hero-arrow:hover{background:#fff;color:#1e1b19}@keyframes lydia-slide-in{from{opacity:.15}to{opacity:1}}@media(prefers-reduced-motion:reduce){.hero-slide.is-active{animation:none}}@media(max-width:800px){.hero-slideshow{min-height:650px}.hero-slide{grid-template-columns:1fr;grid-template-rows:1fr 300px}.hero-slide .hero-copy{padding:70px 30px 45px}.hero-slide .hero-media,.hero-slide .hero-media img{min-height:300px}.hero-dots{right:1.25rem;bottom:1.25rem}.hero-controls{left:1.25rem;bottom:1rem}}
.hero-dots{gap:.15rem}.hero-dots button{display:grid;width:2rem;height:2rem;place-items:center;border:0;background:transparent}.hero-dots button::before{width:.7rem;height:.7rem;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.25);content:""}.hero-dots button.is-active{background:transparent}.hero-dots button.is-active::before{background:#fff}.hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:1px}