.featured{z-index:1;margin-top:clamp(-72px,-6vw,-24px);padding-block:clamp(24px,4vw,48px);position:relative}.featured-frame{border-radius:var(--radius-lg);isolation:isolate;background:linear-gradient(120deg,#121846eb,#070a26eb);border:1px solid #c58cff2e;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3.5vw,56px);padding:clamp(18px,3vw,40px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000000e6}.featured-backdrop{z-index:-1;filter:blur(40px)saturate(1.3);opacity:.32;background-position:50%;background-size:cover;position:absolute;inset:-40px}.featured-frame:after{content:"";z-index:-1;animation:featured-glow 16s var(--ease-in-out) infinite alternate;background:radial-gradient(40% 70% at 0%,#a330ef38,#0000 70%);animation-delay:-5s;position:absolute;inset:0}@keyframes featured-glow{to{opacity:.35;translate:20%}}.featured-media{aspect-ratio:16/10;border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000000f2,inset 0 0 0 1px #ffffff14}.featured-kicker{color:#e3d1ff;align-items:center;gap:10px;font-size:.92rem;font-weight:600;display:inline-flex}.featured-kicker:before{content:"";background:var(--violet);width:9px;height:9px;rotate:45deg}.featured-title{font-family:var(--font-display);margin-top:10px;font-size:clamp(1.8rem,1.2rem + 2vw,2.9rem);font-weight:700;line-height:1.25}.featured-body .meta{margin-top:12px}.featured-body .meta a:hover{color:var(--text);text-underline-offset:4px;text-decoration:underline}.featured-synopsis{color:var(--text-2);max-width:52ch;margin-top:16px;font-size:1.05rem;line-height:1.9}.featured-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}@media (max-width:900px){.featured-frame{grid-template-columns:1fr}}.mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(110px,11vw,150px);gap:clamp(10px,1.2vw,16px);display:grid}.mosaic-lg{grid-area:span 2/span 2}.mosaic-tile{border-radius:var(--radius);isolation:isolate;border:1px solid var(--line);flex-direction:column;justify-content:flex-end;height:100%;padding:clamp(14px,1.6vw,22px);display:flex;position:relative;overflow:hidden}.mosaic-bg{z-index:-2;transition:transform .8s var(--ease-out);background-position:50%;background-size:cover;position:absolute;inset:0}.mosaic-tile:before{content:"";z-index:-1;transition:background-color .4s var(--ease-out);background:linear-gradient(#05071e40 0%,#05071e8c 45%,#05071ef0 100%);position:absolute;inset:0}.mosaic-tile:after{content:"";inset-inline-end:16px;width:12px;height:12px;transition:background-color .3s var(--ease-out), border-color .3s var(--ease-out);border:2px solid #ffffff80;position:absolute;top:16px;rotate:45deg}.mosaic-tile:hover .mosaic-bg,.mosaic-tile:focus-visible .mosaic-bg{transform:scale(1.06)}.mosaic-tile:hover:after,.mosaic-tile:focus-visible:after{background:var(--violet);border-color:var(--violet)}.mosaic-name{font-family:var(--font-display);text-shadow:0 2px 12px #000c;font-size:clamp(1.15rem,.9rem + .8vw,1.5rem);font-weight:700}.mosaic-lg .mosaic-name{font-size:clamp(1.5rem,1rem + 1.6vw,2.3rem)}.mosaic-count{color:var(--text-2);font-size:.88rem}@media (max-width:900px){.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-lg{grid-row:span 1}}.series-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px);display:grid}.series-item{border-radius:var(--radius-lg);border:1px solid var(--line);transition:border-color .3s var(--ease-out);background:linear-gradient(135deg,#1a21608c,#0c10368c);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;padding:14px;display:grid}.series-item:hover{border-color:#c58cff59}.series-cover{border-radius:var(--radius);min-height:170px;position:relative;overflow:hidden}.series-name{font-family:var(--font-display);font-size:1.3rem;font-weight:600;line-height:1.4}.series-name a:hover{color:var(--violet-light)}.series-sub{color:var(--text-3);margin-top:2px;font-size:.88rem}.series-parts{gap:2px;margin-top:12px;display:grid}.series-parts a{border-radius:var(--radius-sm);color:var(--text-2);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);align-items:baseline;gap:10px;padding:6px 8px;font-size:.93rem;display:flex}.series-parts a:hover{color:var(--text);background:#ffffff0d}.series-num{color:#e3d1ff;background:#a330ef2e;border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:600;display:inline-grid}.series-part-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:1000px){.series-shelf{grid-template-columns:1fr}}@media (max-width:560px){.series-item{grid-template-columns:1fr}}