/* Sets by month and theme pages (/releases, /themes): their own parts, on top of series-hub.css. */
.sl-groups .collection-art{min-height: 184px;}
.sl-groups .collection-card:not(.sl-feature){grid-template-rows: auto 1fr;}
.sl-groups .collection-card:not(.sl-feature) .collection-copy{grid-template-rows: auto 1fr auto;}
.sl-feature{isolation: isolate; align-content: end; min-height: clamp(320px, 92vw, 420px);}
.sl-feature-art{position: absolute; inset: 0; z-index: -2;}
.sl-feature-art img{width: 100%; height: 100%; object-fit: cover; object-position: 50% 14%; transition: transform .6s var(--ease);}
.sl-feature::after{content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, rgba(12, 6, 16, 0) 34%, rgba(12, 6, 16, .8) 64%, rgba(12, 6, 16, .97));}
.sl-feature-tag{position: absolute; top: 18px; left: 16px; padding: 6px 12px; border-radius: 999px; background: linear-gradient(135deg, #ffd27a, var(--gold)); color: #2a1400; font: 800 .66rem/1 var(--ui); letter-spacing: .12em; text-transform: uppercase;}
.sl-feature .collection-copy{gap: 6px; padding: 18px 16px;}
.sl-feature .collection-copy strong{font-size: clamp(1.9rem, 3.4vw, 2.8rem); letter-spacing: -.02em; color: var(--cream); text-shadow: 0 2px 18px rgba(12, 6, 16, .9);}
.sl-feature .collection-copy > span{max-width: 48ch; font-size: .92rem; color: var(--cream);}
.sl-feature .series-chips{justify-content: flex-start; margin-top: 4px;}
.sl-feature .series-chip{font: 700 .72rem/1.2 var(--ui); color: var(--cream); background: rgba(12, 6, 16, .72);}
.sl-feature .series-chip-more{color: var(--gold);}
.sl-feature .collection-copy small{margin-top: 8px; font-size: .78rem;}
.sl-bar{display: flex; align-items: center; gap: 8px; margin-bottom: 14px;}
.sl-bar .subnav{flex: 1 1 auto; min-width: 0; max-width: none; margin: 0; padding: 0;}
.sl-bar .subnav a{min-height: 44px;}
.sl-search{flex: 0 0 clamp(170px, 45vw, 300px);}
.sl-search .input{min-height: 44px; padding-right: 12px; border-radius: 999px;}
.sl-sets > li.is-clipped, .sl-more[hidden], .sl-more + .continuity[hidden]{display: none;}
.sl-more{display: flex; justify-content: center; margin-top: 26px;}
.sl-more + .continuity{margin-top: 26px;}
@media (hover: hover) and (pointer: fine){
.sl-feature:hover .sl-feature-art img{transform: scale(1.04);}
}
@media (prefers-reduced-motion: reduce){
.sl-feature-art img{transition: none;}
}
@media (min-width: 761px){
.sl-feature-item{grid-column: span 2; grid-row: span 2;}
.sl-feature{min-height: 440px;}
.sl-feature .collection-copy{padding: 26px 24px;}
.sl-feature-tag{top: 22px; left: 24px;}
}
@media (max-width: 960px){
.sl-head .hub-side{display: none;}
}
@media (max-width: 760px){
.sl-bar .subnav{margin-right: calc(var(--gutter) * -1); padding-right: var(--gutter);}
}
@media (pointer: coarse){
.sl-rest a{min-height: 44px;}
}