/* Fan Reviews 12 — clean editorial/video destination system */
.fr12-page{background:#f7f7f4;color:#101116;min-height:100vh}
.fr12-shell{width:min(1440px,calc(100% - 64px));margin:0 auto}
.fr12-hero{background:#090b0d;padding:86px 0 72px;border-top:2px solid #14d9d5}
.fr12-hero span{display:block;color:#c8f000;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.fr12-hero h1{color:#fff;font-size:clamp(64px,9vw,132px);line-height:.82;letter-spacing:-.065em;margin:0;max-width:1000px}
.fr12-hero p{color:#c8cbd0;font-size:20px;line-height:1.4;margin:30px 0 0;max-width:720px}
.fr12-stream{padding:58px 0 90px}
.fr12-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 24px}
.fr12-card,.fr12-card:hover,.fr12-card:focus-within{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;filter:none!important;margin:0!important;padding:0!important}
.fr12-card a,.fr12-card a:hover{display:block;color:inherit;text-decoration:none;transform:none!important}
.fr12-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111;border-radius:0}
.fr12-media img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .18s ease,transform .18s ease}
.fr12-card:hover .fr12-media img{opacity:.9;transform:scale(1.012)}
.fr12-type{position:absolute;left:12px;top:12px;background:#0b0d0f;color:#fff;padding:7px 9px;font-size:10px;font-weight:900;letter-spacing:.11em}
.fr12-card.is-story .fr12-type{background:#14d9d5;color:#071011}
.fr12-play{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(8,10,12,.88);color:#fff;font-size:12px;padding-left:2px}
.fr12-copy{padding-top:14px}
.fr12-copy>span{color:#008f93;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.fr12-copy h2{font-size:clamp(20px,1.65vw,28px);line-height:1.03;letter-spacing:-.035em;margin:8px 0 0;font-weight:850}
.fr12-card:hover .fr12-copy h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.fr12-fallback{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.12em}
.fr12-pages{display:flex;justify-content:center;gap:10px;margin-top:70px}
.fr12-pages .page-numbers{padding:11px 14px;background:#fff;border:1px solid #d9dcdf;color:#111;text-decoration:none;font-weight:800}
.fr12-pages .current{background:#111;color:#fff;border-color:#111}
@media(max-width:1050px){.fr12-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fr12-shell{width:min(100% - 40px,1440px)}}
@media(max-width:760px){.fr12-shell{width:calc(100% - 28px)}.fr12-hero{padding:54px 0 48px}.fr12-hero h1{font-size:62px}.fr12-hero p{font-size:17px}.fr12-stream{padding-top:32px}.fr12-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.fr12-copy h2{font-size:19px}}
@media(max-width:480px){.fr12-grid{grid-template-columns:1fr}.fr12-copy h2{font-size:23px}}