/* DNA home-page photo gallery */
.dna-gallery{margin-top:56px}
.dna-gallery-stage{position:relative;aspect-ratio:16/9;max-height:78vh;width:100%;background:#0a0a0a;border:1px solid var(--line);overflow:hidden;outline-offset:4px}
.dna-gallery-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s ease;pointer-events:none}
.dna-gallery-slide.is-active{opacity:1;pointer-events:auto}
.dna-gallery-slide img{display:block;width:100%;height:100%;object-fit:contain;background:#0a0a0a}
.dna-gallery-caption{position:absolute;left:0;right:0;top:0;padding:18px 22px 46px;background:linear-gradient(rgba(0,0,0,.72),transparent);text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700;color:#f1ede4;pointer-events:none}
.dna-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:1px solid rgba(255,255,255,.4);background:rgba(7,7,7,.55);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s}
.dna-gallery-arrow:hover{background:rgba(185,147,86,.85);border-color:var(--gold)}
.dna-gallery-arrow.prev{left:14px}
.dna-gallery-arrow.next{right:14px}
.dna-gallery-pause{position:absolute;left:14px;bottom:14px;padding:8px 12px;border:1px solid rgba(255,255,255,.4);background:rgba(7,7,7,.55);color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:10px;cursor:pointer}
.dna-gallery-count{position:absolute;right:14px;bottom:14px;margin:0;padding:8px 12px;background:rgba(7,7,7,.55);color:#e8e4da!important;font-size:11px;letter-spacing:.14em}
.dna-gallery-thumbs{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.dna-gallery-thumb{flex:0 0 auto;width:96px;height:72px;padding:0;border:1px solid var(--line);background:#111;cursor:pointer;opacity:.55;transition:.2s}
.dna-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.dna-gallery-thumb:hover,.dna-gallery-thumb.is-active{opacity:1}
.dna-gallery-thumb.is-active{border-color:var(--gold)}
@media(max-width:680px){
  .dna-gallery{margin-top:34px}
  .dna-gallery-stage{aspect-ratio:4/3}
  .dna-gallery-arrow{width:42px;height:42px;font-size:26px}
  .dna-gallery-thumb{width:72px;height:54px}
}
@media(prefers-reduced-motion:reduce){.dna-gallery-slide{transition:none}}