.grade-gal{min-width:0;display:flex;flex-direction:column;gap:20px}.grade-gal--empty{aspect-ratio:1376/768;background:var(--paper);border:1px solid var(--line)}.grade-gal-main{margin:0;display:flex;flex-direction:column;gap:10px}.grade-gal-stage{position:relative;aspect-ratio:1376/768;overflow:hidden;background:var(--navy);border:1px solid var(--line)}.grade-gal-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s ease;filter:saturate(.96) contrast(1.03)}.grade-gal-img.is-active{opacity:1}.grade-gal-cap{margin:0;font-family:var(--font-display);font-size:var(--fs-body);font-weight:600;line-height:1.35;color:var(--navy)}.grade-gal-thumbs{display:grid;grid-template-columns:repeat(var(--grade-gal-n,5),minmax(0,1fr));grid-gap:10px;gap:10px}.grade-gal-thumb{position:relative;aspect-ratio:7/5;min-width:0;min-height:44px;padding:0;border:1px solid var(--line);border-radius:0;background:var(--navy);overflow:hidden;cursor:pointer}.grade-gal--n4 .grade-gal-thumb{aspect-ratio:1376/768}.grade-gal-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.grade-gal-thumb:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow .15s ease}.grade-gal-thumb:hover:after{box-shadow:inset 0 0 0 2px var(--muted)}.grade-gal-thumb[aria-pressed=true]{border-color:var(--navy)}.grade-gal-thumb[aria-pressed=true]:after{box-shadow:inset 0 0 0 2px var(--navy),inset 0 0 0 4px var(--panel)}.grade-gal-thumb:focus-visible{outline:2px solid var(--blue);outline-offset:6px}@media (max-width:640px){.grade-gal-thumbs{gap:8px}.grade-gal-thumb{aspect-ratio:1/1}.grade-gal--n4 .grade-gal-thumb{aspect-ratio:9/7}.grade-gal--n3 .grade-gal-thumb{aspect-ratio:16/9}.grade-gal-cap{font-size:var(--fs-body)}}@media (prefers-reduced-motion:reduce){.grade-gal-img,.grade-gal-thumb,.grade-gal-thumb:after{transition:none}}