/* 2026-11-04 feedback: body copy at least 16px on desktop, 15px on phones. */
body{font-size:16px}
/* User feedback: reduce desktop banner height by 20%, preserving image aspect ratio. */
.hero-art{clip-path:inset(1.5% 0)}
.desktop-nav{font-size:16px;gap:32px}
.brand-name small{font-size:12px;letter-spacing:1px}
.header-cta{font-size:15px;padding:12px 18px}
.eyebrow{font-size:12px;letter-spacing:1.4px}
.hero{min-height:760px;max-height:940px}
.hero-content{padding-top:50px}
.hero h1{margin:22px 0 20px}
.hero-description{font-size:18px;line-height:1.85}
.hero-credit{font-size:12px;letter-spacing:.4px;line-height:1.9}
.button,.hero .button{font-size:16px;min-height:52px}
.hero-bottom,.hero-bottom>a{font-size:12px;letter-spacing:1px}
.section-note{font-size:16px;line-height:1.85}
.card-badge{font-size:13px}
.card-caption p,.card-caption>span{font-size:13px;letter-spacing:.6px}
.future-label{font-size:12px;letter-spacing:1.5px;color:#adb2ab}
.future-card h3{font-size:23px}
.future-card p{font-size:16px;line-height:1.9}
.future-status{font-size:14px}
.intro-copy,.feature-grid p{font-size:16px;line-height:1.95}
.genre-tags span{font-size:13px;padding:5px 12px}
.feature-number{font-size:12px;letter-spacing:1px}
.feature-grid h3{font-size:25px}
.trailer-caption{font-size:23px}
.trailer-caption small{font-size:14px}
.gallery-item>span{font-size:14px}
.steam-banner .eyebrow{font-size:12px}
.about-lead{font-size:17px}
.company-roles span{font-size:12px;letter-spacing:.5px}
.company-roles strong{font-size:17px}
.company-roles small{font-size:15px}
.footer-top nav,.footer-bottom{font-size:14px}
.footer-wordmark>span{font-size:12px;letter-spacing:.8px}
.dialog-toolbar h2,.dialog-toolbar p,.dialog-close{font-size:15px}
@media(min-width:701px) and (max-width:1050px){
 .desktop-nav{font-size:15px;gap:20px}.header-cta{font-size:14px;padding:10px 12px;gap:12px}
 .hero{min-height:800px}.hero-content{margin-left:48%;width:51%;padding-right:3%}
 .hero .button{padding-inline:16px;gap:15px}.hero-credit{font-size:12px}
 .future-card{padding:22px}.future-card h3{font-size:21px}
}
@media(min-width:1051px){
 .hero{height:calc(80svh - 80px);min-height:608px;max-height:752px}
 .hero-content{padding-top:10px}
}
@media(min-width:1700px){.hero-content{padding-top:30px}}
@media(max-width:700px){
 .hero-art{object-position:center top}
 .site-header{height:84px}.mobile-nav{top:84px}.brand-name small{font-size:11px;letter-spacing:.4px}
 .mobile-nav a{font-size:17px}.hero{min-height:910px;height:auto;max-height:none}
 .hero-content{padding:300px 24px 100px}.hero h1{margin:20px 0}
 .hero .eyebrow{font-size:11px;letter-spacing:.8px}.hero-description{font-size:16px;line-height:1.9}
 .hero .button{font-size:15px;padding:12px 20px;gap:17px;min-height:51px}
 .hero-credit{font-size:12px;letter-spacing:0;line-height:1.9}
 .hero-bottom>span{font-size:10px;letter-spacing:.6px}.hero-bottom>a{font-size:12px}
 .section-note,.intro-copy,.feature-grid p,.future-card p,.about-lead{font-size:15px;line-height:1.9}
 .eyebrow{font-size:11px;letter-spacing:1px}.future-card{min-height:255px}
 .future-card h3{font-size:21px}.future-card p{font-size:14px}.future-status{font-size:13px}
 .card-caption p,.card-caption>span{font-size:12px}.card-caption>span{max-width:120px;text-align:right}
 .feature-number{font-size:11px}.feature-grid article{grid-template-columns:95px 1fr}
 .feature-grid h3{font-size:21px}.trailer-caption{font-size:17px}.trailer-caption small{font-size:12px}
 .gallery-item>span{font-size:13px}.company-roles strong{font-size:17px}.company-roles span{font-size:12px}
 .footer-top nav,.footer-bottom{font-size:13px}.footer-top{gap:20px}.footer-wordmark>span{font-size:11px}
 .dialog-toolbar h2,.dialog-toolbar p,.dialog-close{font-size:13px}
}