/* A real game scene is the first guide illustration at every screen size. */
.header-row{min-height:80px}
.brand-symbol{border-radius:10px}
.launch-notice>.wrap{padding-block:9px}
.breadcrumb{margin:17px 0;font-size:.8rem;line-height:1.5}
.image-hero{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.15fr);grid-template-areas:"heading visual" "summary visual";grid-template-rows:auto 1fr;gap:12px 34px;align-items:start;padding:6px 0 27px;margin:0 0 30px;border-bottom:1px solid var(--line)}
.hero-heading{grid-area:heading;min-width:0}
.image-hero .eyebrow{font-size:.7rem;line-height:1.6;letter-spacing:.09em}
.image-hero h1{font:700 clamp(2.5rem,3.8vw,3.3rem)/1.06 var(--display);letter-spacing:-.01em;margin:10px 0 0;overflow-wrap:break-word}
.image-hero h1 em,.image-hero h1 span{font-style:normal;color:var(--red)}
.hero-summary{grid-area:summary;min-width:0}
.image-hero .intro{font-size:1rem;line-height:1.7;margin:0;max-width:54ch}
.image-hero .meta{margin-top:13px;font-size:.74rem;line-height:1.65}
.image-hero .hero-image{grid-area:visual;min-width:0;margin:0}
.image-hero .image-link{aspect-ratio:16/9;overflow:hidden}
.image-hero .hero-image img{width:100%;height:100%;object-fit:contain}
.image-hero .hero-image figcaption{display:block;padding:9px 0 0;border:0;font-size:.77rem;line-height:1.5}
.image-hero figcaption>span{display:block}
.image-hero .image-credit{display:inline-block;margin-top:4px;font-size:.7rem}
.image-hero .expand-label{font-size:.7rem;padding:5px 8px;bottom:10px;right:10px}
.image-hero-home{padding-top:24px;margin-bottom:0;border:0}
.image-hero .hero-actions{gap:14px;margin-top:18px}
.image-hero .text-link{display:inline-block;background:var(--red);padding:11px 16px;text-decoration:none;color:#fff;font-size:.87rem;font-weight:700;line-height:1.6}
.image-hero .text-link:hover{background:#a22c20}
.image-hero .hero-secondary{color:var(--red);font-size:.84rem;margin:0}
.image-hero+.article-layout>.sidebar{margin-top:0}
.image-hero+.article-layout>article>.quick-answer{margin-top:0}
.image-hero+.directory .section-head{margin-top:0}
@media(max-width:1100px){
 .image-hero{column-gap:26px;grid-template-columns:minmax(0,.74fr) minmax(0,1.15fr)}
 .image-hero h1{font-size:2.65rem}
 .image-hero .intro{font-size:.94rem;line-height:1.65}
}
@media(max-width:900px){
 .header-row{padding-block:13px;gap:9px}
 .image-hero{column-gap:22px}
 .image-hero h1{font-size:2.35rem}
 .image-hero .intro{font-size:.9rem}
 .image-hero .meta{font-size:.7rem}
}
@media(max-width:620px){
 .header-row{padding:12px 20px 8px;gap:7px;min-height:0}
 .nav{gap:3px 17px;font-size:.8rem;line-height:1.45}
 .nav a{padding:5px 0}
 .launch-notice>.wrap{padding-block:8px;line-height:1.45}
 .launch-notice>.wrap>div{gap:3px 7px}
 .launch-notice strong{font-size:.76rem}
 .launch-notice>.wrap>div>span:last-child{font-size:.67rem;flex-basis:auto;margin-left:0}
 .launch-notice a{font-size:.73rem;margin-top:4px}
 .breadcrumb{margin:12px 0;font-size:.74rem;line-height:1.5}
 .image-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "visual" "summary";grid-template-rows:auto;gap:14px;padding:2px 0 23px;margin-bottom:23px}
 .image-hero .eyebrow{font-size:.66rem;letter-spacing:.06em}
 .image-hero h1{font-size:2.05rem;line-height:1.06;margin-top:6px}
 .image-hero h1 br{display:none}
 .image-hero .hero-image{margin:0}
 .image-hero .hero-image figcaption{font-size:.74rem;line-height:1.5;padding-top:8px}
 .image-hero .image-credit{font-size:.69rem;margin-top:3px}
 .image-hero .intro{font-size:.96rem;line-height:1.7}
 .image-hero .meta{font-size:.72rem;line-height:1.6;margin-top:10px}
 .image-hero-home{padding-top:17px;margin-bottom:0}
 .image-hero .hero-actions{gap:14px;margin-top:14px}
 .image-hero .text-link{font-size:.84rem;padding:10px 13px}
 .image-hero .hero-secondary{font-size:.8rem}
}
@media print{
 .image-hero{display:block;border:0;margin:0 0 20px;padding:0}
 .image-hero h1{font-size:28pt}
 .image-hero .hero-image,.image-hero .hero-actions{display:none}
 .hero-summary{margin-top:12px}
}