.hotel-hero-gallery{isolation:isolate;width:100%;max-width:560px;margin-inline:auto;padding:12px 0 40px;position:relative}.hotel-hero-gallery__glow{z-index:-1;background:radial-gradient(ellipse,color-mix(in oklch,var(--primary) 17%,transparent),transparent 70%);filter:blur(28px);border-radius:50%;position:absolute;inset:12% 3% 7%}.hotel-hero-gallery__card{aspect-ratio:1.6;background:#e4e8e8;border:5px solid #fff;border-radius:24px;width:86%;animation:8s ease-in-out infinite hotel-hero-drift;position:relative;overflow:hidden;box-shadow:0 24px 55px -22px #0f232d59,0 3px 12px #0f232d12}.hotel-hero-gallery__card--1{margin-left:14%}.hotel-hero-gallery__card--2{z-index:1;margin-top:-28px;animation-delay:-4s}.hotel-hero-gallery__card img{object-fit:cover;width:100%;height:100%;display:block}.hotel-hero-gallery__card figcaption{color:#fff;background:linear-gradient(#0000,#05141cc7);padding:48px 22px 20px;position:absolute;inset:auto 0 0}.hotel-hero-gallery__card figcaption span{letter-spacing:.16em;text-transform:uppercase;font-size:10px;display:block}.hotel-hero-gallery__card figcaption strong{letter-spacing:-.02em;margin-top:4px;font-size:clamp(17px,2vw,23px);font-weight:600;display:block}.hotel-hero-gallery__card img{animation:.7s both hotel-hero-fade}.hotel-hero-gallery__dots{gap:6px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hotel-hero-gallery__dots button{background:color-mix(in oklch,var(--muted-foreground) 35%,transparent);cursor:pointer;border-radius:999px;width:8px;height:8px;padding:0;transition:width .3s,background-color .3s}.hotel-hero-gallery__dots button[aria-current=true]{background:var(--primary);width:22px}.hotel-hero-gallery__dots button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@keyframes hotel-hero-fade{0%{opacity:0}to{opacity:1}}@keyframes hotel-hero-drift{0%,to{transform:translate(0)}50%{transform:translateY(-8px)}}@media(max-width:639px){.hotel-hero-gallery__card{border-width:4px;border-radius:18px}.hotel-hero-gallery__card--2{margin-top:-14px}.hotel-hero-gallery__card figcaption{padding:36px 14px 14px}}@media(prefers-reduced-motion:reduce){.hotel-hero-gallery__card,.hotel-hero-gallery__card img{animation:none}}
