/* Full mascot scenes in the restored Venator layout. Shared palette/controls: venator.css. */
.scene-picture{display:block;overflow:hidden;min-width:0}
.scene-picture img{display:block;width:100%;height:100%;object-fit:cover}
.hero-grid{grid-template-columns:1fr;min-height:340px;padding-block:30px;isolation:isolate}
.hero-copy{z-index:2;pointer-events:none;max-width:680px}.hero-copy a{pointer-events:auto}
.hero-scene{position:absolute;right:-60px;top:0;width:68%;height:100%;z-index:0;overflow:hidden}
.hero-scene .scene-picture{height:100%}.hero-scene img{object-fit:cover;object-position:right top}
.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#204955 0%,#204955c9 10%,#20495500 40%);pointer-events:none}
/* Full subject-specific game key art in every editorial tile. */
.article-card{display:block;background:transparent;color:var(--ink);border:0;border-radius:0;box-shadow:none}
.article-card .editorial-art{width:100%;height:auto;aspect-ratio:3/2;border:0;border-radius:0;background:#10182b}
.article-card .editorial-art picture,.article-card .editorial-art img{width:100%;height:100%;object-fit:cover}
.article-card-copy{padding:20px 6px 0}
.post-banner{display:block;position:relative;isolation:isolate;aspect-ratio:3/2;overflow:hidden;border-radius:4px 22px 4px 22px;background:#10182b}
.post-banner .editorial-art{height:100%;width:100%}
.post-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#090e1d00 18%,#090e1d3b 40%,#090e1df7 92%);pointer-events:none;z-index:1}
.post-banner .post-banner-title{position:absolute;left:20px;right:20px;bottom:18px;margin:0;z-index:2;font:700 24px/1.15 var(--display);color:#fff;text-shadow:none;letter-spacing:-.5px}
.post-banner-title>span{font-size:19px;white-space:nowrap}.post-banner:hover .post-banner-title{color:var(--yellow)}
.post-banner:focus-visible{outline-offset:-5px;outline-color:#fff}
.game-grid .editorial-art{aspect-ratio:3/2;height:auto}.game-grid .editorial-art picture,.game-grid .editorial-art img{height:100%;width:100%;object-fit:cover}
.provider-strip>a{padding:0 0 22px;gap:12px;align-items:stretch;border-color:#52686d;overflow:hidden;background:#1b3039;color:#fff}.provider-strip>a:hover{background:#28434c}
.provider-scene{width:100%;aspect-ratio:3/2}.provider-strip .provider-name{padding-inline:15px;align-self:center}
.provider-strip a>span:last-child{color:#c1dce8;padding-inline:15px;align-self:center}
.provider-strip .provider-name{display:flex;align-items:center;justify-content:center;min-height:64px;width:100%;padding:8px 20px}
.provider-logo{display:block;object-fit:contain;max-width:100%}
.provider-strip .provider-logo{width:190px;height:54px}.provider-strip [data-provider-logo=jili]{width:140px;height:50px}
.editorial-art{position:relative}.editorial-art>.art-provider-logo{position:absolute;right:12px;top:12px;width:124px;height:44px;padding:8px 11px;border-radius:7px;background:#10182bef;object-fit:contain;z-index:2}
.post-banner .art-provider-logo{z-index:3}
/* Banner copy is native text, with full scenes embedded in the layout. */
.payment-callout{padding:36px;gap:48px;align-items:center;overflow:hidden}
.payment-scene{height:240px;margin:-36px -36px 25px;border-bottom:0}
.payment-scene img{object-position:center top}

.payment-paths>a{border-color:#48637c}.payment-paths b{color:#fff}.payment-paths a:hover b{color:var(--yellow)}
.payment-paths .payment-symbol{background:#314c55;color:var(--yellow)}
.reader-path-layout{align-items:center;gap:65px}
.reader-scene{height:250px;border:0;border-radius:4px 20px 4px 20px;margin-bottom:24px}
.reader-scene img{object-position:center top}
/* Every index and publishing/help page receives a real scene masthead. */
.scene-masthead{padding:0;overflow:hidden}
.scene-masthead>.container{width:100%;display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;min-height:280px}
.masthead-copy{padding:36px 42px;min-width:0;z-index:1}
.scene-masthead h1{font-size:clamp(35px,4vw,58px);text-transform:uppercase;overflow-wrap:anywhere}

.masthead-scene{height:100%;max-height:380px}.masthead-scene img{object-position:60% top}
/* Keep review overview order and quiet reading surfaces. */
.decision-masthead-inner{grid-template-columns:minmax(0,1fr) 340px;gap:45px;align-items:center}
.review-visual{position:relative;min-width:0}.review-scene{aspect-ratio:3/2;border:0;border-radius:4px 20px 4px 20px}
.review-visual .decision-brand{position:absolute;right:14px;bottom:14px;width:95px;height:71px;box-shadow:0 4px 12px #0006}
.article-masthead>.container{grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:center}
.article-masthead .editorial-art{height:auto;aspect-ratio:3/2;border:0;border-radius:4px 20px 4px 20px;background:#10182b}
.article-masthead .editorial-art picture,.article-masthead .editorial-art img{height:100%;object-fit:cover}
.publisher-section{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:70px;padding-block:48px 55px;border-top:1px solid #cbd5d3}
.publisher-avatar,.byline-avatar,.review-publisher-avatar{display:block;overflow:hidden;flex-shrink:0;background:#e7f0ed;border-radius:4px 20px 4px 20px}
.publisher-avatar{width:104px;height:104px;margin-bottom:22px}
.publisher-avatar img,.byline-avatar img,.review-publisher-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.byline-avatar,.review-publisher-avatar{width:40px;height:40px;border-radius:3px 10px 3px 10px}
.byline-avatar-link{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.review-publisher{display:inline-flex;gap:9px;align-items:center;min-height:44px}
.publisher-profile-identity{display:flex;gap:24px;align-items:center;margin-bottom:28px}
.publisher-profile-identity .publisher-avatar{width:144px;height:144px;margin:0}
.publisher-profile-identity p{margin:0}
.publisher-identity .eyebrow{color:#52666c;margin-bottom:9px}.publisher-identity h2{font:700 34px/1.15 var(--display);letter-spacing:-.6px;color:var(--ink)}
.publisher-role{font-size:12px;color:#52666c;margin-top:10px}.publisher-identity>.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:13px;color:#254d50}
.publisher-bio>p{font-size:14px;line-height:1.9;color:#40555e}.publisher-bio>p+p{margin-top:16px}.publisher-bio>p a{text-decoration:underline;text-underline-offset:3px}
.publisher-email{display:inline-flex;align-items:center;min-height:44px;margin-top:15px;font-size:14px;color:#254d50;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.publisher-profiles{display:flex;flex-wrap:wrap;gap:0 22px;border-block:1px solid #d5dfdd;margin-top:10px;padding-block:4px}
.publisher-profiles a,.publisher-method{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:12px;color:#254d50}.publisher-method{margin-top:12px}
.home-section-intro{font-size:13px;line-height:1.85;color:#405b64;max-width:720px;margin-top:16px}.home .section-heading .home-section-intro{margin-inline:auto}
.article-cta{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px 24px;border:0;border-radius:4px 20px 4px 20px;padding:24px}
.article-cta .cta-scene{grid-column:1;grid-row:1/3;align-self:stretch;border-radius:8px;min-height:180px}
.article-cta>div{grid-column:2}.article-cta>a{grid-column:2;justify-self:start}.article-cta h2{margin-top:0}.article-cta p{color:#425c64}
.decision-action-scene{float:right;width:42%;aspect-ratio:3/2;border:0;border-radius:4px 18px 4px 18px;margin:0 0 20px 24px}.decision-action:after{content:'';display:block;clear:both}
.error-scene{float:right;width:44%;aspect-ratio:3/2;border:0;border-radius:4px 20px 4px 20px;margin-left:25px}
@media(max-width:1200px){
 .hero-scene{right:-32px;width:65%}.hero-copy{max-width:600px}
 .article-masthead>.container{grid-template-columns:minmax(0,1fr) 310px;gap:28px}
 .decision-masthead-inner{grid-template-columns:minmax(0,1fr) 300px;gap:28px}
 .masthead-copy{padding:32px}.payment-callout{gap:35px}.reader-path-layout{gap:45px}
}
@media(min-width:761px) and (max-width:1100px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-banner .post-banner-title{font-size:24px}}
@media(max-width:1000px){
 .hero h1{font-size:4.1vw}.hero-scene{right:-32px;width:62%}.hero-copy>p:not(.eyebrow){max-width:325px}
 .article-masthead>.container{grid-template-columns:minmax(0,1fr) 260px}
 .decision-masthead-inner{grid-template-columns:minmax(0,1fr) 240px;gap:25px}
 .scene-masthead h1{font-size:38px}.payment-callout{padding:28px;gap:28px}.payment-scene{margin:-28px -28px 22px;height:210px}
}
@media(max-width:760px){
.hero-grid{min-height:0;padding-block:29px 245px;display:block}
 .hero-copy{max-width:none}.hero h1{font-size:clamp(27px,7.7vw,51px);letter-spacing:-1px}
 .hero-copy>p:not(.eyebrow){max-width:340px}.hero-scene{right:-20px;top:auto;bottom:0;width:calc(100% + 40px);height:225px}
 .hero-scene img{object-position:center top}.hero-scene:after{background:linear-gradient(180deg,#204955 0%,#20495500 12%)}
 .article-card{display:block!important}.article-card .art-link{display:block;width:100%}.article-card .editorial-art{width:100%;height:auto;aspect-ratio:3/2;border-radius:0}
 .article-card-copy{padding:18px 1px 0}.article-card h3{font-size:25px}.article-card-copy>p{font-size:12px}
 .post-banner .post-banner-title{left:18px;right:18px;bottom:17px;font-size:24px}.article-card .post-banner .editorial-art{height:100%;aspect-ratio:auto}
 .payment-callout{padding:27px 24px;gap:22px;border-radius:4px 20px 4px 20px}.payment-scene{height:auto;aspect-ratio:3/2;margin:-27px -24px 25px}.payment-callout h2{font-size:35px}
 .reader-scene{height:auto;aspect-ratio:3/2}.reader-path-layout h2{font-size:30px}.reader-path-steps{margin-top:24px!important}
 .scene-masthead{padding:0;margin:0 10px}.scene-masthead>.container{display:flex;flex-direction:column;min-height:0;width:100%}
 .masthead-copy{padding:27px 24px}.scene-masthead h1{font-size:35px;line-height:1.1}.masthead-scene{width:100%;height:210px;max-height:none}
 .masthead-scene img{object-position:center top}
 .decision-masthead-inner{display:block}.review-visual{margin-top:24px}.review-scene{width:100%;max-height:230px;aspect-ratio:3/2}.review-visual .decision-brand{display:block}
 .article-masthead>.container{display:flex;flex-direction:column;gap:24px}.article-masthead .editorial-art{width:100%;height:auto;aspect-ratio:3/2}
 .article-cta{display:flex;flex-direction:column;align-items:stretch;padding:23px;gap:18px}.article-cta .cta-scene{width:100%;height:auto;aspect-ratio:3/2;min-height:0}.article-cta>a{align-self:flex-start}
 .decision-action-scene,.error-scene{float:none;width:100%;margin:0 0 24px}
 .publisher-section{display:block;padding-block:34px 40px}.publisher-identity h2{font-size:30px}.publisher-bio{margin-top:23px}.publisher-bio>p{font-size:13px}.publisher-profiles{gap:0 20px}.home-section-intro{font-size:12px;margin-top:14px}
}
@media(max-width:380px){
 .hero-grid{padding-top:28px;padding-bottom:232px}.hero h1{font-size:27px}.hero-scene{height:215px;right:-16px;width:calc(100% + 32px)}
 .scene-masthead h1{font-size:30px}.masthead-copy{padding:25px 20px}.masthead-scene{height:185px}.payment-callout h2{font-size:30px}
}
@media print{.hero-scene,.masthead-scene,.review-visual,.payment-scene,.reader-scene{display:none!important}.scene-masthead,.decision-masthead,.article-masthead{background:#fff;color:#111}.scene-masthead h1,.decision-intro h1,.review-overview p{color:#111;text-shadow:none}}

.home .section-heading h2,.payment-callout h2,.reader-path-layout h2,.publisher-identity h2{text-transform:uppercase}
.payment-callout:after,.reader-path-section:after,.editorial-art:after{display:none}
.article-masthead .article-short-answer h2{color:#28473e}
.article-masthead .guide-citations,.article-masthead .guide-citations time{color:#466269}
.decision-masthead a{color:#2e6650}