.phone-slideshow{position:relative;width:100%;border-radius:24px;overflow:hidden;background:var(--cream,#fff5e9);box-shadow:16px 18px 0 var(--lav)}
.phone-slideshow__track{position:relative;width:100%;aspect-ratio:682/1024;background:var(--cream,#fff5e9)}
.phone-slideshow__slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease;pointer-events:none}
.phone-slideshow__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.phone-slideshow__slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:var(--cream,#fff5e9)}
.phone-slideshow__dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:7px;z-index:3;max-width:calc(100% - 20px);padding:6px 10px;border-radius:999px;background:rgba(32,26,50,.55);backdrop-filter:blur(6px)}
.phone-slideshow__dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.45);cursor:pointer;transition:transform .2s,background .2s;flex:0 0 8px}
.phone-slideshow__dot.is-active{background:#fff;transform:scale(1.15)}
.phone-slideshow__dot:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:600px){.phone-slideshow{box-shadow:14px 17px 0 var(--lav);border-radius:22px}.phone-slideshow__dots{bottom:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.phone-slideshow__slide{transition:none}}