.gallery{margin:22px 0 26px;min-width:0}
.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.gallery-heading h2{margin:0;font:500 21px/1.2 'Cormorant Garamond',Georgia,serif;max-width:250px}
.gallery-pause{font:400 12px 'DM Sans',sans-serif;color:var(--ink);background:#faf8f3;border:1px solid var(--stroke);border-radius:20px;padding:10px 12px;min-height:40px;cursor:pointer;flex-shrink:0}
.gallery-window{overflow:hidden;margin:0 -4px;padding:4px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.gallery-track{display:flex;width:max-content;animation:gallery-drift 48s linear infinite;will-change:transform}
.thumbnail-set{display:flex;gap:10px;padding-right:10px}
.gallery-thumb{position:relative;display:block;width:104px;height:104px;padding:0;flex:none;border:1px solid #c6cbbb;border-radius:15px;overflow:hidden;background:#e0e4db;cursor:pointer}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.gallery-thumb:hover img{transform:scale(1.08)}
.gallery-thumb:focus-visible{outline:3px solid var(--ink);outline-offset:-4px}
.play-badge{position:absolute;bottom:7px;right:7px;background:#20382bc9;color:white;border:1px solid #ffffff55;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;padding-left:2px;backdrop-filter:blur(4px)}
.gallery-hint{font-size:12px;color:var(--muted);margin:10px 0 0}
.gallery:hover .gallery-track,.gallery:focus-within .gallery-track,.gallery.is-paused .gallery-track{animation-play-state:paused}
@keyframes gallery-drift{to{transform:translateX(-50%)}}
.lightbox{border:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;color:#fbfaf5;background:#17251bec;overflow:hidden}
.lightbox::backdrop{background:#152017e8;backdrop-filter:blur(12px)}
.lightbox-shell{height:100%;display:flex;flex-direction:column;align-items:center;padding:16px 14px max(18px,env(safe-area-inset-bottom));overflow:hidden}
.lightbox-top{display:flex;align-items:center;justify-content:space-between;width:min(1080px,100%);gap:12px;flex-shrink:0}
.lightbox-top p{font-size:14px;font-weight:400;margin:0;color:#e4e9df}
.lightbox button{font-family:inherit;color:inherit;cursor:pointer}
.lightbox-close{width:44px;height:44px;font-size:32px;line-height:1;border:1px solid #ffffff40;background:#ffffff0d;border-radius:50%}
.card-stage{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;margin:18px 0;touch-action:pan-y}
.active-card{position:relative;z-index:2;margin:0;height:100%;max-height:760px;width:auto;max-width:calc(100vw - 72px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#111a13;box-shadow:0 20px 80px #0007;border:1px solid #ffffff35;display:flex;align-items:center;justify-content:center}
.active-card>img,.active-card>video{width:100%;height:100%;object-fit:contain;display:block;background:#101610}
.side-card{position:absolute;left:50%;top:50%;width:auto;height:82%;max-height:620px;aspect-ratio:9/16;max-width:calc(100vw - 80px);padding:0;border:1px solid #ffffff33;background:#223528;border-radius:22px;overflow:hidden;opacity:.6;transition:opacity .25s,filter .25s;filter:brightness(.65);z-index:1}
.side-card:hover{opacity:.9;filter:brightness(.9)}
.side-card img{width:100%;height:100%;object-fit:cover;display:block}
.previous-card{transform:translate(-105%,-50%) rotate(-8deg)}
.next-card{transform:translate(5%,-50%) rotate(8deg)}
.lightbox-nav{display:flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0}
.lightbox-nav button{width:46px;height:46px;border-radius:50%;border:1px solid #ffffff55;background:#ffffff0e;font-size:24px}
.lightbox-nav button:hover,.lightbox-close:hover{background:#ffffff22}
.lightbox-nav p{min-width:75px;text-align:center;font-size:14px;margin:0;color:#eef2e8}
.lightbox-hint{font-size:12px;color:#c6d1c1;margin:12px 0 0;text-align:center}
.media-error{position:absolute;inset:40% 12%;text-align:center;background:#18261cf2;padding:16px;border-radius:10px;font-size:14px;height:max-content}
.media-error a{text-decoration:underline;display:block;margin-top:10px}
.lightbox button:focus-visible{outline:3px solid #dfc496;outline-offset:3px}
@media(min-width:700px){.previous-card{transform:translate(-135%,-50%) rotate(-9deg)}.next-card{transform:translate(35%,-50%) rotate(9deg)}}
@media(max-height:480px){.lightbox-shell{padding:8px}.lightbox-top p,.lightbox-hint{display:none}.lightbox-top{position:absolute;top:8px;right:8px;width:auto;z-index:4}.card-stage{margin:4px 0}.lightbox-nav{gap:14px}.lightbox-nav button{height:34px;width:40px}}
@media(prefers-reduced-motion:reduce){.gallery-track{animation:none}.gallery-window{overflow-x:auto;mask-image:none}.thumbnail-set[aria-hidden]{display:none}.gallery-thumb img,.side-card{transition:none}}