.narrators-page{max-width:860px;margin:0 auto;padding:40px 16px 120px}@media (min-width:600px){.narrators-page{padding:56px 24px 120px}}.narrators-header{text-align:center;margin-bottom:48px}.narrators-title{letter-spacing:-.02em;color:#fff;margin:0 0 10px;font-size:clamp(28px,5vw,44px);font-weight:900}.narrators-subtitle{color:#ffffff73;margin:0;font-size:15px}.narrators-grid{flex-direction:column;gap:14px;display:flex}@media (min-width:600px){.narrators-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}}.narrator-card{-webkit-backdrop-filter:blur(20px);box-shadow:0 0 0 1px color-mix(in srgb,var(--nc-color,#8b5cf6)15%,transparent),0 6px 24px #00000080,0 0 32px color-mix(in srgb,var(--nc-color,#8b5cf6)5%,transparent);background:#0c0c0eeb;border:1px solid #ffffff12;border-radius:4px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:box-shadow .25s,transform .25s cubic-bezier(.34,1.5,.64,1);display:flex;position:relative;overflow:visible}.narrator-card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--nc-color,#8b5cf6)50%,transparent),0 12px 36px #0009,0 0 48px color-mix(in srgb,var(--nc-color,#8b5cf6)15%,transparent);transform:translateY(-3px)scale(1.01)}.nc-corner{border-color:color-mix(in srgb,var(--nc-color,#8b5cf6)70%,white);z-index:2;border-style:solid;width:10px;height:10px;transition:width .2s,height .2s;position:absolute}.nc-corner--tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.nc-corner--tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.nc-corner--bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.nc-corner--br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.narrator-card:hover .nc-corner{width:14px;height:14px}.nc-strip{background:linear-gradient(180deg,transparent 0%,var(--nc-color)40%,var(--nc-color)60%,transparent 100%);width:3px;box-shadow:0 0 8px var(--nc-color),0 0 16px var(--nc-color);border-radius:0 2px 2px 0;position:absolute;top:0;bottom:0;left:0}.nc-portrait{border:1px solid color-mix(in srgb,var(--nc-color)35%,#ffffff1a);width:72px;height:72px;box-shadow:0 0 12px color-mix(in srgb,var(--nc-color)20%,transparent);background:#ffffff0a;border-radius:3px;flex-shrink:0;position:relative;overflow:hidden}.nc-portrait img{object-fit:cover;filter:saturate(1.1);width:100%;height:100%;display:block}.nc-portrait span{width:100%;height:100%;color:var(--nc-color);text-shadow:0 0 12px var(--nc-color);justify-content:center;align-items:center;font-size:28px;font-weight:900;display:flex}.nc-portrait:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 2px 3px);position:absolute;inset:0}.nc-info{flex:1;min-width:0}.nc-name{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--nc-color)85%,white);text-shadow:0 0 8px color-mix(in srgb,var(--nc-color)40%,transparent);white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:15px;font-weight:800;overflow:hidden}.nc-desc{color:#ffffff80;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.nc-stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nc-stat{align-items:baseline;gap:4px;display:flex}.nc-stat-val{color:var(--nc-color);text-shadow:0 0 6px var(--nc-color);font-size:16px;font-weight:900}.nc-stat-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;font-size:10px;font-weight:700}.nc-style{letter-spacing:.1em;text-transform:uppercase;background:color-mix(in srgb,var(--nc-color)12%,#ffffff08);border:1px solid color-mix(in srgb,var(--nc-color)30%,transparent);color:color-mix(in srgb,var(--nc-color)80%,white);border-radius:2px;padding:2px 7px;font-size:9px;font-weight:700}.nc-arrow{color:#fff3;flex-shrink:0;margin-left:4px;font-size:22px;transition:color .2s,transform .2s}.narrator-card:hover .nc-arrow{color:var(--nc-color);transform:translate(4px)}