.lf-gallery{max-width:none;margin:auto;border-top:1px solid var(--line);overflow:hidden}
.lf-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.lf-gallery-heading h2{font-size:clamp(30px,4vw,46px)}
.lf-gallery-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}
.lf-gallery-controls button{width:48px;height:48px;padding:0;border:1px solid #ffcf5570;background:transparent;color:var(--gold);font-size:24px}
.lf-gallery-controls button:hover{background:var(--gold);color:var(--bg)}
.lf-gallery-controls button:disabled{opacity:.3;cursor:default}
.lf-gallery-count{min-width:54px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}
.lf-gallery-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;padding-bottom:16px}
.lf-gallery-track:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.lf-gallery-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.lf-gallery-slide img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#17140f}
@media(max-width:600px){.lf-gallery-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:20px}.lf-gallery-controls{align-self:flex-end}.lf-gallery-track{gap:12px}.lf-gallery-slide{flex-basis:100%}}
.lf-gallery-title{font-size:clamp(31px,3.2vw,45px);line-height:1.18;margin:0 0 28px;max-width:900px}
.lf-gallery-controls{gap:12px}
.lf-gallery-controls button{width:34px;height:34px;font-size:19px;position:relative}
.lf-gallery-controls button::after{content:'';position:absolute;inset:-5px}
.lf-gallery-count{font-size:12px;min-width:48px}
.lf-gallery-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.lf-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px 24px 76px;border:0;background:#080808f5;color:#f1eadd}
.lf-lightbox::backdrop{background:#000c}
.lf-lightbox-image{display:block;width:100%;height:100%;object-fit:contain}
.lf-lightbox button{border:1px solid #ffcf5566;background:#080808;color:#ffcf55;width:44px;height:44px;font-size:24px}
.lf-lightbox-close{position:absolute;right:20px;top:12px}
.lf-lightbox-controls{position:absolute;bottom:16px;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:24px}
.lf-lightbox-controls span{font-size:13px;min-width:55px;text-align:center}
@media(max-width:600px){.lf-gallery-title{font-size:30px;margin-bottom:22px}.lf-lightbox{padding-left:8px;padding-right:8px}}

/* Three visible photos rotate together; the next photo arrives from the right. */
#photos .lf-gallery-ring{position:relative;display:block;overflow:hidden;aspect-ratio:2.2;padding:0;touch-action:pan-y;scrollbar-width:none}
.lf-gallery-ring .lf-gallery-slide{position:absolute;top:0;left:16%;width:68%;transform:translateX(calc(var(--position) * (100% + 18px)));transition:transform 800ms ease;scroll-snap-align:none}
.lf-gallery-ring .lf-gallery-slide img{aspect-ratio:3/2;object-fit:cover}
.lf-gallery-ring .lf-gallery-slide[data-position="0"]{z-index:1}
.lf-gallery-ring .lf-gallery-open:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
@media(max-width:600px){#photos .lf-gallery-ring{aspect-ratio:1.875}.lf-gallery-ring .lf-gallery-slide{left:10%;width:80%;transform:translateX(calc(var(--position) * (100% + 10px)))}}
@media(prefers-reduced-motion:reduce){.lf-gallery-ring .lf-gallery-slide{transition:none}}

/* Keep carousel layers below the booking calendar above it. */
#photos{position:relative;isolation:isolate;z-index:0}
