/* Selected work: an upward column on desktop, a sideways strip on mobile. */
.featured.marquee { min-width: 0; margin: 0; }
.marquee-window { width: 100%; height: max(360px, calc(100svh - 164px)); overflow: hidden auto; scrollbar-width: none; scroll-behavior: auto; overflow-anchor: none; mask-image: linear-gradient(to bottom, transparent, #000 18px, #000 calc(100% - 36px), transparent); }
.marquee-window::-webkit-scrollbar { display: none; }
.marquee-track, .marquee-group { display: flex; flex-direction: column; width: 100%; }
.marquee-group { flex: none; gap: 28px; padding: 0 0 28px; }
.marquee-item { display: block; flex: none; width: 100%; color: var(--text); text-decoration: none; background: none; }
.marquee-art { display: block; position: relative; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: var(--surface); }
.marquee-art > img, .marquee-art > video { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.marquee-art.contain > img, .marquee-art.contain > video { object-fit: contain; }
.marquee-art.clear { background: transparent; }
.marquee-art.top > video { object-position: top left; }
.marquee-art.logo-plate { display: flex; align-items: center; justify-content: center; }
.marquee-art .output-word { width: 54%; height: auto; color: var(--text); }
.marquee-art .output-word .owL { opacity: 1; animation: none; }
.marquee-art .output-word .output-cursor { animation: none; }
.marquee-caption { display: flex; align-items: baseline; gap: 10px; padding: 10px 2px 0; font-size: 12px; line-height: 1.35; letter-spacing: -.01em; }
.marquee-caption b { font-weight: 500; }
.marquee-caption span { color: var(--text-secondary); font-weight: 400; }
.marquee-item:focus-visible { outline-offset: -2px; }
.marquee-window:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

@media (min-width: 1024px) {
  .featured.marquee { grid-column: 4 / -1; grid-row: 1; width: calc(100vw - 656px); }
  .entrance:has(.marquee) { padding-bottom: 0; }
}
@media (min-width: 1440px) {
  .featured.marquee { grid-column: 5 / -1; width: calc(100vw - 860px); }
}
@media (max-width: 1023px) {
  .entrance:has(.marquee) { display: flex; flex-direction: column; padding-bottom: 20px; }
  .featured.marquee { order: -1; width: 100%; margin: 0; }
  .marquee-window { width: calc(100vw - var(--pad)); height: auto; overflow: auto hidden; mask-image: linear-gradient(to right, #000, #000 calc(100% - 30px), transparent); }
  .marquee-track, .marquee-group { flex-direction: row; width: max-content; }
  .marquee-group { gap: 20px; padding: 0 20px 8px 0; }
  .marquee-item { width: clamp(260px, 78vw, 560px); }
  .marquee-art { aspect-ratio: 4 / 3; }
  .marquee-caption { gap: 8px; font-size: 12px; }
  .entrance:has(.marquee) .entrance-bio { padding-top: 44px; margin-top: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .marquee-group[aria-hidden="true"] { display: none; }
}