.photo-carousel{width:100%;max-width:1080px;margin:24px auto}.carousel{position:relative;overflow:hidden;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.18);height:clamp(320px,48vh,560px)}@media (max-width:640px){.carousel{height:clamp(260px,40vh,420px)}}.carousel-image{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .32s ease-in-out;object-position:center center;object-fit:cover;border-radius:12px}.carousel-image.active{opacity:1}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.35);color:#fff;border:none;padding:10px 12px;cursor:pointer;border-radius:50%;line-height:1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:background .16s ease;z-index:2}.carousel-btn:hover{background:rgba(0,0,0,.55)}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:8px;z-index:2}.carousel-dots button{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.25);padding:0;cursor:pointer}.carousel-dots button.active{background:#fff;border-color:#fff}