.sequence-gallery { padding-top: 1rem; padding-bottom: 1rem; scroll-margin-top: 6rem; }
.gallery-heading { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: 1rem; }
.gallery-heading h2 { margin: 0; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.45; letter-spacing: -.025em; }
.gallery-footer a { white-space: nowrap; font-size: .85rem; text-underline-offset: .2em; }
#sequence-gallery-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #fafbfa; border: 1px solid #dfe6e7; border-radius: 14px; box-shadow: 0 14px 48px #152e4410; }
.gallery-scenes { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .65rem; margin-top: .65rem; }
.gallery-scenes button, .gallery-scenes > a { min-width: 0; padding: .5rem; border: 1px solid #d8e0e3; border-radius: 10px; background: #fafbfa; color: #24343f; cursor: pointer; font: inherit; text-align: left; transition: border-color .15s; }
.gallery-scenes button[aria-pressed="true"] { border-color: #136e65; box-shadow: inset 0 0 0 1px #136e65; background: #edf7f4; }
.gallery-scenes button:hover { border-color: #136e65; }
.gallery-scenes button:focus-visible { outline: 3px solid #177dbe; outline-offset: 3px; }
.gallery-scenes img { display: block; width: 100%; height: auto; aspect-ratio: 384 / 260; object-fit: cover; border-radius: 5px; }
.gallery-scenes span { display: block; margin-top: .4rem; font-size: .8rem; font-weight: 650; }
.gallery-scenes small { display: block; margin-top: .2rem; color: #536773; font-size: .7rem; }
.gallery-footer { display: flex; align-items: baseline; justify-content: flex-end; gap: 1rem; margin-top: .4rem; }
.gallery-footer p { font-size: .8rem; line-height: 1.65; color: var(--muted, #546272); }
@media (max-width: 650px) {
  .gallery-heading { align-items: start; flex-direction: column; gap: .35rem; }
  .gallery-scenes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gallery-scenes span { font-size: .72rem; }
  .gallery-scenes small { font-size: .65rem; }
  #sequence-gallery-video { border-radius: 7px; }
}
@media (prefers-reduced-motion: reduce) { .gallery-scenes button { transition: none; } }