/* Review-only refinement; loaded on Studio and Our Game, never Contact. */
body.studio-page,body.game-page{font-size:24.64px}
.studio-page{background-color:#B7D8F0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='260' viewBox='0 0 320 260'%3E%3Cpath d='M-80 130L0 112L80 130L160 112L240 130L320 112L400 130' fill='none' stroke='%23E5F5FF' stroke-opacity='.45' stroke-width='32.4'/%3E%3C/svg%3E"),linear-gradient(160deg,#B7D8F0 0%,#C5E2F5 42%,#BFDCEF 70%,#B7D8F0 100%);background-size:320px 260px,100% 100%;background-repeat:repeat,no-repeat}
.studio-page h1{font-size:clamp(37px,4.84vw,66.88px)}
.studio-page h2{font-size:clamp(26.4px,3.08vw,40.48px)}
.studio-page .lead,.game-page .lead{font-size:26.4px}
.studio-page nav,.game-page nav,.studio-page .button,.game-page .button{font-size:18.48px}
.studio-page .text-link,.game-page .text-link{font-size:19.36px}
.studio-page .eyebrow,.game-page .eyebrow{font-size:13.2px}
.studio-page .brand,.game-page .brand{font-size:15px}
.studio-page footer,.game-page footer{font-size:16px}
.studio-page .feature p:not(.eyebrow),.studio-page .team-card>p:not(.team-role){font-size:22.88px}
.studio-page .team-card h3{font-size:26.4px}
.studio-page .team-card .team-role{font-size:18.48px}
.studio-page .team-card .text-link{font-size:19.36px}
.game-page .facts strong{font-size:26.4px}
.game-page .facts span{font-size:14.08px}
.game-page .recruiting-terms{font-size:21.12px}
@media(max-width:600px){body.studio-page,body.game-page{font-size:22.88px}.studio-page h1{font-size:clamp(29px,7.3vw,42.24px)}.studio-page h2{font-size:28.16px}.studio-page .lead,.game-page .lead{font-size:24.64px}.studio-page nav,.game-page nav{font-size:17.6px}.game-page .recruiting .role-list li{font-size:21.12px}}
/* Wheel easing is isolated in smooth-scroll.js; touch and keyboard remain native. */
.game-page img[src="heading-art/title-the.png"]{width:100.32px;max-width:100%;height:auto}
.game-page img[src="heading-art/title-wonder.png"]{width:207.68px;max-width:100%;height:auto}
.game-page img[src="heading-art/title-hour.png"]{width:141.68px;max-width:100%;height:auto}
.game-page img[src="heading-art/follow-clues.png"]{width:433.84px;max-width:100%;height:auto}
.game-page img[src="heading-art/question-familiar.png"]{width:583.44px;max-width:100%;height:auto}
.game-page img[src="heading-art/little-wonder.png"]{width:403.92px;max-width:100%;height:auto}
.game-page img[src="heading-art/lingering-unease.png"]{width:503.36px;max-width:100%;height:auto}
.game-page img[src="heading-art/media-updates.png"]{width:435.60px;max-width:100%;height:auto}
.game-page img[src="heading-art/recruit-help.png"]{width:279.84px;max-width:100%;height:auto}
.game-page img[src="heading-art/recruit-life.png"]{width:646.80px;max-width:100%;height:auto}
/* Compact mobile rhythm only on these two reviewed pages. */
@media(max-width:600px){
body.studio-page,body.game-page{font-size:20px;line-height:1.55}
.studio-page .wrap,.game-page .wrap{width:calc(100% - 32px)}
.studio-page header,.game-page header{padding:18px 0;gap:10px}
.studio-page nav,.game-page nav{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:16px}
.studio-page nav a,.game-page nav a{min-height:44px;display:flex;align-items:center;padding:8px 0}
.studio-page .hero,.game-page .game-hero{padding-top:32px;padding-bottom:36px}
.studio-page h1{font-size:clamp(32px,8.5vw,40px);line-height:1.12;margin-bottom:24px}
.studio-page h2{font-size:28px;line-height:1.2;margin-bottom:18px}
.studio-page .lead,.game-page .lead{font-size:21px;line-height:1.5}
.studio-page .split{padding:32px 0;gap:28px}.studio-page .feature{padding:32px 0;gap:22px}
.studio-page .actions{margin-top:26px;gap:20px}
.studio-page .team{padding:32px 0}.studio-page .team-grid{gap:18px;margin-top:24px}
.studio-page .team-card{padding:20px}.studio-page .team-card h3{font-size:24px}
.studio-page .team-card .team-role{font-size:17px;margin-bottom:18px}
.studio-page .team-card>p:not(.team-role),.studio-page .feature p:not(.eyebrow){font-size:20px}
.game-page .game-story,.game-page .game-details{width:calc(100% - 32px);padding:22px 18px;margin-bottom:36px}
.game-page .media,.game-page .recruiting{padding:22px 18px;margin-bottom:36px}
.game-page .game-hero .raster-title{padding:14px 10px;margin-bottom:24px}
.game-page .game-hero .lead{padding:18px 16px}
.game-page .recruiting .role-list li{font-size:18px;padding:12px}
.game-page .recruiting-terms{font-size:18px}.game-page .facts strong{font-size:24px}
.studio-page .button,.game-page .button{font-size:18px;min-height:48px;padding:14px 20px}
.studio-page footer,.game-page footer{padding:26px 0;gap:20px}
}

/* Review-only content-fitted game panels. Keep borders, colors and playful tilts. */
.game-page .game-hero .raster-title{width:fit-content;max-width:100%;padding:16px 22px;margin-bottom:28px}
.game-page .game-hero .lead{width:fit-content;max-width:800px;padding:20px 24px}
.game-page .game-story,.game-page .game-details{width:fit-content;max-width:min(980px,calc(100% - 80px));height:auto;min-height:0;padding:28px 30px;margin-bottom:56px}
.game-page .media,.game-page .recruiting{width:fit-content;max-width:min(1080px,calc(100% - 80px));height:auto;min-height:0;padding:28px 30px;margin-bottom:56px}
.game-page .game-story>:last-child,.game-page .game-details>:last-child,.game-page .media>:last-child,.game-page .recruiting>:last-child{margin-bottom:0}
.game-page .raster-heading{margin-bottom:20px}
.game-page .facts{align-items:flex-start;gap:16px;margin:18px 0}
.game-page .facts>div{min-width:0;width:fit-content;padding:12px 18px}
.game-page .recruiting .role-list{grid-template-columns:repeat(2,minmax(0,max-content));align-items:start;gap:12px;margin:20px 0 24px}
.game-page .recruiting .role-list li{padding:12px 16px}
.game-page .recruiting-terms{padding-top:20px}
/* The consent prompt fits its copy; only an actual video needs a 16:9 frame. */
.game-page .playlist-player:not(:has(iframe)){aspect-ratio:auto;min-height:0;margin:22px 0}
.game-page .playlist-prompt{padding:20px 24px}
.game-page .playlist-prompt>:last-child{margin-bottom:0}
@media(max-width:800px){
.game-page .game-story,.game-page .game-details,.game-page .media,.game-page .recruiting{max-width:calc(100% - 48px);margin-left:auto;margin-right:auto;padding:24px;margin-bottom:40px}
}
@media(max-width:700px){.game-page .recruiting .role-list{grid-template-columns:minmax(0,1fr)}.game-page .recruiting .role-list li{width:fit-content;max-width:100%}}
@media(max-width:600px){
.game-page .game-hero .raster-title{padding:12px 10px;margin-bottom:22px}
.game-page .game-hero .lead{padding:16px}
.game-page .game-story,.game-page .game-details,.game-page .media,.game-page .recruiting{max-width:calc(100% - 32px);padding:20px 18px;margin-bottom:32px}
.game-page .facts{display:flex;flex-wrap:wrap;gap:12px}
.game-page .facts>div{padding:10px 14px;max-width:100%}
.game-page .playlist-prompt{padding:18px 14px}
.game-page .recruiting .role-list li{padding:10px 12px}
}
/* Latest review request: 5px below ORIGINAL live text sizes, not another 5px
   below the earlier preview. Small utility text keeps a readable 12–16px floor.
   Raster heading artwork retains its existing review dimensions. */
body.studio-page,body.game-page{font-size:23px}
.studio-page h1{font-size:clamp(37px,calc(5.5vw - 5px),71px)}
.studio-page h2{font-size:clamp(25px,calc(3.5vw - 5px),41px)}
.studio-page .lead,.game-page .lead{font-size:25px}
.studio-page nav,.game-page nav,.studio-page .button,.game-page .button{font-size:16px}
.studio-page .text-link,.game-page .text-link{font-size:17px}
.studio-page .eyebrow,.game-page .eyebrow{font-size:12px}
.studio-page .brand,.game-page .brand{font-size:14px}
.studio-page footer,.game-page footer{font-size:14px}
.studio-page .feature p:not(.eyebrow),.studio-page .team-card>p:not(.team-role){font-size:21px}
.studio-page .team-card h3{font-size:25px}
.studio-page .team-card .team-role{font-size:16px}
.studio-page .team-card .text-link{font-size:17px}
.game-page .facts strong{font-size:25px}
.game-page .facts span{font-size:12px}
.game-page .recruiting .role-list li{font-size:21px}
.game-page .recruiting-terms{font-size:19px}
.game-page .privacy-note,.game-page .playback-note{font-size:17px}
@media(max-width:600px){
/* Latest mobile override: 20px body copy, desktop remains 23px. */
body.studio-page,body.game-page{font-size:20px}
.studio-page h1{font-size:clamp(30px,calc(8.3vw - 5px),43px)}
.studio-page h2{font-size:27px}
.studio-page .lead,.game-page .lead{font-size:23px}
.studio-page nav,.game-page nav,.studio-page .button,.game-page .button{font-size:16px}
.studio-page .team-card h3{font-size:25px}
.studio-page .team-card .team-role{font-size:16px}
.studio-page .feature p:not(.eyebrow),.studio-page .team-card>p:not(.team-role){font-size:21px}
.game-page .facts strong{font-size:22px}
.game-page .recruiting .role-list li{font-size:19px}
.game-page .privacy-note,.game-page .playback-note{font-size:16px}
}

/* Studio-only palette review: lighter blue zigzags over a deeper baby-blue
   field; headings provide section separation, not horizontal rules.
   Contact does not load review.css. Functional card/focus/nav borders remain. */
.studio-page{--paper:#B7D8F0;--ink:#172D58;--muted:#274269;--accent:#172D58}
.studio-page header{border-bottom:0}
.studio-page .split,.studio-page .feature,.studio-page .team,.studio-page footer{border-top:0}
.studio-page .team-card .team-role,.studio-page .team-card>p:not(.team-role){color:var(--muted)}
