.image-list{min-width:0;width:100%;position:relative}.image-list-stage{position:relative;min-width:0}.image-list-card{margin:0;min-width:0}.list-visual{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--surface)}.list-crop{position:absolute;overflow:hidden}.list-crop img{display:block}.image-list-card>a{display:block}.image-list-card figcaption{padding:16px 2px;font-size:.875rem;line-height:1.6;color:var(--muted);letter-spacing:.03em;overflow-wrap:anywhere}.image-list-card figcaption:empty{display:none}.image-list-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.image-list-controls button{min-width:44px;min-height:44px;border:1px solid var(--line);color:var(--ivory);background:transparent;cursor:pointer}.image-list-controls button:disabled{opacity:.3;cursor:default}.image-list-dots{display:flex;gap:4px;overflow-x:auto;max-width:calc(100% - 104px);scrollbar-width:thin}.image-list-dots button{flex-shrink:0;border:none;font-size:.75rem;color:var(--muted)}.image-list-dots button[aria-current=true]{color:var(--gold);border-bottom:1px solid var(--gold)}
.image-list[data-mode=slider] .image-list-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.image-list[data-mode=slider] .image-list-card{flex:0 0 100%;scroll-snap-align:start}.image-list[data-mode=grid] .image-list-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.image-list[data-mode=stacked] .image-list-stage,.image-list[data-mode=static] .image-list-stage{display:grid;gap:24px}.image-list[data-mode=cinematic] .image-list-stage{display:grid;overflow:hidden;isolation:isolate;touch-action:pan-y}.image-list[data-mode=cinematic] .image-list-card{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity var(--transition) ease;z-index:0}.image-list[data-mode=cinematic] .image-list-card:first-child{opacity:1}.image-list.cinematic-ready[data-mode=cinematic] .image-list-card{opacity:0}.image-list.cinematic-ready[data-mode=cinematic] .image-list-card.is-active{opacity:1;pointer-events:auto;z-index:1}.image-list[data-mode=cinematic] .list-visual{aspect-ratio:4/5;max-height:68svh}.image-list[data-mode=cinematic] figcaption{min-height:68px;padding:20px 4px;background:var(--bg)}.image-list[data-mode=cinematic] .is-active .list-crop,.image-list[data-mode=cinematic] .is-leaving .list-crop{animation:cinematic-drift calc(var(--duration) + var(--transition)) linear both}.image-list[data-mode=cinematic] .is-active figcaption{animation:caption-in var(--transition) ease both}.image-list.motion-resting .list-crop{animation-play-state:paused!important}.hero-art>.image-list{position:absolute;inset:0}.hero-art>.image-list .image-list-stage,.hero-art>.image-list .image-list-card{height:100%}.hero-art>.image-list .list-visual{height:100%;aspect-ratio:auto}.collection-card>.image-list .list-visual{aspect-ratio:1.12}.empty-list{min-height:40px}.editor-canvas .image-list-card{cursor:pointer}.collection-open{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:0;padding:0;cursor:pointer;min-height:44px}.collection-open:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.details .image-list{margin-top:32px}.collection-card{display:block;color:inherit;text-decoration:none}.collection-card[hidden]{display:none}.page-back{display:inline-flex;margin:28px 24px 0;min-height:44px;align-items:center;color:var(--gold);font-size:.875rem}.type-hero>.image-list .list-visual{aspect-ratio:4/3}.builder-section[data-layout=stack]>.image-list{margin-top:30px}.type-imageText[data-layout=right]>.image-list{order:-1}
@keyframes cinematic-drift{from{transform:scale(1.015) translateX(-.3%)}to{transform:scale(1.065) translateX(.3%)}}@keyframes caption-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px){.details{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:64px;align-items:center}.details .image-list{margin-top:0}.image-list[data-mode=grid] .image-list-stage{grid-template-columns:repeat(3,minmax(0,1fr))}.image-list[data-mode=cinematic] .list-visual{aspect-ratio:5/4}.page-back{margin-left:7vw}}
@media(max-width:760px){.type-gallery .image-list[data-mode=grid] .image-list-stage{grid-template-columns:1fr}.type-imageText[data-layout=right]>.image-list{order:0}}
@media(prefers-reduced-motion:reduce){.image-list[data-mode=cinematic] .list-crop,.image-list[data-mode=cinematic] figcaption{animation:none!important}.image-list[data-mode=cinematic] .image-list-card{transition:none!important}}