.g2-compare{max-width:1160px;margin:0 auto 34px}
.g2-ov{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.g2-ov polygon{fill:none;vector-effect:non-scaling-stroke;stroke-width:1.2px}
.g2-ov .o{stroke:rgba(221,227,238,.45)}
.g2-ov .l{stroke:#6fa8ff;stroke-width:2.5px}
.g2-ov .r{stroke:var(--gold);stroke-width:2.5px}
.g2-ov text{font-family:var(--mono);font-size:30px;letter-spacing:.08em;paint-order:stroke;stroke:#000;stroke-width:6px}
.g2-ov .tl{fill:#6fa8ff}.g2-ov .tr{fill:var(--gold)}
.g2-fov{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--rule-gold);background:transparent;color:var(--gold);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.g2-fov[aria-pressed="true"]{background:var(--gold);color:#16120a}

.g2-compare .cc11.g2-busy .cp,.g2-compare .cc11.g2-busy .twoup{opacity:.55;transition:opacity .2s}
.g2-sides{margin-left:auto;display:inline-flex;border:1px solid var(--rule-gold);border-radius:999px;overflow:hidden}
.g2-sides .side{min-height:40px;min-width:56px;padding:0 12px;border:0;background:transparent;color:var(--gold);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.g2-sides .side+.side{border-left:1px solid var(--rule-gold)}
.g2-sides .side[aria-pressed="true"]{background:var(--gold);color:#16120a}
.tile .pic{aspect-ratio:3/2}
.tile .pic img{object-fit:contain;background:#000}
.g2-ref{position:absolute;left:10px;bottom:10px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#16120a;background:var(--gold);border-radius:999px;padding:4px 10px}
.g2-gridhead{margin-top:10px}

@media (min-width:761px){.g2-compare .cc11-film-in{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}}

@media (max-width:760px){.g2-compare .cc11{--bar:118px!important}.g2-compare .cc11-bar{flex-wrap:wrap!important;align-content:flex-start!important;align-items:flex-start!important;padding:10px 8px!important;row-gap:10px}.g2-compare .cc11-read{flex:1 1 100%!important;width:100%!important;white-space:normal!important;overflow:visible!important;max-height:none!important;height:auto!important;display:block!important}.g2-compare .cc11-bar-r{flex:1 1 100%;display:flex;justify-content:center;position:static!important}}

.g2-compare .cc11 .cp:before,.g2-compare .cc11 .twoup:before{content:var(--g2l,"")}
.g2-compare .cc11 .cp:after,.g2-compare .cc11 .twoup:after{content:var(--g2r,"")}
.g2-compare .cc11 .cp.hold:before{content:var(--g2h,"")}

.g2-compare .twoup .pane img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;max-width:none}

.g2-compare.g2-cols{max-width:1240px}
.g2-cols .cc11-head,.g2-cols .cc11-film{display:none!important}
.g2-cols .cp .handle{width:1px!important;background:rgba(255,255,255,.55)!important;box-shadow:0 0 12px rgba(255,255,255,.25)}
.g2-cols .cp .handle .knob,.g2-cols .cp .hint{display:none!important}
.g2-cols .cp12-strip .cp12-line{visibility:hidden}
.g2-cols .cp{cursor:col-resize}
.g2-fly{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}
.g2-roster-wrap{margin-top:14px}
.g2-roster-h{margin:0 0 10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim,#8b93a7);text-align:center}
.g2-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}
.g2-card{position:relative;border-radius:9px;overflow:hidden;background:#05070d;border:1px solid rgba(255,255,255,.07);transition:border-color .2s,box-shadow .2s}
.g2-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;opacity:.62;transition:opacity .2s}
.g2-card:hover img,.g2-card[data-side="L"] img,.g2-card[data-side="R"] img{opacity:1}
.g2-card[data-side="L"]{border-color:#6fa8ff;box-shadow:0 0 0 1px #6fa8ff}
.g2-card[data-side="R"]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.g2-nm{position:absolute;left:0;right:0;bottom:0;padding:12px 5px 4px;font-family:var(--sans);font-size:10.5px;font-weight:600;line-height:1.15;background:linear-gradient(transparent,rgba(5,7,13,.94));padding-right:24px;pointer-events:none}
.g2-sc{position:absolute;right:5px;bottom:4px;font-family:var(--display,var(--serif));font-weight:800;font-size:12px;color:var(--gold);pointer-events:none}
.g2-on{position:absolute;top:4px;left:4px;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:rgba(5,7,13,.85);pointer-events:none}
.g2-on:empty{display:none}
.g2-card[data-side="L"] .g2-on{color:#6fa8ff}.g2-card[data-side="R"] .g2-on{color:var(--gold)}
.g2-half{position:absolute;top:0;bottom:0;width:50%;padding:0;border:0;background:transparent;cursor:pointer;color:#fff}
.g2-hl{left:0}.g2-hr{right:0}
.g2-half span{position:absolute;top:50%;transform:translateY(-70%);font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:2px 6px;border-radius:999px;opacity:0;transition:opacity .15s}
.g2-hl span{left:4px;background:#6fa8ff;color:#06101f}.g2-hr span{right:4px;background:var(--gold);color:#16120a}
.g2-hl:hover,.g2-hl:focus-visible{background:linear-gradient(90deg,rgba(111,168,255,.28),transparent)}
.g2-hr:hover,.g2-hr:focus-visible{background:linear-gradient(270deg,rgba(233,185,73,.28),transparent)}
.g2-half:hover span,.g2-half:focus-visible span{opacity:1}
.g2-half:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
@media (hover:none){.g2-half span{opacity:.0}.g2-roster{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}
@media (max-width:760px){.g2-roster{grid-template-columns:repeat(4,minmax(0,1fr))}.g2-nm{font-size:9.5px}}

@media (min-width:761px){.g2-cols .rp2-compare-stage{max-width:max(640px,calc((100vh - 360px) * 1.564));margin:0 auto}}