.hero.hero-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3vw}.hero.hero-gallery .hero-art{grid-template-columns:minmax(64px,110px) minmax(0,1fr);align-items:stretch;gap:18px;max-width:810px;display:grid}.hero-thumbnails{grid-template-rows:repeat(4,1fr);gap:12px;min-height:0;display:grid}.hero-thumbnails button{background:var(--paper);cursor:pointer;border:2px solid #0000;width:100%;min-height:44px;padding:0;position:relative;overflow:hidden}.hero-thumbnails button img{object-fit:cover}.hero-thumbnails button[aria-pressed=true]{border:4px solid var(--yellow)}.hero-thumbnails button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.hero-thumbnails button:hover{border-color:var(--yellow)}.hero-gallery .poster-frame{animation:.25s ease-out hero-reveal}@keyframes hero-reveal{0%{opacity:.3}to{opacity:1}}@media (max-width:1000px){.hero.hero-gallery{grid-template-columns:1fr}.hero.hero-gallery .hero-art{flex-direction:column;max-width:680px;display:flex}.hero-thumbnails{order:2;grid-template-rows:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hero-thumbnails button{aspect-ratio:1.3}.hero-gallery .poster-frame{flex:none}}@media (prefers-reduced-motion:reduce){.hero-gallery .poster-frame{animation:none}}