/* Galleriet «Alle filmene»: det vannrette baandet med piler.
   Brukt av forsida, filmsida og forhaandsvisninga - derfor global, ikke scoped. */
/* ---------- Gallery ---------- */
.gal { padding: clamp(5rem, 12vh, 9rem) 0; }
.gal__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: 0 var(--gut) 2.2rem; }
.gal__head h2 { font-size: clamp(2.4rem, 5.5vw, 4.8rem); }
.gal__tools { display: flex; align-items: center; gap: 1.4rem; }
.gal__nav { display: flex; gap: 0.5rem; }
.gal__nav button { all: unset; cursor: pointer; width: 2.9rem; height: 2.9rem; border-radius: 50%; border: 1px solid rgba(255,255,255,0.35); display: grid; place-items: center; color: var(--fg); transition: background-color 0.3s, color 0.3s, border-color 0.3s; }
.gal__nav button svg { width: 42%; }
.gal__nav button:hover, .gal__nav button:focus-visible { background: var(--fg); color: #000; border-color: var(--fg); }
@media (max-width: 40rem) { .gal__tools .kicker { display: none; } }
/* Endless ribbon: the card set is rendered twice and the track drifts left, wrapping seamlessly.
   Pauses while hovered, can be dragged. Without JS / with reduced motion: plain horizontal scroll. */
.track { display: flex; gap: 1rem; padding: 0 var(--gut); overflow-x: auto; scrollbar-width: none; cursor: grab; touch-action: pan-y; }
.track::-webkit-scrollbar { display: none; }
.track [data-clone] { display: none; }
html.gal--loop .gal { overflow: hidden; }
html.gal--loop .track { overflow: visible; width: max-content; padding: 0; will-change: transform; }
html.gal--loop .track [data-clone] { display: block; }
.track.is-dragging { cursor: grabbing; }
.track.is-dragging .gcard a { pointer-events: none; }
.gcard { flex: 0 0 min(62vw, 34rem); }
.gcard .media { aspect-ratio: 16/9; border-radius: 4px; }
.gcard .media img { transition: transform 0.8s ease; }
.gcard:hover .media img { transform: scale(1.04); }
.gcard__cap { display: flex; justify-content: space-between; gap: 1rem; padding: 0.9rem 0.2rem 0; font-size: 0.9rem; }
.gcard__cap strong { font: 400 1.15rem/1.2 Fraunces, Georgia, serif; }
.gcard__cap span { color: var(--mute); }
.gcard a { all: unset; cursor: pointer; display: block; width: 100%; }
.gcard a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }


/* Overskrift og kicker inne i galleriet. Markeringa settes inn med set:html og
   faar ikke sidas scope-attributt, saa de maa staa her. Samme verdier som ellers. */
.gal .serif { font-family: Fraunces, Georgia, serif; font-weight: 300; line-height: 0.95; letter-spacing: -0.02em; }
.gal .kicker { font: 500 0.72rem/1 Inter, sans-serif; letter-spacing: 0.2em; text-transform: uppercase; color: var(--mute); }