.legends-archive{--archive-depth:linear-gradient(180deg, transparent 15%, color-mix(in oklch, var(--background) 45%, transparent) 48%, var(--background) 100%);--archive-edge:linear-gradient(90deg, color-mix(in oklch, var(--background) 65%, transparent), transparent 70%);--archive-fallback:linear-gradient(135deg, var(--panel-2), var(--panel) 48%, var(--background));--archive-hero-depth:linear-gradient(90deg, var(--background), color-mix(in oklch, var(--background) 65%, transparent)), linear-gradient(0deg, var(--background), transparent)}.legend-archive-container{width:100%;max-width:1232px;margin-inline:auto;padding-inline:16px}.legend-archive-card{aspect-ratio:4/5;background:var(--archive-fallback);width:100%;min-width:0;min-height:480px}.legend-archive-media{position:absolute;inset:0;overflow:hidden}.legend-archive-media img{object-fit:cover;object-position:50% 32%;width:100%;height:100%;transition:transform .6s}.legend-archive-media picture,[data-legend-media=archive-cover] picture{width:100%;height:100%;display:block}.legend-archive-card:hover .legend-archive-media img{transform:scale(1.025)}.legend-archive-depth{background:var(--archive-depth)}.legend-archive-edge{background:var(--archive-edge)}.legend-archive-hero{background:var(--archive-fallback)}.legend-archive-hero-overlay{background:var(--archive-hero-depth)}@media (width>=768px){.legend-archive-card{aspect-ratio:auto;min-height:520px}.legend-archive-media img{object-position:50% 35%}}@media (prefers-reduced-motion:reduce){.legend-archive-media img{transition:none}.legend-archive-card:hover .legend-archive-media img{transform:none}}.legend-detail{--legend-hero-depth:linear-gradient(0deg, var(--background), color-mix(in oklch, var(--background) 78%, transparent) 22%, transparent 68%);--legend-hero-edge:linear-gradient(90deg, color-mix(in oklch, var(--background) 70%, transparent), transparent 85%)}.legend-detail-hero{background:var(--panel);min-height:640px}.legend-detail-hero-overlay{background:var(--legend-hero-depth), var(--legend-hero-edge)}.legend-detail-hero picture{width:100%;height:100%;display:block}.legend-detail-hero img{object-fit:cover;object-position:50% 25%;width:100%;height:100%}.legend-detail-content{max-width:1232px;margin-inline:auto;padding-inline:16px}.legend-detail-section{border-bottom:1px solid var(--border);padding-block:40px}.legend-detail-title{overflow-wrap:anywhere;font-size:64px}@media (width>=768px){.legend-detail-hero{min-height:680px}.legend-detail-hero img{object-position:50% 35%}.legend-detail-title{font-size:96px}.legend-detail-section{padding-block:56px}}@media (width<=767px){.legend-detail-title{max-width:300px}}