:root{--black:#0b0c0d;--ivory:#f7f3e9;--gold:#c5a56d;--gold-dark:#806237;--ink:#202220;--muted:#706e65;--line:#d5cebf;--serif:Georgia,'Review Serif',serif;--sans:Arial,'Liberation Sans',sans-serif}
*{box-sizing:border-box}html{margin:0;scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-1.5px;line-height:1.07}h1 em,h2 em{font-weight:400}h2{font-size:54px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{width:calc(100% - 160px);max-width:1420px;margin:0 auto}.eyebrow{font-size:12px;line-height:1.3;font-weight:700;letter-spacing:2px;text-transform:uppercase}.gold{color:var(--gold)}.gold-dark{color:var(--gold-dark)}.site-header{background:var(--black);color:var(--ivory)}.header-inner{height:112px;border-bottom:1px solid #353631;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:15px;font-weight:700;letter-spacing:3px;font-size:22px;line-height:1.1}.brand img{width:42px;height:42px;image-rendering:pixelated}.brand-sub{display:block;font-size:11px;font-weight:400;letter-spacing:7px;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:40px;font-size:14px}.site-header nav>a,.nav-pending{padding:6px 0}.site-header nav .active{border-bottom:1px solid var(--gold)}.nav-arrow{color:var(--gold);margin-left:10px}.nav-pending{cursor:default}.studio-hero{background:var(--black);color:var(--ivory)}.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:65px 0 74px}.hero-copy{flex:1}.hero-copy h1{font-size:76px;line-height:1.04;letter-spacing:-2.4px;margin:24px 0 23px}.hero-description{color:#ccc9c0;max-width:620px;line-height:1.65}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:14px;font-weight:700;border-bottom:1px solid #76705f;padding-bottom:8px;margin-top:25px}.text-link span{color:var(--gold);font-size:22px;line-height:1}.hero-identity{width:242px;text-align:center;padding-top:6px}.hero-identity img{width:166px;height:168px;margin:0 auto 24px;image-rendering:pixelated}.hero-identity p{font-family:var(--serif);font-size:22px;line-height:1.3;color:#d2cfc4;font-style:italic}.identity-caption{display:block;font-size:10px;letter-spacing:3px;color:var(--gold);margin-top:18px}.early-newsletter{background:#151615;color:#c7c4bb;border-top:1px solid #353631}.newsletter-strip{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px}.newsletter-strip p{display:flex;gap:24px}.newsletter-strip strong{color:var(--ivory);font-weight:400}.newsletter-strip a{color:var(--ivory);white-space:nowrap}.newsletter-strip a span{color:var(--gold);margin-left:18px}.featured{padding-top:70px;padding-bottom:78px}.section-kicker{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.section-number{font-size:10px;letter-spacing:2px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.game-art{height:440px;position:relative;overflow:hidden;background:#6c8287}.game-key-art{width:100%;height:100%;object-fit:cover;object-position:center 43%}.art-shade{position:absolute;inset:0;background:linear-gradient(transparent 52%,rgba(11,12,13,.82))}.game-logo{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);width:360px;max-width:80%;height:auto}.art-caption{position:absolute;bottom:20px;left:25px;color:var(--ivory);font-size:9px;letter-spacing:2px}.game-copy h2{font-size:49px;margin:19px 0 24px;line-height:1.12}.game-copy>p:not(.eyebrow){max-width:450px;color:#5d5c54;line-height:1.75}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 23px;border:0;border-radius:0;min-height:54px;font-size:13px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.gold-button{background:var(--gold);color:var(--black)}.game-copy>.button{margin-top:29px}.button span{font-size:19px;line-height:1}.game-links{display:flex;gap:29px;font-size:12px;margin-top:27px}.game-links a{border-bottom:1px solid #b6b0a2;padding-bottom:4px}.game-links span{color:var(--gold-dark);padding-left:10px}.team{padding-bottom:72px}.team-heading{border-top:1px solid var(--line);padding-top:60px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:51px}.team-heading h2{margin-top:18px;font-size:62px}.team-intro{color:#666359;max-width:400px;padding-bottom:5px}.team-intro p{line-height:1.6}.team-intro>span{display:block;font-size:10px;letter-spacing:1.1px;margin-top:21px;color:var(--gold-dark)}.roster-group{margin-top:47px}.group-label{border-top:1px solid #aaa392;padding-top:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.group-label h3{font-size:14px;font-weight:700;letter-spacing:.2px}.group-label>span{font-size:10px;letter-spacing:2px;color:#8a806d}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 34px}.person{min-width:0}.portrait-stage{height:192px;position:relative;overflow:hidden;border-bottom:1px solid #d1c5b0;background:linear-gradient(to top,#eee7d8 0%,#f1ebdf 80%,#f1ebdf 100%)}.portrait-art{position:absolute;left:50%;bottom:0;transform:translateX(-50%);overflow:hidden}.portrait-art img{position:absolute;image-rendering:pixelated;max-width:none}.person h3{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.25;margin-top:14px;letter-spacing:-.2px}.person-role{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-top:5px}.portrait-pending{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.initials{font-family:var(--serif);color:#988b71;font-size:34px;line-height:1;width:74px;height:74px;display:flex;align-items:center;justify-content:center;border:1px solid #c9bda5}.pending-label{position:absolute;bottom:17px;font-size:10px;color:#81755e;letter-spacing:.5px}.contractors{margin-top:53px}.contractors .people-grid{grid-template-columns:repeat(5,1fr);gap:31px 25px}.contractors .portrait-stage{height:181px}.contractors .person h3{font-size:22px}.interns{margin-top:53px}.intern-layout{display:flex;align-items:center;gap:55px}.intern-layout>.person{width:calc((100% - 102px)/4)}.interns .portrait-stage{height:171px}.intern-copy{padding-left:14px}.intern-copy>p:last-child{font-family:var(--serif);font-size:32px;line-height:1.3;margin-top:18px;letter-spacing:-.3px}.bottom-newsletter{background:var(--black);color:var(--ivory);padding:66px 0 76px}.newsletter-layout{display:flex;align-items:center;justify-content:space-between;gap:80px}.newsletter-copy h2{font-size:57px;margin:19px 0 23px}.newsletter-copy>p:last-child{font-size:14px;line-height:1.75;color:#bebcaf}.signup{width:530px;max-width:50%;padding-top:33px}.signup label{display:block;font-size:12px;margin-bottom:12px}.email-field{display:flex;border:1px solid #797365;min-height:60px}.email-field input{display:block;min-width:0;flex:1;background:transparent;border:0;color:var(--ivory);padding:16px;font-size:14px}.email-field input::placeholder{color:#9e9d91}.email-field>.button{margin:5px;min-height:48px;padding:12px 20px;font-size:12px;gap:25px}.signup>p{font-size:11px;color:#aaa99f;margin-top:14px}.form-note{display:block;font-size:9px;letter-spacing:.3px;color:#77796f;margin-top:35px}footer{background:var(--black);color:#a6a79d;font-size:11px}.footer-inner{border-top:1px solid #353631;min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-brand{display:flex;align-items:center;gap:11px;color:var(--ivory);font-size:11px;letter-spacing:1px}.footer-brand img{width:25px;height:25px;image-rendering:pixelated}.footer-inner>div{display:flex;gap:30px}.footer-inner>div>span:last-child{margin-left:12px}.desktop{width:1660px}.mobile{width:390px}

/* Fixed 390px review comp */
.mobile .wrap{width:calc(100% - 40px)}.mobile .header-inner{height:98px;align-items:flex-start;justify-content:flex-start;position:relative;padding-top:16px}.mobile .brand{font-size:14px;letter-spacing:2px;gap:9px}.mobile .brand img{width:30px;height:30px}.mobile .brand-sub{font-size:7px;letter-spacing:4px;margin-top:4px}.mobile .site-header nav{position:absolute;bottom:13px;left:0;right:0;justify-content:space-between;font-size:10px;gap:10px;line-height:1}.mobile .site-header nav>a,.mobile .nav-pending{padding:4px 0}.mobile .nav-arrow{margin-left:4px}.mobile .hero-inner{padding:37px 0 39px;gap:0;display:block}.mobile .hero-copy h1{font-size:42px;letter-spacing:-1.5px;line-height:1.08;margin:19px 0 21px}.mobile .hero-copy h1 br{display:none}.mobile .hero-copy h1 em{display:block;margin-top:3px}.mobile .eyebrow{font-size:9px;letter-spacing:1.7px}.mobile .hero-description{font-size:13px;line-height:1.7;max-width:310px}.mobile .hero-identity{display:none}.mobile .text-link{font-size:11px;margin-top:22px;gap:18px;padding-bottom:6px}.mobile .text-link span{font-size:17px}.mobile .newsletter-strip{display:block;padding-top:19px;padding-bottom:19px;font-size:10px;min-height:0}.mobile .newsletter-strip p{display:block;line-height:1.6}.mobile .newsletter-strip strong{font-size:11px}.mobile .newsletter-strip p>span{display:block;max-width:285px;margin-top:3px}.mobile .newsletter-strip a{display:inline-block;margin-top:10px}.mobile .newsletter-strip a span{margin-left:15px}.mobile .featured{padding-top:34px;padding-bottom:37px}.mobile .section-kicker{margin-bottom:16px}.mobile .section-number{font-size:7px;letter-spacing:1px}.mobile .feature-grid{display:block}.mobile .game-art{height:236px}.mobile .game-logo{width:245px;bottom:40px}.mobile .art-caption{bottom:13px;left:16px;font-size:7px;letter-spacing:1.3px}.mobile .game-copy{padding-top:29px}.mobile .game-copy h2{font-size:34px;letter-spacing:-.7px;line-height:1.14;margin:15px 0 17px}.mobile .game-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;max-width:310px}.mobile .button{font-size:11px;padding:13px 18px;min-height:47px;gap:31px}.mobile .game-copy>.button{margin-top:20px}.mobile .game-links{font-size:10px;gap:27px;margin-top:19px}.mobile .game-links span{padding-left:5px}.mobile .team{padding-bottom:35px}.mobile .team-heading{display:block;padding-top:34px;margin-bottom:25px}.mobile .team-heading h2{font-size:40px;letter-spacing:-1px;margin-top:14px}.mobile .team-intro{font-size:12px;margin-top:22px;max-width:none;padding:0}.mobile .team-intro>span{font-size:8px;letter-spacing:.6px;margin-top:14px}.mobile .roster-group{margin-top:29px}.mobile .group-label{padding-top:13px;margin-bottom:18px}.mobile .group-label h3{font-size:12px}.mobile .group-label>span{font-size:8px;letter-spacing:1px}.mobile .people-grid,.mobile .contractors .people-grid{grid-template-columns:repeat(2,1fr);gap:22px 16px}.mobile .portrait-stage,.mobile .contractors .portrait-stage,.mobile .interns .portrait-stage{height:111px}.mobile .portrait-art{transform:translateX(-50%) scale(.5);transform-origin:bottom center}.mobile .person h3,.mobile .contractors .person h3{font-size:17px;letter-spacing:0;margin-top:9px}.mobile .person-role{font-size:7px;letter-spacing:1px;margin-top:3px}.mobile .initials{font-size:23px;width:44px;height:44px;margin-top:-9px}.mobile .pending-label{font-size:7px;bottom:11px;letter-spacing:.2px}.mobile .contractors,.mobile .interns{margin-top:32px}.mobile .intern-layout{gap:23px;align-items:center}.mobile .intern-layout>.person{width:167px;flex-shrink:0}.mobile .intern-copy{padding-left:0;margin-bottom:23px}.mobile .intern-copy .eyebrow{font-size:7px;letter-spacing:.6px}.mobile .intern-copy>p:last-child{font-size:20px;line-height:1.25;margin-top:10px;letter-spacing:-.3px}.mobile .bottom-newsletter{padding:38px 0 37px}.mobile .newsletter-layout{display:block}.mobile .newsletter-copy h2{font-size:39px;letter-spacing:-.6px;margin:15px 0 17px}.mobile .newsletter-copy>p:last-child{font-size:11px;line-height:1.8}.mobile .signup{width:100%;max-width:none;padding-top:26px}.mobile .signup label{font-size:10px;margin-bottom:9px}.mobile .email-field{min-height:51px}.mobile .email-field input{padding:12px;font-size:11px}.mobile .email-field>.button{min-height:40px;padding:9px 12px;gap:12px;font-size:10px;margin:4px}.mobile .button span{font-size:16px}.mobile .signup>p{font-size:9px;margin-top:12px}.mobile .form-note{font-size:7px;margin-top:23px}.mobile .footer-inner{display:block;padding-top:24px;padding-bottom:27px;min-height:0}.mobile .footer-brand{font-size:9px;gap:9px;letter-spacing:1px}.mobile .footer-brand img{width:20px;height:20px}.mobile .footer-inner>p{font-size:9px;margin-top:14px}.mobile .footer-inner>div{font-size:9px;gap:22px;margin-top:20px}.mobile .footer-inner>div>span:last-child{margin-left:auto}

/* Responsive production preview */
@media screen and (max-width:700px){.wrap{width:calc(100% - 40px)}.header-inner{height:98px;align-items:flex-start;justify-content:flex-start;position:relative;padding-top:16px}.brand{font-size:14px;letter-spacing:2px;gap:9px}.brand img{width:30px;height:30px}.brand-sub{font-size:7px;letter-spacing:4px;margin-top:4px}.site-header nav{position:absolute;bottom:13px;left:0;right:0;justify-content:space-between;font-size:10px;gap:10px;line-height:1}.site-header nav>a,.nav-pending{padding:4px 0}.nav-arrow{margin-left:4px}.hero-inner{padding:37px 0 39px;gap:0;display:block}.hero-copy h1{font-size:42px;letter-spacing:-1.5px;line-height:1.08;margin:19px 0 21px}.hero-copy h1 br{display:none}.hero-copy h1 em{display:block;margin-top:3px}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero-description{font-size:13px;line-height:1.7;max-width:310px}.hero-identity{display:none}.text-link{font-size:11px;margin-top:22px;gap:18px;padding-bottom:6px}.text-link span{font-size:17px}.newsletter-strip{display:block;padding-top:19px;padding-bottom:19px;font-size:10px;min-height:0}.newsletter-strip p{display:block;line-height:1.6}.newsletter-strip strong{font-size:11px}.newsletter-strip p>span{display:block;max-width:285px;margin-top:3px}.newsletter-strip a{display:inline-block;margin-top:10px}.newsletter-strip a span{margin-left:15px}.featured{padding-top:34px;padding-bottom:37px}.section-kicker{margin-bottom:16px}.section-number{font-size:7px;letter-spacing:1px}.feature-grid{display:block}.game-art{height:236px}.game-logo{width:245px;bottom:40px}.art-caption{bottom:13px;left:16px;font-size:7px;letter-spacing:1.3px}.game-copy{padding-top:29px}.game-copy h2{font-size:34px;letter-spacing:-.7px;line-height:1.14;margin:15px 0 17px}.game-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;max-width:310px}.button{font-size:11px;padding:13px 18px;min-height:47px;gap:31px}.game-copy>.button{margin-top:20px}.game-links{font-size:10px;gap:27px;margin-top:19px}.game-links span{padding-left:5px}.team{padding-bottom:35px}.team-heading{display:block;padding-top:34px;margin-bottom:25px}.team-heading h2{font-size:40px;letter-spacing:-1px;margin-top:14px}.team-intro{font-size:12px;margin-top:22px;max-width:none;padding:0}.team-intro>span{font-size:8px;letter-spacing:.6px;margin-top:14px}.roster-group{margin-top:29px}.group-label{padding-top:13px;margin-bottom:18px}.group-label h3{font-size:12px}.group-label>span{font-size:8px;letter-spacing:1px}.people-grid,.contractors .people-grid{grid-template-columns:repeat(2,1fr);gap:22px 16px}.portrait-stage,.contractors .portrait-stage,.interns .portrait-stage{height:111px}.portrait-art{transform:translateX(-50%) scale(.5);transform-origin:bottom center}.person h3,.contractors .person h3{font-size:17px;letter-spacing:0;margin-top:9px}.person-role{font-size:7px;letter-spacing:1px;margin-top:3px}.initials{font-size:23px;width:44px;height:44px;margin-top:-9px}.pending-label{font-size:7px;bottom:11px;letter-spacing:.2px}.contractors,.interns{margin-top:32px}.intern-layout{gap:23px;align-items:center}.intern-layout>.person{width:167px;flex-shrink:0}.intern-copy{padding-left:0;margin-bottom:23px}.intern-copy .eyebrow{font-size:7px;letter-spacing:.6px}.intern-copy>p:last-child{font-size:20px;line-height:1.25;margin-top:10px;letter-spacing:-.3px}.bottom-newsletter{padding:38px 0 37px}.newsletter-layout{display:block}.newsletter-copy h2{font-size:39px;letter-spacing:-.6px;margin:15px 0 17px}.newsletter-copy>p:last-child{font-size:11px;line-height:1.8}.signup{width:100%;max-width:none;padding-top:26px}.signup label{font-size:10px;margin-bottom:9px}.email-field{min-height:51px}.email-field input{padding:12px;font-size:11px}.email-field>.button{min-height:40px;padding:9px 12px;gap:12px;font-size:10px;margin:4px}.button span{font-size:16px}.signup>p{font-size:9px;margin-top:12px}.form-note{font-size:7px;margin-top:23px}.footer-inner{display:block;padding-top:24px;padding-bottom:27px;min-height:0}.footer-brand{font-size:9px;gap:9px;letter-spacing:1px}.footer-brand img{width:20px;height:20px}.footer-inner>p{font-size:9px;margin-top:14px}.footer-inner>div{font-size:9px;gap:22px;margin-top:20px}.footer-inner>div>span:last-child{margin-left:auto}
}
/* Studio palette: true black and warm ivory, distinct from the game's navy. */
body{background:var(--black);color:var(--ivory)}
.featured{background:var(--black)}
.gold-dark{color:var(--gold)}
.section-number,.person-role{color:#aaa69a}
.game-copy>p:not(.eyebrow),.team-intro{color:#bbb8ae}
.game-links a{border-color:#716955}
.game-links span{color:var(--gold)}
.team-heading{border-color:#3a3a33}
.team-intro>span{color:var(--gold)}
.group-label{border-color:#5a5345}
.group-label>span{color:#aba087}
.portrait-stage{background:#1c1d1b;border-color:#5b5343}
.initials{color:#ae9b77;border-color:#585140}
.pending-label{color:#aaa087}
.bottom-newsletter{background:#151615;border-top:1px solid #36372f}
footer{background:#151615}
/* Print-stable static controls and intentionally reserved routes. */
.site-header nav{width:425px;justify-content:flex-end;flex-shrink:0;gap:40px;white-space:nowrap}
.site-header nav>*{flex-shrink:0}
.text-link{display:inline-block;width:auto}
.text-link span{display:inline-block;margin-left:25px;font-family:Arial,'Liberation Sans',sans-serif}
.newsletter-strip p{display:block;max-width:950px;flex-shrink:0}
.newsletter-strip strong{display:inline-block;margin-right:25px;white-space:nowrap}
.newsletter-strip p>span{display:inline}
.button{display:inline-block;line-height:22px}
.button span{display:inline-block;vertical-align:middle;margin-left:32px;font-family:Arial,'Liberation Sans',sans-serif}
.email-field{position:relative;display:block;height:60px}
.email-input{display:inline-block;padding:16px;color:#9e9d91;font-size:14px}
.email-field>.button{position:absolute;right:0;top:0;bottom:0;min-width:150px;line-height:24px}
.email-field>.button span{margin-left:23px}
.pending-label{left:0;width:100%;text-align:center}
.footer-inner>div{flex-shrink:0;white-space:nowrap}
.footer-inner>div>*{flex-shrink:0}
.mobile .site-header nav{width:auto;gap:10px;justify-content:space-between}
.mobile .text-link span{margin-left:18px}
.mobile .newsletter-strip p{max-width:none}
.mobile .newsletter-strip p>span{display:block}
.mobile .newsletter-strip strong{margin-right:0}
.mobile .button{line-height:21px}
.mobile .button span{margin-left:25px}
.mobile .email-field{height:51px}
.mobile .email-input{padding:13px 12px;font-size:11px}
.mobile .email-field>.button{min-width:114px;line-height:20px}
.mobile .email-field>.button span{margin-left:12px}
@media screen and (max-width:700px){.site-header nav{width:auto;gap:10px;justify-content:space-between}.text-link span{margin-left:18px}.newsletter-strip p{max-width:none}.newsletter-strip p>span{display:block}.newsletter-strip strong{margin-right:0}.button{line-height:21px}.button span{margin-left:25px}.email-field{height:51px}.email-input{padding:13px 12px;font-size:11px}.email-field>.button{min-width:114px;line-height:20px}.email-field>.button span{margin-left:12px}}
.desktop .hero-inner{padding-top:52px;padding-bottom:49px}
.desktop .hero-copy h1{font-size:72px;line-height:1.06;margin-top:22px;margin-bottom:19px}
.desktop .hero-description{max-width:650px}
@media screen and (min-width:701px){.responsive .hero-inner{padding-top:52px;padding-bottom:49px}.responsive .hero-copy h1{font-size:72px;line-height:1.06;margin-top:22px;margin-bottom:19px}.responsive .hero-description{max-width:650px}}
/* Explicit unticked opt-in, processing notice and double-opt-in guidance. */
.signup .consent{font-size:11px;line-height:18px;color:#c7c4b9;margin-top:17px}
.checkbox{display:inline-block;width:13px;height:13px;vertical-align:-2px;margin-right:9px;border:1px solid #a29a87;background:transparent}
.signup .processing{font-size:10px;line-height:1.8;margin-top:12px;color:#aaa99f}
.privacy-placeholder{border-bottom:1px solid #80765f;color:#d3c9b1}
.form-note{margin-top:24px}
.mobile .signup .consent{font-size:9px;line-height:16px;margin-top:14px}
.mobile .checkbox{width:11px;height:11px;margin-right:7px}
.mobile .signup .processing{font-size:8px;line-height:1.8;margin-top:11px}
.mobile .form-note{font-size:7px;margin-top:19px}
@media screen and (max-width:700px){.signup .consent{font-size:9px;line-height:16px;margin-top:14px}.checkbox{width:11px;height:11px;margin-right:7px}.signup .processing{font-size:8px;line-height:1.8;margin-top:11px}.form-note{font-size:7px;margin-top:19px}}
/* Image-led studio revision: sourced frog art, warm editorial story and values. */
.site-header nav{width:540px;gap:34px;align-items:center;line-height:1.2}
.site-header nav>*{display:inline-block;white-space:nowrap;line-height:1.2;vertical-align:middle}
.nav-pending,.nav-arrow{white-space:nowrap;display:inline-block}
.header-inner{height:94px}
.hero-canvas{height:600px;position:relative;overflow:hidden}
.hero-banner{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 42%}
.hero-tone{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,12,13,.73),rgba(11,12,13,.17) 53%,rgba(11,12,13,0) 80%)}
.hero-banner-copy{position:relative;padding-top:116px;padding-bottom:80px}
.hero-banner-copy h1{font-size:68px;line-height:1.07;letter-spacing:-1.6px;margin:22px 0 23px;text-shadow:0 1px 10px #0004}
.hero-banner-copy>p:not(.eyebrow){font-size:17px;color:#f2eadb;max-width:500px}
.hero-banner-copy>.button{margin-top:29px}
.story-section{background:var(--ivory);color:var(--black);padding:65px 0 55px}
.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:start}
.story-intro h2{font-size:52px;line-height:1.1;margin-top:18px}
.story-section .gold-dark{color:#806237}
.story-copy{padding-top:4px;font-size:16px;line-height:1.8;color:#59594f}
.story-link{display:inline-block;margin-top:19px;border-bottom:1px solid #8b7b5d;padding-bottom:3px;color:#383a31;font-size:12px}
.story-link>span{margin-left:24px;color:#806237}
.values-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c8c1b2;margin-top:40px;padding-top:23px;margin-bottom:23px}
.values-heading>span:last-child{font-size:10px;color:#807a6b;letter-spacing:1px;text-transform:uppercase}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.values-grid article{position:relative;padding-left:24px;border-left:1px solid #c8c1b2}
.value-number{font-size:10px;color:#8a7350;letter-spacing:1px;display:block;margin-bottom:11px}
.values-grid h3{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.13;min-height:55px;letter-spacing:-.3px}
.values-grid p{font-size:12px;color:#6a665c;line-height:1.7;margin-top:10px;max-width:240px}
.featured{padding-top:61px;padding-bottom:61px}
.feature-grid{grid-template-columns:1fr 1fr;gap:78px}
.game-art{height:375px}
.game-copy h2{font-size:45px}
.team-heading{padding-top:48px;margin-bottom:43px}
.team-heading h2{font-size:57px}
.team-intro .team-profile-help{font-size:11px;margin-top:16px;color:#aaa69a}
.profile-trigger{display:inline-block;font-size:10px;color:#c5ae85;margin-top:8px;border-bottom:1px solid #5b5141;padding-bottom:3px}
.profile-trigger>span{font-size:15px;margin-left:16px;line-height:1}
.team-intro{max-width:405px}
.roster-group{margin-top:38px}
.contractors,.interns{margin-top:43px}
.group-label{margin-bottom:25px}
.person h3{margin-top:12px}
.bottom-newsletter{margin-top:0}
.footer-inner .nav-pending{white-space:nowrap}
.mobile .header-inner{height:98px}
.mobile .site-header nav{width:auto;gap:10px;justify-content:space-between;line-height:1.2;font-size:9px}
.mobile .site-header nav>*{white-space:nowrap;line-height:1.2}
.mobile .nav-arrow{margin-left:2px}
.mobile .hero-canvas{height:510px}
.mobile .hero-banner{object-position:57% center}
.mobile .hero-tone{background:linear-gradient(0deg,rgba(11,12,13,.96),rgba(11,12,13,.1) 85%)}
.mobile .hero-banner-copy{padding-top:243px;padding-bottom:28px}
.mobile .hero-banner-copy h1{font-size:38px;line-height:1.06;letter-spacing:-1px;margin:15px 0 14px}
.mobile .hero-banner-copy>p:not(.eyebrow){font-size:11px}
.mobile .hero-banner-copy>.button{margin-top:19px}
.mobile .hero-banner-copy .eyebrow{font-size:8px;letter-spacing:1.1px}
.mobile .story-section{padding:34px 0 31px}
.mobile .story-intro{display:block}
.mobile .story-intro h2{font-size:35px;letter-spacing:-.6px;margin-top:14px}
.mobile .story-copy{font-size:12px;line-height:1.8;margin-top:23px;padding-top:0}
.mobile .story-link{font-size:10px;margin-top:15px}
.mobile .values-heading{margin-top:29px;padding-top:19px;margin-bottom:20px}
.mobile .values-heading>span:last-child{font-size:7px;letter-spacing:.5px}
.mobile .values-grid{grid-template-columns:repeat(2,1fr);gap:23px 20px}
.mobile .values-grid article{padding-left:12px}
.mobile .value-number{font-size:8px;margin-bottom:9px}
.mobile .values-grid h3{font-size:20px;min-height:66px;line-height:1.05}
.mobile .values-grid p{font-size:10px;line-height:1.65;margin-top:8px}
.mobile .featured{padding-top:34px;padding-bottom:37px}
.mobile .feature-grid{display:block}
.mobile .game-art{height:225px}
.mobile .game-copy h2{font-size:34px}
.mobile .team-heading{padding-top:34px;margin-bottom:25px}
.mobile .team-heading h2{font-size:40px}
.mobile .team-intro .team-profile-help{font-size:10px;margin-top:12px}
.mobile .profile-trigger{font-size:8px;margin-top:6px;padding-bottom:2px}
.mobile .profile-trigger>span{font-size:11px;margin-left:12px}
.mobile .roster-group{margin-top:29px}
.mobile .contractors,.mobile .interns{margin-top:32px}
.mobile .group-label{margin-bottom:18px}
.mobile .person h3{margin-top:9px}

@media screen and (max-width:700px){
.header-inner{height:98px}
.site-header nav{width:auto;gap:10px;justify-content:space-between;line-height:1.2;font-size:9px}
.site-header nav>*{white-space:nowrap;line-height:1.2}
.nav-arrow{margin-left:2px}
.hero-canvas{height:510px}
.hero-banner{object-position:57% center}
.hero-tone{background:linear-gradient(0deg,rgba(11,12,13,.96),rgba(11,12,13,.1) 85%)}
.hero-banner-copy{padding-top:243px;padding-bottom:28px}
.hero-banner-copy h1{font-size:38px;line-height:1.06;letter-spacing:-1px;margin:15px 0 14px}
.hero-banner-copy>p:not(.eyebrow){font-size:11px}
.hero-banner-copy>.button{margin-top:19px}
.hero-banner-copy .eyebrow{font-size:8px;letter-spacing:1.1px}
.story-section{padding:34px 0 31px}
.story-intro{display:block}
.story-intro h2{font-size:35px;letter-spacing:-.6px;margin-top:14px}
.story-copy{font-size:12px;line-height:1.8;margin-top:23px;padding-top:0}
.story-link{font-size:10px;margin-top:15px}
.values-heading{margin-top:29px;padding-top:19px;margin-bottom:20px}
.values-heading>span:last-child{font-size:7px;letter-spacing:.5px}
.values-grid{grid-template-columns:repeat(2,1fr);gap:23px 20px}
.values-grid article{padding-left:12px}
.value-number{font-size:8px;margin-bottom:9px}
.values-grid h3{font-size:20px;min-height:66px;line-height:1.05}
.values-grid p{font-size:10px;line-height:1.65;margin-top:8px}
.featured{padding-top:34px;padding-bottom:37px}
.feature-grid{display:block}
.game-art{height:225px}
.game-copy h2{font-size:34px}
.team-heading{padding-top:34px;margin-bottom:25px}
.team-heading h2{font-size:40px}
.team-intro .team-profile-help{font-size:10px;margin-top:12px}
.profile-trigger{font-size:8px;margin-top:6px;padding-bottom:2px}
.profile-trigger>span{font-size:11px;margin-left:12px}
.roster-group{margin-top:29px}
.contractors,.interns{margin-top:32px}
.group-label{margin-bottom:18px}
.person h3{margin-top:9px}

}
/* Keep the alternate creature visible: the studio statement sits below the art. */
.hero-art-window{height:570px;position:relative;overflow:hidden;background:#567d80}
.hero-art-window .hero-banner{position:absolute;width:100%;height:auto;max-width:none;top:-630px;left:0;object-fit:initial}
.hero-art-fade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,12,13,.5),transparent 25%)}
.hero-art-label{position:absolute;bottom:24px;left:calc((100% - 1420px)/2);color:#f7f3e9;font-size:9px;letter-spacing:2px}
.hero-statement{display:flex;align-items:center;justify-content:space-between;padding:37px 0 42px;gap:50px}
.hero-statement h1{font-size:53px;line-height:1.07;letter-spacing:-1.2px;margin-top:15px}
.hero-statement-aside{width:380px}
.hero-statement-aside p{font-size:15px;line-height:1.7;color:#c9c6bb}
.hero-statement-aside .button{margin-top:19px}
.mobile .hero-art-window{height:340px}
.mobile .hero-art-window .hero-banner{width:100%;height:auto;top:-127px;left:0;object-fit:initial}
.mobile .hero-art-label{left:20px;bottom:15px;font-size:7px;letter-spacing:1.2px}
.mobile .hero-statement{display:block;padding:27px 0 30px}
.mobile .hero-statement h1{font-size:39px;letter-spacing:-.7px;margin-top:13px}
.mobile .hero-statement-aside{width:auto;margin-top:19px}
.mobile .hero-statement-aside p{font-size:12px;line-height:1.65}
.mobile .hero-statement-aside .button{margin-top:15px}
@media screen and (max-width:700px){.hero-art-window{height:340px}.hero-art-window .hero-banner{width:100%;height:auto;top:-127px;left:0;object-fit:initial}.hero-art-label{left:20px;bottom:15px;font-size:7px;letter-spacing:1.2px}.hero-statement{display:block;padding:27px 0 30px}.hero-statement h1{font-size:39px;letter-spacing:-.7px;margin-top:13px}.hero-statement-aside{width:auto;margin-top:19px}.hero-statement-aside p{font-size:12px;line-height:1.65}.hero-statement-aside .button{margin-top:15px}}
.desktop .hero-statement>div:first-child{width:760px;flex-shrink:0}
.mobile .hero-art-window .hero-banner{top:-145px}
@media screen and (max-width:700px){.hero-art-window .hero-banner{top:-145px}}
/* Narrow refinement: integrated banner headline and softened dark story tint. */
.hero-art-window{height:650px}
.hero-art-window .hero-banner{top:-710px}
.hero-overlay-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,13,11,.92),rgba(9,15,13,.53) 32%,rgba(10,15,12,0) 72%),linear-gradient(90deg,rgba(7,15,10,.22),transparent 68%)}
.hero-overlay-copy{position:absolute;left:0;right:0;bottom:42px}
.hero-overlay-copy h1{font-size:53px;line-height:1.06;letter-spacing:-1.1px;text-shadow:0 2px 8px #0006}
.hero-overlay-copy p{font-size:14px;color:#e3e3d6;margin-top:17px;line-height:1.6}
.hero-overlay-copy .button{margin-top:19px}
.story-section{background-color:#202922;background-image:linear-gradient(135deg,rgba(82,94,68,.15),transparent 65%),repeating-linear-gradient(90deg,rgba(255,255,255,.011) 0,rgba(255,255,255,.011) 1px,transparent 1px,transparent 5px);color:#f1eedf}
.story-section .gold-dark{color:#c5a56d}
.story-copy{color:#c3c6b7}
.story-link{color:#e6ddc5;border-color:#8d7d5c}
.story-link>span{color:#c5a56d}
.values-heading{border-color:#4c5949}
.values-heading>span:last-child{color:#a4aa98}
.values-grid article{border-color:#4c5949}
.value-number{color:#c5a56d}
.values-grid p{color:#b5bbaa}
.mobile .hero-art-window{height:480px}
.mobile .hero-art-window .hero-banner{width:500px;height:auto;top:-190px;left:-55px}
.mobile .hero-overlay-shade{background:linear-gradient(0deg,rgba(8,13,11,.96),rgba(9,15,13,.6) 29%,rgba(10,15,12,0) 76%)}
.mobile .hero-overlay-copy{bottom:25px}
.mobile .hero-overlay-copy h1{font-size:38px;line-height:1.07;letter-spacing:-.7px}
.mobile .hero-overlay-copy p{font-size:10px;line-height:1.6;margin-top:12px}
.mobile .hero-overlay-copy .button{margin-top:14px}
@media screen and (max-width:700px){.hero-art-window{height:480px}.hero-art-window .hero-banner{width:500px;height:auto;top:-190px;left:calc((100% - 500px)/2)}.hero-overlay-shade{background:linear-gradient(0deg,rgba(8,13,11,.96),rgba(9,15,13,.6) 29%,rgba(10,15,12,0) 76%)}.hero-overlay-copy{bottom:25px}.hero-overlay-copy h1{font-size:38px;line-height:1.07;letter-spacing:-.7px}.hero-overlay-copy p{font-size:10px;line-height:1.6;margin-top:12px}.hero-overlay-copy .button{margin-top:14px}}
.story-intro{grid-template-columns:.9fr 1.12fr .67fr;gap:43px;align-items:center}
.story-intro h2{font-size:44px}
.story-copy{font-size:14px;line-height:1.8}
.founder-portraits{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.founder-portraits figure{margin:0;min-width:0}
.founder-portraits img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #67705c}
.founder-portraits figcaption{font-family:var(--serif);font-size:16px;line-height:1.25;margin-top:9px;color:#eeeada}
.founder-portraits figcaption>span{font-family:var(--sans);display:block;font-size:8px;color:#9fa992;letter-spacing:1px;text-transform:uppercase;margin-top:6px}
.mobile .story-intro{display:block}
.mobile .story-intro h2{font-size:35px}
.mobile .story-copy{font-size:12px;line-height:1.8}
.mobile .founder-portraits{width:258px;gap:16px;margin-top:24px}
.mobile .founder-portraits figcaption{font-size:15px;margin-top:8px}
.mobile .founder-portraits figcaption>span{font-size:7px;letter-spacing:.8px;margin-top:4px}
@media screen and (max-width:700px){.story-intro{display:block}.story-intro h2{font-size:35px}.story-copy{font-size:12px;line-height:1.8}.founder-portraits{width:258px;gap:16px;margin-top:24px}.founder-portraits figcaption{font-size:15px;margin-top:8px}.founder-portraits figcaption>span{font-size:7px;letter-spacing:.8px;margin-top:4px}}
/* Interactive responsive adaptation of the approved October 9 studio comps. */
:root{--serif:Georgia,serif;--sans:Arial,sans-serif}
[hidden]{display:none!important}button{color:inherit}a,button,input{touch-action:manipulation}section[id]{scroll-margin-top:24px}.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:12px;background:var(--ivory);color:var(--black);transform:translateY(-150%)}.skip-link:focus{transform:none}
.hero-art-window{height:clamp(480px,39.1566vw,700px);--art-width:max(100vw,1225px)}.hero-art-window .hero-banner{width:var(--art-width);left:50%;transform:translateX(-50%);top:calc(var(--art-width) * -.4277)}
.story-link{background:none;border:0;border-bottom:1px solid #8d7d5c;padding:0 0 6px;text-align:left;font-family:var(--sans)}.expanded-story{max-width:920px;margin:36px auto 0;color:#d1d4c6;line-height:1.85;font-size:16px}.expanded-story p+p{margin-top:18px}.preview-note{font-size:12px!important;line-height:1.6!important;margin-top:12px;color:#aaa99f!important}.press-link{cursor:pointer}.press-link:hover,.game-links a:hover{color:var(--gold)}
.person{position:relative}.profile-hit{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;z-index:1;border-radius:0}.person:has(.profile-hit:hover) .portrait-stage,.person:has(.profile-hit[aria-expanded=true]) .portrait-stage{background:#2d3027}.person:has(.profile-hit[aria-expanded=true]) .profile-trigger{color:var(--ivory)}.profile-trigger{min-height:30px;display:inline-flex;align-items:center}.people-grid>.profile-panel{grid-column:1/-1}.profile-panel{border-top:2px solid var(--gold);background:#23281f;padding:24px 32px 36px;position:relative;color:var(--ivory);scroll-margin-top:20px}.profile-close{display:block;margin:0 0 22px auto;min-width:76px;min-height:44px;border:0;background:transparent;color:#e0d6bc;font-size:13px}.profile-close span{font-size:25px;margin-left:16px}.profile-content{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center}.profile-content>.portrait-stage{height:235px;background:#1c2118;border-color:#56533f}.profile-content .portrait-art{transform:translateX(-50%) scale(1.35);transform-origin:center bottom}.profile-content h3{font:48px/1.15 Georgia,serif;margin:8px 0 20px}.profile-role{font-size:13px;color:var(--gold);line-height:1.8}.profile-bio{font-size:17px;line-height:1.8;color:#cfcec3;margin-top:20px;max-width:720px}.profile-content .eyebrow{color:var(--gold)}.intern-layout:has(.profile-panel){flex-wrap:wrap}.intern-layout>.profile-panel{width:100%}.signup .consent{display:flex;gap:10px;align-items:center;font-size:12px;color:#c5c2b6;line-height:1.6;margin-top:16px}.consent input{accent-color:var(--gold);width:18px;height:18px;flex-shrink:0}.signup .form-note{color:#b8b6aa;font-size:11px;line-height:1.7}.signup .processing{font-size:12px}.email-field input{width:100px}.signup .form-note.success{color:#e4d2ac;border-left:2px solid var(--gold);padding-left:12px}.gold-button:hover{background:#dcc08a}.button:active{transform:translateY(1px)}
@media (min-width:701px) and (max-width:1100px){.wrap{width:calc(100% - 80px)}.site-header nav{gap:24px}.newsletter-strip p{display:block}.newsletter-strip p span{display:block}.story-intro{grid-template-columns:1fr 1fr;gap:30px}.founder-portraits{grid-column:2;width:250px}.story-intro h2{font-size:39px}.feature-grid{gap:35px}.game-art{height:330px}.game-copy h2{font-size:39px}.contractors .people-grid{grid-template-columns:repeat(3,1fr)}.people-grid{gap:28px 20px}.portrait-art{transform:translateX(-50%) scale(.8);transform-origin:bottom center}.newsletter-layout{gap:35px}.newsletter-copy h2{font-size:44px}.email-field{flex-wrap:wrap}.email-field input{width:100%;flex-basis:100%}.email-field .button{flex:1}.values-grid h3{font-size:23px}.intern-layout>.person{width:calc((100% - 60px)/4)}}
@media (max-width:700px){body{font-size:15px}.site-header nav{font-size:11px}.site-header nav a{min-height:32px;display:flex;align-items:center}.hero-art-window{height:480px}.hero-art-window .hero-banner{width:500px;top:-190px;left:50%;transform:translateX(-50%)}.hero-overlay-copy h1{font-size:clamp(32px,9.74vw,48px)}.hero-overlay-copy p{font-size:12px}.story-copy{font-size:14px;line-height:1.8}.values-grid p{font-size:12px}.values-grid h3{min-height:62px}.values-grid{gap:25px 20px}.values-heading>span:last-child{font-size:8px}.story-link{font-size:12px;min-height:40px}.expanded-story{font-size:14px;margin-top:26px}.game-copy>p:not(.eyebrow){font-size:14px}.team-intro{font-size:14px}.person-role{font-size:9px;letter-spacing:.8px}.profile-trigger{font-size:10px}.portrait-stage,.contractors .portrait-stage,.interns .portrait-stage{height:clamp(111px,28.5vw,170px)}.portrait-art{transform:translateX(-50%) scale(.6)}.person h3,.contractors .person h3{font-size:18px}.pending-label{font-size:9px}.intern-layout>.person{width:calc((100% - 16px)/2)}.intern-layout{gap:20px}.intern-copy{flex:1;min-width:0}.profile-panel{padding:14px 20px 26px}.profile-content{display:block}.profile-content>.portrait-stage{height:190px;margin-bottom:25px}.profile-content .portrait-art{transform:translateX(-50%) scale(1.1)}.profile-content h3{font-size:40px;margin-bottom:16px}.profile-bio{font-size:15px}.profile-role{font-size:12px}.profile-close{margin-bottom:14px}.email-field input{font-size:16px;padding:10px}.signup label{font-size:12px}.signup .consent{font-size:12px}.signup .form-note{font-size:11px}.newsletter-copy>p:last-child{font-size:13px}.signup .processing{font-size:12px}.game-links{font-size:12px;gap:24px}.game-links a{min-height:36px;display:flex;align-items:center}.footer-inner>div{font-size:11px;gap:20px}.footer-inner>p{font-size:11px}.newsletter-strip{font-size:12px}.newsletter-strip strong{font-size:12px}.newsletter-strip a{min-height:30px}.section-number{font-size:8px}.group-label>span{font-size:9px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:active{transform:none}}
/* Replace export-only field positioning with real responsive form controls. */
.email-field{display:flex;height:auto;min-height:60px}.email-field input{flex:1;min-width:0;width:100%}.email-field>.button{position:static;min-width:0;flex-shrink:0}.email-field>.button span{margin-left:16px}.newsletter-strip p{flex-shrink:1}.site-header nav{width:auto}.button{display:inline-flex}.button span{margin-left:0}
@media (max-width:700px){.email-field{min-height:51px}.email-field input{width:100px}.email-field>.button{padding:9px 10px;font-size:10px;gap:8px}.email-field>.button span{margin-left:0}.site-header nav{width:auto}.footer-inner>div{flex-wrap:wrap;white-space:normal}}
/* Verified roles and quiet portrait placeholders for the approved team roster. */
.person-role{font-size:12px;line-height:1.5;letter-spacing:0;text-transform:none;color:#c8c4b6;overflow-wrap:anywhere}
.person-category{font-size:9px;line-height:1.5;letter-spacing:1.2px;text-transform:uppercase;color:#aaa69a;margin-top:7px}
.portrait-placeholder{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:100%;object-fit:contain}
@media (max-width:700px){.person-role{font-size:11px;line-height:1.5;letter-spacing:0}.person-category{font-size:9px;letter-spacing:.7px;margin-top:6px}}

/* October 13: clearer studio introduction and full contributor profiles. */
.game-direction{background:#151615;color:#c7c4bb;border-top:1px solid #353631}
.hero-overlay-copy p{max-width:700px}
.story-eyebrow{margin-bottom:22px}
@media (min-width:1101px){.story-intro{align-items:start;row-gap:24px}.story-eyebrow{grid-column:1/-1;margin:0}.story-intro h2{margin-top:0}.story-intro>.story-copy,.story-intro>.founder-portraits{margin-top:0}}
.profile-content{align-items:start}.profile-content>div{min-width:0}.profile-bio{overflow-wrap:anywhere;white-space:normal}.profile-bio+.profile-bio{margin-top:16px}
.profile-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:25px}.profile-links a{display:inline-flex;align-items:center;min-height:44px;color:#e4c68d;border-bottom:1px solid #8d7d5c;font-size:14px;overflow-wrap:anywhere}.profile-links a:hover{color:#fff1d4}
@media (min-width:701px) and (max-width:1100px){.story-eyebrow{grid-column:1/-1;margin:0}.story-intro{row-gap:24px}.story-intro h2{margin-top:0}}
/* Desktop readability refinement from the owner's wide-screen reference. */
@media (min-width:1101px){
  .hero-overlay-copy h1{font-size:clamp(64px,4.5vw,80px);line-height:1.06}
  .hero-overlay-copy p{font-size:clamp(18px,1.25vw,20px);line-height:1.6;max-width:760px}
}
