/* ============================================================
   LSD Gallery — front-end styles
   (Same look & feel as the original hand-built gallery)
   ============================================================ */
.lsdg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.lsdg-wrap{
	width:100%;
	font-family:'Cormorant Garamond','Georgia',serif;
	box-sizing:border-box;
	--lsdg-row-h:480px;
}
.lsdg-wrap *{box-sizing:border-box}

/* ── Single-row justified gallery ── */
.lsdg-row{
	display:flex;
	flex-direction:row;
	align-items:stretch;
	width:100%;
	height:var(--lsdg-row-h);
	overflow:hidden;
	gap:5px;
	background:#e0d9d0;
}
.lsdg-item{
	position:relative;
	overflow:hidden;
	flex-shrink:0;
	background:#c8c0b4;
	cursor:pointer;
}
.lsdg-item img,
.lsdg-item video{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.5s cubic-bezier(.25,.46,.45,.94);
}
.lsdg-item:hover img,
.lsdg-item:hover video{transform:scale(1.04)}

/* Play glyph over videos / embeds in the row */
.lsdg-item .lsdg-play{
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	width:56px;height:56px;border-radius:50%;
	background:rgba(0,0,0,.42);
	display:flex;align-items:center;justify-content:center;
	pointer-events:none;transition:opacity .25s;z-index:2;
}
.lsdg-item .lsdg-play svg{width:20px;height:20px;margin-left:3px}
.lsdg-item.lsdg-playing .lsdg-play{opacity:0}

/* "View All" badge on last visible item */
.lsdg-view-all{
	position:absolute;
	bottom:14px;
	right:14px;
	background:rgba(255,255,255,0.88);
	color:#1a1a1a;
	border:none;
	padding:8px 18px;
	font-family:'Cormorant Garamond','Georgia',serif;
	font-size:12px;
	letter-spacing:0.13em;
	text-transform:uppercase;
	cursor:pointer;
	transition:background 0.18s,color 0.18s;
	pointer-events:none;
	z-index:3;
}
.lsdg-item:last-child .lsdg-view-all{pointer-events:auto}

/* ── Navigation bar ── */
.lsdg-bar{display:flex;align-items:center;padding:12px 2px 2px}
.lsdg-nav{display:flex;align-items:center;gap:8px}
.lsdg-arrow{
	background:none;border:0.5px solid #aaa;width:32px;height:32px;
	display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1a1a1a;
	transition:background 0.16s,color 0.16s,border-color 0.16s;
}
.lsdg-arrow:hover{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.lsdg-arrow:disabled{opacity:0.28;pointer-events:none}
.lsdg-counter{font-size:13px;letter-spacing:0.08em;color:#777;min-width:42px;text-align:center}

/* ── Lightbox ── */
.lsdg-lightbox{
	display:none;position:fixed;inset:0;z-index:99999;
	background:rgba(6,6,6,0.96);flex-direction:column;align-items:center;justify-content:center;
	font-family:'Cormorant Garamond','Georgia',serif;
}
.lsdg-lightbox.active{display:flex}
.lsdg-lb-stage{
	flex:1;display:flex;align-items:center;justify-content:center;
	width:100%;padding:60px 80px 0;min-height:0;
}
.lsdg-lb-img,
.lsdg-lb-video{max-width:100%;max-height:100%;object-fit:contain;display:block}
.lsdg-lb-video{display:none}
.lsdg-lb-embed{display:none;width:min(1200px,90vw);max-width:100%}
.lsdg-lb-embed.active{display:block}
.lsdg-lb-embed .lsdg-lb-embed-frame{
	position:relative;width:100%;padding-top:56.25%;height:0;
}
.lsdg-lb-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lsdg-lb-close{
	position:fixed;top:20px;right:24px;background:none;
	border:0.5px solid rgba(255,255,255,0.28);color:#fff;width:40px;height:40px;
	display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color 0.18s;z-index:2;
}
.lsdg-lb-close:hover{border-color:#fff}
.lsdg-lb-arrow{
	position:fixed;top:50%;transform:translateY(-50%);background:none;
	border:0.5px solid rgba(255,255,255,0.22);color:#fff;width:44px;height:44px;
	display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color 0.18s;z-index:2;
}
.lsdg-lb-prev{left:20px}
.lsdg-lb-next{right:20px}
.lsdg-lb-arrow:hover{border-color:#fff}
.lsdg-lb-footer{
	width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;
	padding:16px 0 20px;flex-shrink:0;
}
.lsdg-lb-counter{font-size:12px;letter-spacing:0.1em;color:rgba(255,255,255,0.45)}
.lsdg-lb-strip{
	display:flex;gap:5px;max-width:90vw;overflow-x:auto;padding:2px 4px;scrollbar-width:none;
}
.lsdg-lb-strip::-webkit-scrollbar{display:none}
.lsdg-lb-thumb{
	position:relative;width:52px;height:38px;flex-shrink:0;cursor:pointer;
	opacity:0.38;border:1.5px solid transparent;transition:opacity 0.18s,border-color 0.18s;
	background:#222;
}
.lsdg-lb-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lsdg-lb-thumb .lsdg-thumb-play{
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	color:#fff;font-size:11px;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none;
}
.lsdg-lb-thumb.active,.lsdg-lb-thumb:hover{opacity:1;border-color:#fff}

/* ── Responsive ── */
@media(max-width:900px){
	.lsdg-wrap{--lsdg-row-h:340px}
}
@media(max-width:600px){
	.lsdg-wrap{--lsdg-row-h:220px}
	.lsdg-row{gap:3px}
	.lsdg-lb-stage{padding:50px 48px 0}
	.lsdg-lb-prev{left:8px}
	.lsdg-lb-next{right:8px}
	.lsdg-item .lsdg-play{width:44px;height:44px}
}
@media(max-width:400px){
	.lsdg-wrap{--lsdg-row-h:180px}
}