:root{--navy:#101820;--ink:#19242c;--paper:#f3f3ee;--blue:#205cbd;--muted:#6c7479;--line:#d2d6d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #528cf1;outline-offset:5px}.skip{position:fixed;left:20px;top:-80px;background:white;padding:15px;z-index:100}.skip:focus{top:15px}.header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#f6f6f1}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:900;line-height:.97;letter-spacing:-.6px}.brand-sub{display:block;font-size:6px;letter-spacing:1.1px;margin-top:7px}.logo-slot{border:1px dashed #899196;padding:9px 5px;font-size:7px;letter-spacing:.5px;line-height:1.4;color:#68747c}nav{display:flex;gap:29px;align-items:center;font-size:12px;font-weight:600}nav a:hover{color:var(--blue)}.nav-game{border-left:1px solid #bfc4c6;padding-left:28px}.nav-game span{margin-left:17px}.menu-toggle{display:none}.hero{min-height:640px;height:calc(100svh - 145px);max-height:900px;background:#101a24;position:relative;color:white;overflow:hidden}.hero-content{position:relative;z-index:2;padding:100px 6% 120px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;line-height:1.7;margin:0 0 25px}.square{display:inline-block;background:#5b8abc;width:6px;height:6px;margin-right:10px}h1{font-size:clamp(64px,7.7vw,120px);letter-spacing:-6px;line-height:.99;margin:34px 0 28px;font-weight:500}p{font-size:15px;line-height:1.8}.hero-copy{color:#bfc8cf;font-size:15px;line-height:1.8;margin-bottom:36px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;background:var(--blue);color:#fff;border:0;padding:19px 23px;font-size:12px;font-weight:600}.button-light{background:#f1f3ee;color:#15212c}.button:hover:not(:disabled){background:#cbd8e7;color:#142536}.hero-bottom{position:absolute;z-index:2;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.3px;color:#a4b3c0}.asset-label{font-size:7px;letter-spacing:1.1px;color:#8797a2}.hero-art{position:absolute;inset:0;overflow:hidden;background:linear-gradient(90deg,#101a24 2%,#101a24e6 28%,#101a2460 65%,#131d29aa),repeating-linear-gradient(90deg,transparent 0,transparent 119px,#75839112 120px,#75839112 121px),linear-gradient(135deg,#213141,#0d151d)}.portal{position:absolute;left:60%;top:7%;width:35%;height:100%;border:34px solid #42515b;box-shadow:inset 8px 0 0 #84999d44,15px 0 30px #0008;transform:skewY(-8deg)}.portal-one{left:53%;top:0;width:48%;height:125%;border-width:53px;opacity:.5}.portal-two{left:65%;top:13%;width:30%;height:83%;border-width:26px;opacity:.7}.portal-three{left:72%;top:25%;width:18%;height:57%;border-width:17px;background:#0b141d;box-shadow:inset 2px 0 #94bac1}.core{position:absolute;left:79%;top:40%;height:28%;width:5%;border-left:4px solid #b4e2ed;background:#52758a40;box-shadow:-10px 0 45px #7ca8ba40}.floor{position:absolute;bottom:-55%;left:20%;width:140%;height:85%;background:repeating-linear-gradient(0deg,transparent 0,transparent 65px,#81949d30 66px,#81949d30 67px);transform:rotate(-12deg)}.rail{position:absolute;bottom:-10%;width:2px;height:90%;background:#9bafb144;transform-origin:bottom}.rail-left{left:40%;transform:rotate(43deg)}.rail-right{left:99%;transform:rotate(-30deg)}.ticker{min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:14px 6%;gap:20px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.3px;font-weight:700}.ticker span:first-child{color:var(--blue);margin-right:40px}.ticker i{color:#9da5a9;font-style:normal}.section{padding:105px 6%;scroll-margin-top:0}h2{font-size:clamp(34px,3.7vw,57px);line-height:1.1;font-weight:500;letter-spacing:-2.3px;margin:0 0 25px}h3{font-weight:500;letter-spacing:-.6px;font-size:25px;line-height:1.3}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-bottom:1px solid var(--line)}.intro h2 span{color:#848d92}.intro-copy{padding-top:31px}.intro-copy p{color:#657078}.intro-copy .lead{font-size:21px;line-height:1.5;color:var(--ink);margin-top:0}.text-link{display:flex;justify-content:space-between;align-items:center;gap:30px;border:0;border-bottom:1px solid #b7c0c5;background:transparent;padding:17px 0;width:fit-content;max-width:100%;font-size:12px;font-weight:600;text-align:left}.text-link:hover{color:var(--blue);border-color:var(--blue)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:12px;color:var(--muted)}.technology-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.product-art{height:300px;background:#dce0dd;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-index{position:absolute;top:20px;left:22px;font-size:9px;letter-spacing:2px;color:#75818a}.product-art .asset-label{position:absolute;bottom:18px;left:22px;color:#626f77}.product-info{padding:25px 0}.product-info .eyebrow{margin-bottom:10px;color:#67747d;font-size:9px}.product-info h3{margin:0 0 10px}.product-info>p{font-size:13px;color:var(--muted);margin:0 0 10px}.object{position:relative}.robot{background:radial-gradient(ellipse at 50% 85%,#a8b2b3,transparent 55%),#d9deda}.robot .object{width:86px;height:140px;background:linear-gradient(100deg,#707e87,#d1d8d7 40%,#89969e);clip-path:polygon(5% 0,95% 0,85% 65%,68% 70%,68% 100%,32% 100%,32% 70%,15% 65%)}.robot .object:before{content:'';position:absolute;top:20px;left:20px;width:46px;height:7px;background:#293f4b}.robot .object:after{content:'';position:absolute;top:45px;left:22px;width:42px;height:50px;background:#8b999e;border:1px solid #657780}.transport{background:#c5cece}.transport .object{width:260px;height:95px;border-radius:40px 50px 5px 5px;transform:skewY(-8deg);background:linear-gradient(#aebec5,#e0e6e2);border-bottom:12px solid #5b6d78;box-shadow:20px 28px 23px #344b5d30}.transport .object:before{content:'';position:absolute;left:20px;right:20px;top:14px;height:37px;background:repeating-linear-gradient(90deg,#243b49 0,#243b49 43px,#a5b3b8 44px,#a5b3b8 48px);border-radius:20px 26px 0 0}.experiment{background:#24343f}.experiment .object{width:115px;height:150px;border:10px solid #69808b;box-shadow:20px 20px 0 #101c25;transform:skewY(-9deg)}.experiment .object:before{content:'';position:absolute;inset:20px;border:1px solid #84a0a8;background:repeating-linear-gradient(0deg,#84a0a815 0,#84a0a815 7px,transparent 8px,transparent 13px)}.experiment .asset-label,.experiment .art-index{color:#a2b1b8}.furniture{background:#d0d2c9}.furniture .object{width:140px;height:80px;background:linear-gradient(110deg,#656e6d,#acb2a9);border:10px solid #727c78;transform:skewY(-7deg);box-shadow:20px 20px 25px #47544d40}.furniture .object:before{content:'';position:absolute;width:140px;height:50px;background:#535f5c;top:60px;left:-10px;border-bottom:10px solid #7c8981}.furniture .object:after{content:'';position:absolute;left:0;top:100px;width:20px;height:35px;background:#55635f;box-shadow:100px 0 #55635f}.research{background:#192731;color:#e8ecea;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.research p:not(.eyebrow){color:#a8b6bf}.research .text-link{border-color:#5b6b76}.research-visual{height:420px;background:repeating-linear-gradient(0deg,transparent 0,transparent 35px,#a9bec50b 36px),repeating-linear-gradient(90deg,transparent 0,transparent 35px,#a9bec50b 36px);border:1px solid #536774;position:relative;display:grid;place-items:center}.schematic{display:flex;flex-direction:column;gap:21px;font:13px monospace;color:#8faab8;transform:skewY(-9deg)}.research-visual small{position:absolute;bottom:20px;left:20px;font-size:8px;letter-spacing:1.3px;color:#8ea1af}.system-note{display:flex;gap:12px;border-top:1px solid #42515b;padding:24px 0 10px;margin-top:25px;font-size:9px;letter-spacing:1px}.system-note p{font-size:11px;letter-spacing:0}.status-dot{width:5px;height:5px;background:#8fa6b5;display:block;flex-shrink:0;margin-top:3px}.founder{text-align:center;border-bottom:1px solid var(--line);padding-top:90px;padding-bottom:90px}.founder .eyebrow{color:#6e7c86}.founder blockquote{font-size:clamp(28px,3.5vw,52px);letter-spacing:-1.7px;line-height:1.25;margin:35px 0}.signature>span{font-family:Georgia,serif;font-size:27px;font-style:italic}.signature p{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.careers{border-bottom:1px solid var(--line)}.career-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.career-layout h3{font-size:22px}.career-layout p,.benefits{font-size:13px;color:var(--muted);line-height:1.9}.benefits{padding-left:17px;margin-bottom:25px}.career-layout small{font-size:8px;letter-spacing:1.1px;color:var(--muted)}.job{padding:27px 0;display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;text-align:left;border:0;border-top:1px solid var(--line);background:none}.job:last-child{border-bottom:1px solid var(--line)}.job strong{font-size:18px;font-weight:500;display:block;margin-top:12px}.job:hover{color:var(--blue)}.muted{color:var(--muted);font-size:9px;letter-spacing:1px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.news-grid article{border-top:2px solid #273944;padding-top:23px;display:flex;flex-direction:column;align-items:flex-start}.news-grid h3{margin-top:0;font-size:25px}.news-grid article>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:0}.news-grid .text-link{margin-top:auto;width:100%}.small-note{font-size:10px;color:var(--muted);margin-top:28px}.game{background:#101b26;color:#f0f2ec}.game-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:40px}.game-top .eyebrow{color:#8ca8c3;margin:0}.game-tag{font-size:8px;letter-spacing:1px;border:1px solid #52616d;padding:10px}.game-layout{display:grid;grid-template-columns:.95fr 1.15fr;gap:8%}.game h2{font-size:clamp(42px,4.6vw,70px);letter-spacing:-3px}.game p{color:#a8b7c3;font-size:13px}.wishlist{background:#ccd6df;color:#1a2c3a;opacity:.8;margin-top:20px}.game .platform-note{font-size:10px;line-height:1.7}.trailer-placeholder{height:310px;background:#172633;border:1px solid #344858;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:19px}.play-symbol{width:65px;height:65px;display:grid;place-items:center;border:1px solid #637889;font-size:32px;color:#b3c1cc}.trailer-placeholder strong{font-size:11px;letter-spacing:1.3px}.trailer-placeholder>span:last-child{font-size:8px;color:#718a9d;letter-spacing:1px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.gallery>div{height:105px;background:#1b2c39;border:1px solid #344858;display:flex;flex-direction:column;justify-content:space-between;padding:15px 10px;font-size:8px;letter-spacing:1px;color:#bbc9d3}.gallery span{font-size:6px;line-height:1.5;color:#7f95a6}.dev-update{border-top:1px solid #3a4c59;margin-top:25px;padding:20px 0}.dev-update summary{font-size:12px;cursor:pointer}.dev-update summary span{float:right}.closing{text-align:center;padding:75px 6%;background:#dce1de}.closing p{font-size:9px;letter-spacing:1.6px}.closing h2{font-size:42px;margin:18px 0 25px}.closing a{font-size:12px;border-bottom:1px solid #84918e;padding-bottom:8px}footer{padding:50px 6% 25px;background:#f4f4ee}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px}.footer-wordmark{font-size:23px;font-weight:800;letter-spacing:-1px}.footer-wordmark p{font-size:7px;letter-spacing:1.5px;font-weight:400}.footer-top>a{font-size:11px}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.footer-bottom p{font-size:10px;line-height:1.7;color:var(--muted)}.footer-bottom p:last-child{text-align:right}dialog{border:0;padding:55px;max-width:650px;width:90%;background:var(--paper);color:var(--ink);max-height:85vh;overflow:auto}dialog::backdrop{background:#09131dcc}dialog h2{font-size:38px}dialog p,dialog li{font-size:14px;line-height:1.8}dialog li{margin-bottom:8px}.dialog-close{position:absolute;right:20px;top:15px;background:none;border:0;font-size:30px}.dialog-done{margin-top:22px}
@media(min-width:1600px){.section,.hero-content{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}}
@media(max-width:1050px){nav{gap:17px;font-size:11px}.nav-game{padding-left:16px}.hero-content{padding-top:110px}.ticker span:first-child{margin-right:0}.ticker{font-size:8px;gap:12px}.hero-bottom{font-size:7px}.hero-bottom .asset-label{max-width:140px;line-height:1.5}.section{padding-top:75px;padding-bottom:75px}.research{gap:6%}.research-visual{height:360px}.game-layout{gap:5%}.game-tag{font-size:7px}.news-grid h3{font-size:22px}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{height:85px;padding:0 6%;position:relative;z-index:5}.brand{font-size:15px}.menu-toggle{display:flex;align-items:center;gap:15px;border:0;background:none;font-size:12px;padding:12px 0}nav{display:none;position:absolute;left:0;right:0;top:85px;background:var(--paper);padding:15px 6% 30px;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:15px 0;font-size:14px;border-bottom:1px solid var(--line)}.nav-game{border-left:0}.hero{height:700px;min-height:600px;max-height:850px}.hero-content{padding-top:95px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:70px;letter-spacing:-4px}.hero-copy{font-size:13px;max-width:330px}.hero-copy br{display:none}.hero-art{opacity:.65}.portal-one{left:45%;width:70%}.portal-two{left:60%;width:40%}.hero-bottom{flex-wrap:wrap;line-height:1.5;gap:15px}.hero-bottom>a{margin-left:auto}.hero-bottom .asset-label{max-width:none;order:3;width:100%}.ticker{flex-wrap:wrap;justify-content:center;padding:18px 6%;gap:12px;font-size:7px}.ticker span:first-child{width:100%;text-align:center;margin-bottom:3px}.section{padding:65px 6%}h2{font-size:39px;letter-spacing:-1.8px}.intro,.research,.career-layout,.game-layout{grid-template-columns:1fr;gap:35px}.intro-copy{padding-top:0}.intro-copy .lead{font-size:20px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.technology-grid{gap:25px;grid-template-columns:1fr}.product-art{height:280px}.product-info{padding:20px 0}.research-visual{height:300px}.research>div:last-child{order:-1}.founder blockquote{font-size:30px;letter-spacing:-1px;margin-left:0;margin-right:0}.founder blockquote br{display:none}.career-layout{gap:30px}.news-grid{grid-template-columns:1fr;gap:35px}.news-grid h3{font-size:27px}.news-grid article>p:not(.eyebrow){max-width:480px}.news .muted{display:block;margin-top:20px}.game-top{display:block}.game-tag{display:inline-block;margin-top:16px}.game h2{font-size:53px}.trailer-placeholder{height:250px}.gallery>div{height:95px;padding:12px 8px;font-size:7px}.gallery span{font-size:6px}.closing h2{font-size:34px}.footer-top,.footer-bottom{flex-direction:column;gap:15px}.footer-bottom p:last-child{text-align:left}dialog{padding:45px 25px}dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep navigation visible throughout the page. */
.header{position:sticky;top:0;z-index:20}
@media(max-width:760px){html{scroll-padding-top:105px}}

/* Original supplied artwork, framed to remove its empty canvas margins. */
.official-logo{display:block;position:relative;width:180px;height:78px;overflow:hidden;background:#101820}
.official-logo img{position:absolute;width:230px;height:230px;max-width:none;left:-25px;top:-76px;object-fit:contain}
.footer-wordmark .official-logo{margin-bottom:15px}
@media(max-width:760px){.official-logo{width:155px;height:68px}.official-logo img{width:200px;height:200px;left:-22px;top:-66px}}

/* Transparent brand treatments: ink on the light navigation and footer. */
.official-logo{width:190px;height:78px;background:transparent}
.official-logo img{width:246px;height:246px;left:-28px;top:-82px;filter:brightness(0) saturate(100%);opacity:.9}
.brand{padding:0;flex-shrink:0}
.footer-wordmark .official-logo{width:230px;height:90px}
.footer-wordmark .official-logo img{width:294px;height:294px;left:-33px;top:-100px}
@media(max-width:760px){.official-logo{width:160px;height:66px}.official-logo img{width:208px;height:208px;left:-24px;top:-70px}}

/* Compact framing includes the full supplied wordmark (through y=677). */
.header .official-logo{width:136px;height:62px}
.header .official-logo img{width:170px;height:170px;left:-17px;top:-55px}
.footer-wordmark .official-logo{width:156px;height:70px}
.footer-wordmark .official-logo img{width:196px;height:196px;left:-20px;top:-63px}
@media(max-width:760px){.header .official-logo{width:120px;height:55px}.header .official-logo img{width:150px;height:150px;left:-15px;top:-48px}}

/* Founder portrait supplied by the creator. */
.founder{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;gap:8%;align-items:center;text-align:left}
.founder-portrait{margin:0;max-width:420px}
.founder-portrait img{display:block;width:100%;height:auto}
.founder-portrait figcaption{margin-top:15px;font-size:8px;line-height:1.6;letter-spacing:1.3px;color:var(--muted)}
.founder-message blockquote{font-size:clamp(28px,3vw,46px);margin:25px 0 35px;line-height:1.25;letter-spacing:-1.5px}
.founder-message blockquote br{display:none}
@media(max-width:760px){.founder{grid-template-columns:1fr;gap:35px}.founder-portrait{max-width:360px;width:100%;margin:auto}.founder-message blockquote{font-size:32px}}

/* L.I.L.L.Y. character artwork supplied by the creator. */
.lilly-portrait{margin:0;max-width:400px;width:100%;justify-self:center}
.lilly-portrait img{display:block;width:100%;height:auto}
.lilly-portrait figcaption{padding-top:18px;display:flex;flex-direction:column;gap:8px}
.lilly-portrait figcaption strong{font-size:18px;letter-spacing:3px;font-weight:500}
.lilly-portrait figcaption span{font-size:8px;letter-spacing:1.3px;color:#a8b6bf;line-height:1.7}
@media(max-width:760px){.lilly-portrait{max-width:340px}}

/* Match the scrollable biography to the portrait's rendered image height. */
.lilly-section{align-items:start}
.lilly-copy{max-height:var(--lilly-photo-height,600px);overflow-y:auto;overscroll-behavior-y:auto;padding-right:22px;scrollbar-width:thin;scrollbar-color:#8296a5 #243541}
.lilly-copy:focus-visible{outline:2px solid #8296a5;outline-offset:8px}
.research .lilly-tagline{font-size:20px;color:#e2e9ed;margin-top:0;line-height:1.5}
.lilly-copy strong{color:#edf1f3}
.lilly-signoff{padding-top:20px;border-top:1px solid #42515b}
@media(max-width:760px){.lilly-section>.lilly-copy{order:initial}.lilly-copy{padding-right:16px}}

/* M.I.T.T.E.N.S. product presentation. */
.mittens-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;border-top:1px solid var(--line);background:#e8e9e2}
.mittens-portrait{margin:0;width:100%}.mittens-portrait img{display:block;width:100%;height:auto}
.mittens-portrait figcaption{padding-top:16px;font-size:8px;letter-spacing:1.3px;color:var(--muted);line-height:1.7}
.mittens-copy{max-height:var(--mittens-photo-height,650px);overflow-y:auto;padding-right:22px;scrollbar-width:thin;scrollbar-color:#82908f #d7dbd5}
.mittens-copy:focus-visible{outline:2px solid var(--blue);outline-offset:8px}
.mittens-copy h2{font-size:clamp(30px,3.4vw,51px)}
.mittens-copy p:not(.eyebrow){color:#58666e}.mittens-copy strong{color:var(--ink)}
.mittens-copy .mittens-tagline{font-size:20px;line-height:1.5;color:var(--ink);margin-top:0}
.mittens-signoff{padding-top:20px;border-top:1px solid #bec7c3}
@media(max-width:760px){.mittens-section{grid-template-columns:1fr;gap:35px}.mittens-copy{padding-right:16px}}

/* Character products share the same compact grid as the other technologies. */
.photo-product{background:#d1d7d6}.photo-product img{display:block;height:100%;width:100%;object-fit:contain}.lilly-thumbnail img{object-fit:cover;object-position:center 24%}.technology-detail-photo{display:block;width:auto;max-width:100%;max-height:340px;margin:0 auto 28px}.research-overview{background:#192731;color:#e8ecea}.research-overview>p:not(.eyebrow){max-width:700px;color:#a8b6bf}


/* Unified dark corporate palette. */
:root{--navy:#0b1219;--ink:#e7ecef;--paper:#101820;--blue:#447fc4;--muted:#a0aeb9;--line:#30404b;color-scheme:dark}
body{background:var(--paper);color:var(--ink)}
.header,footer,nav{background:#0c141c;color:#e7ecef}
.header{border-bottom:1px solid #2c3a46}
.official-logo img,.header .official-logo img,.footer-wordmark .official-logo img{filter:brightness(0) invert(1);opacity:.95}
.nav-game{border-color:#3a4956}.menu-toggle{color:var(--ink)}
.ticker{background:#131e28}.ticker span:first-child{color:#8eb5e0}
.intro-copy p,.product-info>p,.career-layout p,.benefits,.news-grid article>p:not(.eyebrow){color:var(--muted)}
.intro-copy .lead{color:var(--ink)}.intro h2 span{color:#8fabbf}
.product-info .eyebrow,.founder .eyebrow{color:#a2b6c5}
.text-link{color:var(--ink);border-color:#465967}.text-link:hover{color:#9ec4ed;border-color:#9ec4ed}
.technologies{background:#101820}.product-art{border:1px solid #43515b}
.photo-product{background:#1b2935}.news-grid article{border-top-color:#8199aa}
.founder,.careers,.news{background:#101820}
.job{color:var(--ink)}.job:hover{color:#9ec4ed}
.closing{background:#1b2b37}.closing a{border-color:#637d8e}
.footer-wordmark{color:var(--ink)}.footer-bottom{border-color:var(--line)}
.research-overview{background:#172632}
.small-note,.signature p,.footer-bottom p{color:#a0aeb9}
.button-light{background:#dfe8ee;color:#172532}
.dialog-close{color:var(--ink)}dialog{background:#15232e;color:var(--ink)}
.product-breadcrumb{padding:35px 6% 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a9bac6}
.product-breadcrumb span{font-size:8px;letter-spacing:1.4px}
.product-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start;padding-top:45px}
.product-portrait{margin:0;width:100%;max-width:500px;justify-self:center}
.product-portrait img{display:block;width:100%;height:auto}
.product-portrait figcaption{font-size:8px;letter-spacing:1.5px;line-height:1.7;color:var(--muted);margin-top:16px}
.product-biography{max-height:var(--portrait-height,650px);overflow-y:auto;padding-right:24px;scrollbar-width:thin;scrollbar-color:#7c95a8 #1c2c38}
.product-biography:focus-visible{outline:2px solid #8eb5e0;outline-offset:8px}
.product-biography h1{font-size:clamp(32px,3.8vw,59px);letter-spacing:-2px;margin:0 0 20px;line-height:1.1;overflow-wrap:anywhere}
.product-biography p{font-size:15px;color:#b2c1cc;line-height:1.85}
.product-biography strong{color:#edf3f6}
.product-biography .lilly-tagline,.product-biography .mittens-tagline{font-size:20px;color:#e7ecef;margin-top:0;line-height:1.5}
.product-biography .lilly-signoff,.product-biography .mittens-signoff{border-color:#42515b}
@media(max-width:760px){nav{background:#0c141c}.product-breadcrumb{padding-top:25px}.product-breadcrumb span{display:none}.product-feature{grid-template-columns:1fr;gap:35px;padding-top:30px}.product-portrait{max-width:360px}.product-biography{padding-right:16px}.product-biography h1{font-size:38px}}

/* Supplied launch artwork for the homepage hero. */
.hero-art.launch-background{opacity:1;background-image:linear-gradient(90deg,rgba(6,14,23,.78) 0%,rgba(6,14,23,.5) 36%,rgba(6,14,23,.08) 72%),linear-gradient(0deg,rgba(6,14,23,.7),transparent 28%),url('assets/max-launch.png');background-size:cover;background-position:center center}
.hero-copy{color:#e0e6eb}.hero-bottom{color:#d4dfe6}.hero-bottom .asset-label{color:#bacbd6}
@media(max-width:760px){.hero-art.launch-background{background-position:72% center;background-image:linear-gradient(90deg,rgba(6,14,23,.8),rgba(6,14,23,.3)),linear-gradient(0deg,rgba(6,14,23,.75),transparent 35%),url('assets/max-launch.png')}}

/* Founder biography stays within the height of the portrait. */
.founder{align-items:start}
.founder-biography{max-height:var(--founder-photo-height,560px);overflow-y:auto;padding-right:24px;scrollbar-width:thin;scrollbar-color:#7c95a8 #1c2c38}
.founder-biography:focus-visible{outline:2px solid #8eb5e0;outline-offset:8px}
.founder-biography h2{font-size:clamp(30px,3.4vw,50px);margin:0 0 15px}
.founder-biography h3{font-size:18px;letter-spacing:0;line-height:1.5;margin:0 0 20px}
.founder-biography p{font-size:14px;color:#b2c1cc;line-height:1.85}
.founder-biography strong{color:#edf3f6}
.founder-biography .founder-tagline{font-size:20px;color:#e7ecef}
.founder-signoff{border-top:1px solid #42515b;padding-top:20px}
@media(max-width:760px){.founder-biography{padding-right:16px}}

/* Center dedicated product pages with generous viewport breathing room. */
.product-page main{max-width:1360px;margin-inline:auto}
.product-page .product-breadcrumb{padding:32px 6% 0}
.product-page .product-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;padding:40px 6% 80px;align-items:center;min-height:calc(100svh - 180px)}
.product-page .product-portrait{max-width:420px;width:100%;justify-self:center}
.product-page .product-portrait img{max-height:calc(100svh - 290px);width:100%;object-fit:contain;object-position:center}
.product-page .product-portrait figcaption{text-align:center}
.product-page .product-biography{width:100%;max-width:520px;justify-self:center;max-height:var(--portrait-height,540px)}
@media(max-width:760px){.product-page .product-feature{grid-template-columns:1fr;gap:35px;padding:30px 6% 65px;min-height:0}.product-page .product-portrait{max-width:340px}.product-page .product-portrait img{max-height:none}.product-page .product-breadcrumb{padding-top:25px}}

.hotbite-thumbnail img{object-fit:cover;object-position:center}.product-biography h3{font-size:21px;letter-spacing:-.4px;line-height:1.4;margin:0 0 22px}


/* HotBite's landscape artwork gets a wider product presentation. */
.hotbite-page main{max-width:1560px}
.hotbite-page .product-feature{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:5%}
.hotbite-page .product-portrait{max-width:800px}
.hotbite-page .product-portrait img{max-height:none;width:100%;height:auto}
@media(max-width:760px){.hotbite-page .product-feature{grid-template-columns:1fr}.hotbite-page .product-portrait{max-width:100%}}

/* Three-product editorial showcase. */
.technologies{padding-top:90px;padding-bottom:95px;background:#101a23}
.technologies .section-heading{align-items:flex-end;padding-bottom:32px;margin-bottom:36px;border-bottom:1px solid #354551;gap:30px}
.technologies .section-heading h2{font-size:clamp(34px,3.5vw,54px)}
.technologies .section-heading>p{max-width:390px;font-size:13px;line-height:1.7;margin:0;color:#aab9c4}
.technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.technology{min-width:0;display:flex;flex-direction:column}
.technology .product-art{height:auto;aspect-ratio:4/3;border:0;background:#1d2b36;overflow:hidden}
.technology .photo-product img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.technology .lilly-thumbnail img{object-position:center 26%}
.technology .mittens-thumbnail img{object-position:left 28%}
.technology .hotbite-thumbnail img{object-position:center}
.technology:hover .photo-product img{transform:scale(1.025)}
.technology .product-info{padding:25px 0 0;display:flex;flex:1;flex-direction:column;align-items:stretch}
.technology .product-info .eyebrow{font-size:8px;letter-spacing:1.8px;color:#8ba8bc;margin:0 0 12px}
.technology .product-info h3{font-size:clamp(25px,2.2vw,34px);letter-spacing:-.8px;margin:0 0 12px;color:#edf2f5}
.technology .product-info>p{font-size:13px;color:#b0bdc7;line-height:1.7;margin:0 0 24px;min-height:44px}
.technology .text-link{width:100%;padding:18px 0;margin-top:auto;border-top:1px solid #354854;border-bottom:0;font-size:11px;letter-spacing:.3px}
.technology .text-link span{font-size:19px;color:#94b5cf}
@media(max-width:1000px) and (min-width:761px){.technology-grid{gap:20px}.technologies .section-heading{display:block}.technologies .section-heading>p{margin-top:20px}.technology .product-info h3{font-size:25px}}
@media(max-width:760px){.technologies{padding-top:60px;padding-bottom:65px}.technology-grid{grid-template-columns:1fr;gap:42px}.technologies .section-heading{padding-bottom:25px}.technologies .section-heading>p{margin-top:20px}.technology .product-art{aspect-ratio:4/3}.technology .product-info h3{font-size:31px}.technology .product-info>p{min-height:0;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.technology .photo-product img{transition:none}.technology:hover .photo-product img{transform:none}}

/* Compact centered showcase with clearly visible product links. */
.technologies{padding-top:55px;padding-bottom:60px}
.technologies .section-heading,.technologies .technology-grid{max-width:1180px;margin-left:auto;margin-right:auto}
.technologies .section-heading{margin-bottom:28px;padding-bottom:25px}
.technologies .section-heading h2{font-size:clamp(32px,3vw,46px)}
.technologies .section-heading .eyebrow{margin-bottom:14px}
.technology-grid{gap:30px}
.technology .product-art{aspect-ratio:16/10;max-height:260px}
.technology .product-info{padding-top:19px}
.technology .product-info h3{font-size:28px;margin-bottom:8px}
.technology .product-info>p{min-height:0;margin-bottom:19px;font-size:12px}
.technology .text-link{display:flex;visibility:visible;opacity:1;min-height:48px;padding:13px 16px;background:#203747;border:1px solid #496578;color:#f0f5f8}
.technology .text-link:hover{background:#2d4c62;border-color:#8eafc7;color:white}
.technology .text-link span{color:#c4d9e8}
@media(min-width:761px) and (max-height:800px){.technologies{padding-top:35px;padding-bottom:40px}.technologies .section-heading{margin-bottom:22px;padding-bottom:20px}.technology .product-art{max-height:200px}.technology .product-info{padding-top:15px}.technology .product-info .eyebrow{margin-bottom:8px}.technology .product-info h3{font-size:25px}}
@media(max-width:760px){.technologies{padding-top:45px;padding-bottom:50px}.technology-grid{max-width:480px}.technology .product-art{max-height:none}.technology .text-link{min-height:48px}}

/* Separate viewport-filling destinations. */
.section-page{min-height:100svh;display:flex;flex-direction:column}
.section-page>main{flex:1;display:flex;flex-direction:column;min-height:calc(100svh - 150px)}
.section-page>main>.section{flex:1;width:100%;margin:0;display:flex;flex-direction:column;justify-content:center;padding-top:45px;padding-bottom:45px;border-bottom:0}
.section-page.company-view>main>.intro{display:grid;align-content:center;grid-template-columns:1fr 1fr}
.section-page.founder-view>main>.founder{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;align-content:center;align-items:start}
.section-page.founder-view .founder-portrait{max-width:360px;justify-self:center}
.section-page.founder-view .founder-portrait img{max-height:calc(100svh - 270px);object-fit:contain}
.section-page .page-footer{padding:15px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0c141c;border-top:1px solid #263743;font-size:8px;letter-spacing:.8px;line-height:1.6;flex-shrink:0;color:#98abb9}
.section-page .page-footer a{color:#c3d6e4}
.section-page.home-view>main{min-height:0}
.section-page.home-view .hero{flex:1;min-height:calc(100svh - 150px);height:auto;max-height:none}
.section-page.home-view .hero-content{padding-top:clamp(60px,12vh,150px)}
.header nav a[aria-current="page"]{color:#a9cdf0}
.section-page .technologies .section-heading,.section-page .technology-grid{width:100%}
.section-page .research-overview{padding-left:12%;padding-right:12%}
.section-page .game h2{font-size:clamp(40px,4vw,62px)}
.section-page .trailer-placeholder{height:260px}
@media(max-width:760px){.section-page>main{min-height:calc(100svh - 145px)}.section-page>main>.section{padding-top:40px;padding-bottom:45px}.section-page.company-view>main>.intro,.section-page.founder-view>main>.founder{grid-template-columns:1fr;gap:30px}.section-page.founder-view .founder-portrait img{max-height:none}.section-page .page-footer{align-items:flex-start;flex-direction:column;gap:5px}.section-page.home-view .hero{min-height:calc(100svh - 145px)}.section-page .research-overview{padding-left:6%;padding-right:6%}}

/* Product pages use the available viewport between persistent navigation and footer. */
.product-page{min-height:100svh;display:flex;flex-direction:column}
.product-page>.header{flex:0 0 100px}
.product-page>main{width:100%;max-width:1360px;flex:1;min-height:0;display:flex;flex-direction:column}
.product-page.hotbite-page>main{max-width:1560px}
.product-page .product-breadcrumb{flex:0 0 auto;padding-top:22px;padding-bottom:0}
.product-page .product-feature{flex:1;min-height:0;align-content:center;align-items:center;padding-top:28px;padding-bottom:40px}
.product-page .product-portrait img{max-height:calc(100svh - 265px);width:100%;height:auto;object-fit:contain}
.product-page .product-portrait{max-width:420px}
.product-page.hotbite-page .product-portrait{max-width:800px}
.product-page.hotbite-page .product-portrait img{max-height:calc(100svh - 265px);object-fit:contain}
.product-page .product-biography{max-height:min(var(--portrait-height,540px),calc(100svh - 265px))}
.product-page>.page-footer{position:sticky;bottom:0;z-index:15;flex:0 0 auto;padding:15px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0c141c;border-top:1px solid #263743;font-size:8px;letter-spacing:.8px;line-height:1.6;color:#98abb9}
.product-page>.page-footer a{color:#c3d6e4}
@media(min-width:761px){.product-page{height:100svh;overflow:hidden}.product-page>.header{position:relative}.product-page>main{overflow:hidden}}
@media(max-width:760px){.product-page>.header{flex-basis:85px}.product-page .product-feature{padding-top:30px;padding-bottom:40px}.product-page .product-portrait img,.product-page.hotbite-page .product-portrait img{max-height:none}.product-page .product-portrait{max-width:340px}.product-page.hotbite-page .product-portrait{max-width:100%}.product-page .product-biography{max-height:var(--portrait-height,540px)}.product-page>.page-footer{font-size:7px;padding:12px 6%;gap:12px}}
@media(min-width:761px) and (max-height:600px){.product-page .product-breadcrumb{padding-top:12px}.product-page .product-feature{padding-top:15px;padding-bottom:25px}.product-page .product-portrait img,.product-page.hotbite-page .product-portrait img{max-height:calc(100svh - 220px)}.product-page .product-biography{max-height:calc(100svh - 220px)}}

/* Prominent, persistent game invitation. */
.section-page .page-footer,.product-page>.page-footer{padding-top:12px;padding-bottom:12px;min-height:64px}
.page-footer>span:last-child{display:flex;align-items:center;gap:18px}
.section-page .page-footer a,.product-page>.page-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 18px;background:#315c7c;border:1px solid #7298b6;color:#fff;font-size:14px;font-weight:700;letter-spacing:.2px;line-height:1.3;white-space:nowrap}
.page-footer a:hover{background:#42789f!important;border-color:#b0cee5!important}
@media(max-width:760px){.section-page .page-footer,.product-page>.page-footer{min-height:64px;flex-direction:row;align-items:center;gap:10px}.page-footer>span:last-child{font-size:0;gap:0}.section-page .page-footer a,.product-page>.page-footer a{font-size:12px;padding:10px 12px;white-space:normal;text-align:center}}

/* Viewport shell: navigation and game invitation always retain their own space. */
.section-page,.product-page{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.section-page>.header,.product-page>.header{position:relative;height:100px;min-height:0}
.section-page>main,.product-page>main{min-height:0!important;max-height:100%;height:100%;overflow-y:auto;overflow-x:hidden;margin-inline:auto;width:100%;scrollbar-width:thin;scrollbar-color:#718a9c #14212b}
.section-page>.page-footer,.product-page>.page-footer{position:relative;bottom:auto;min-height:64px;z-index:20;flex-shrink:0}
.section-page.home-view .hero{min-height:100%;height:100%;max-height:none}
.section-page.home-view .hero-content{padding-top:clamp(30px,8vh,110px);padding-bottom:105px}
.section-page.home-view h1{font-size:clamp(48px,7vw,110px)}
.section-page>main>.section{min-height:100%;height:auto}
.product-page>main{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.product-page .product-feature{height:100%;min-height:0;padding-top:20px;padding-bottom:30px;overflow:hidden}
.product-page .product-portrait{max-height:100%;min-height:0}
.product-page .product-portrait img,.product-page.hotbite-page .product-portrait img{max-height:calc(100dvh - 280px);object-fit:contain}
.product-page .product-biography{max-height:min(var(--portrait-height,540px),calc(100dvh - 280px));min-height:0}
@media(min-width:761px) and (max-height:750px){.section-page>.header,.product-page>.header{height:80px}.section-page>main>.section{padding-top:25px;padding-bottom:25px}.section-page .technologies .section-heading{margin-bottom:20px;padding-bottom:18px}.section-page .technology .product-art{max-height:clamp(100px,25vh,190px)}.section-page .technology .product-info{padding-top:12px}.section-page .technology .product-info>p{margin-bottom:12px}.product-page .product-portrait img,.product-page.hotbite-page .product-portrait img{max-height:calc(100dvh - 230px)}.product-page .product-biography{max-height:min(var(--portrait-height,540px),calc(100dvh - 230px))}}
@media(max-width:760px){.section-page>.header,.product-page>.header{height:85px}.product-page>main{display:block;overflow-y:auto}.product-page .product-feature{height:auto;overflow:visible;padding-bottom:35px}.product-page .product-portrait img,.product-page.hotbite-page .product-portrait img{max-height:none}.product-page .product-biography{max-height:var(--portrait-height,540px)}.section-page.home-view .hero{min-height:550px}.section-page>.page-footer,.product-page>.page-footer{padding:8px 4%;min-height:60px}.page-footer>span:first-child{font-size:7px;max-width:95px}.section-page .page-footer a,.product-page>.page-footer a{font-size:12px;min-height:40px}}

/* Editorial careers directory; each role opens its own description. */
.section-page>main>.careers{justify-content:flex-start;padding:50px max(6%,calc((100% - 1180px)/2)) 60px}
.careers-intro{max-width:850px;margin-bottom:40px}
.careers-intro h1{font-size:clamp(38px,5vw,68px);letter-spacing:-2.5px;line-height:1.05;margin:0 0 15px}
.careers-intro h2{font-size:22px;letter-spacing:-.4px;color:#a9c0d0;margin-bottom:25px}
.careers-intro p,.careers-benefits p{color:#b2c1cc;font-size:14px;line-height:1.8}
.opportunities-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #3c5262;padding-bottom:20px;margin-bottom:10px}
.opportunities-heading h2,.careers-benefits h2{font-size:27px;letter-spacing:-.8px;margin:0}
.opportunities-heading>span{font-size:8px;letter-spacing:1.4px;color:#9bb2c4}
.career-opportunities{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
.career-opportunities .job{padding:25px 0;min-height:110px;border-top:0;border-bottom:1px solid #334752;transition:background .15s ease}
.career-opportunities .job small{display:block;font-size:8px;letter-spacing:1.2px;line-height:1.6;text-transform:uppercase;color:#92aec2}
.career-opportunities .job strong{font-size:19px;line-height:1.4;margin-top:9px;max-width:420px}
.career-opportunities .job>span:last-child{font-size:23px;color:#a6c7df}
.career-opportunities .job:hover{background:#1a2a36;color:#d0e6f5}
.careers-benefits{max-width:850px;margin-top:45px;padding-top:30px;border-top:1px solid #3c5262}
.careers-benefits .small-note{font-size:10px;color:#8da1b0}
@media(max-width:760px){.career-opportunities{grid-template-columns:1fr}.opportunities-heading{align-items:flex-start;flex-direction:column;gap:12px}.careers-intro h1{font-size:42px}.career-opportunities .job strong{font-size:18px}}

/* Home: a stronger industrial identity and confident editorial scale. */
.section-page.home-view .hero{isolation:isolate}
.home-view .hero-art.launch-background{background-image:linear-gradient(90deg,rgba(5,13,21,.88) 0%,rgba(5,13,21,.63) 35%,rgba(5,13,21,.08) 70%),linear-gradient(0deg,rgba(5,13,21,.8),transparent 35%),url('assets/max-launch.png')}
.section-page.home-view .hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 7% 100px}
.home-view .hero .eyebrow{color:#c0d0dc;font-size:9px;letter-spacing:2px;margin:0 0 20px}
.section-page.home-view h1{font-size:clamp(54px,min(7.7vw,12vh),126px);font-weight:800;letter-spacing:-.065em;line-height:.88;margin:0 0 26px;max-width:780px}
.home-view h1>span{color:#c4d8e7}
.home-view .hero-copy{max-width:470px;font-size:14px;line-height:1.7;border-left:2px solid #88a6bd;padding-left:18px;margin:0 0 26px;color:#d1dce4}
.hero-actions{display:flex;align-items:center;gap:28px}
.home-view .button-light{padding:18px 23px;min-width:245px;font-size:12px;font-weight:700;background:#e9eef1}
.hero-company-link{display:flex;gap:25px;align-items:center;font-size:11px;color:#e0e8ef;border-bottom:1px solid #7c929f;padding:14px 0}
.hero-company-link:hover{color:white;border-color:white}
.home-view .hero-bottom{left:7%;right:7%;bottom:27px;padding-top:18px;border-top:1px solid #b0c0ca55;align-items:center;letter-spacing:1.5px;font-size:8px}
.hero-mission{font-weight:700;color:#edf2f5}
@media(min-width:761px) and (max-height:650px){.section-page.home-view .hero-content{padding-top:20px;padding-bottom:70px}.home-view .hero .eyebrow{margin-bottom:15px}.section-page.home-view h1{font-size:clamp(44px,10vh,75px);margin-bottom:18px}.home-view .hero-copy{font-size:12px;margin-bottom:16px}.home-view .button-light{padding:13px 20px}.home-view .hero-bottom{bottom:15px;padding-top:12px}}
@media(max-width:760px){.section-page.home-view .hero{min-height:100%;height:auto}.section-page.home-view .hero-content{min-height:540px;padding:40px 6% 110px}.section-page.home-view h1{font-size:clamp(50px,12vw,80px);letter-spacing:-.06em}.home-view .hero .eyebrow{font-size:7px;max-width:280px;line-height:1.8}.home-view .hero-copy{font-size:12px;max-width:330px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.home-view .button-light{min-width:235px}.hero-company-link{font-size:10px;padding:10px 0}.home-view .hero-bottom{left:6%;right:6%;bottom:20px;font-size:6px;gap:9px}.home-view .hero-bottom .asset-label{display:none}.hero-mission{max-width:120px;text-align:right}}

/* More restrained homepage headline with depth over the launch artwork. */
.section-page.home-view h1{font-size:clamp(44px,min(6vw,9vh),88px);letter-spacing:-.045em;line-height:.98;text-shadow:0 3px 7px rgba(0,0,0,.55),0 12px 30px rgba(0,0,0,.35)}
@media(max-width:760px){.section-page.home-view h1{font-size:clamp(40px,9.5vw,60px)}}

/* Upcoming category, intentionally not interactive. */
.nav-pending{color:#9aa8b3;cursor:default;white-space:nowrap}
@media(min-width:761px) and (max-width:1150px){.header nav{gap:15px;font-size:10px}.header .nav-game{padding-left:15px}.header .nav-game span{margin-left:8px}}
@media(max-width:760px){.nav-pending{padding:15px 0;font-size:14px;border-bottom:1px solid var(--line)}}

/* Anchor the launch artwork at the top so cover cropping preserves the rocket tip. */
.home-view .hero-art.launch-background{background-position:center top}
@media(max-width:760px){.home-view .hero-art.launch-background{background-position:72% top}}

/* Preserve the entire launch composition instead of cropping either edge. */
.home-view .hero-art.launch-background{background-color:#09121b;background-size:100% 100%,100% 100%,contain;background-position:center,center,center;background-repeat:no-repeat}
@media(max-width:760px){.home-view .hero-art.launch-background{background-size:100% 100%,100% 100%,contain;background-position:center,center,center}}

/* Supplied panoramic launch artwork, displayed edge to edge. */
.home-view .hero-art.launch-background{background-image:linear-gradient(90deg,rgba(5,13,21,.72),rgba(5,13,21,.32) 40%,rgba(5,13,21,.04) 75%),linear-gradient(0deg,rgba(5,13,21,.65),transparent 30%),url('assets/max-launch-panorama.png');background-size:100% 100%,100% 100%,100% auto;background-position:center,center,center;background-repeat:no-repeat;background-color:#09121b}
@media(max-width:760px){.home-view .hero-art.launch-background{background-size:100% 100%,100% 100%,100% auto;background-position:center,center,center}}

/* Reserve thumbnail space before images decode, including in mobile scroll containers. */
.technology .photo-product{flex-shrink:0;position:relative}.technology .photo-product img{position:absolute;inset:0;width:100%;height:100%}


/* Prevent oversized technology content from being centered above its scroll origin. */
.section-page>main>.technologies{justify-content:safe center}
.technologies .section-heading,.technologies .technology-grid{flex-shrink:0}
@media(max-width:760px){.section-page>main>.technologies{justify-content:flex-start;height:auto;min-height:100%;flex-shrink:0}}

/* Mobile home is a composed introduction above the panoramic launch scene. */
@media(max-width:760px){
 .section-page.home-view .hero{display:flex;flex-direction:column;isolation:isolate;height:auto;min-height:100%;overflow:visible;background:#0c1721}
 .section-page.home-view .hero-content{order:0;height:auto;min-height:0;padding:36px 6% 28px;flex:0 0 auto;justify-content:flex-start}
 .home-view .hero .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:20px;max-width:none;line-height:1.7}
 .section-page.home-view h1{font-size:clamp(43px,11vw,70px);line-height:.96;letter-spacing:-.045em;margin:0 0 20px;text-shadow:none}
 .home-view .hero-copy{font-size:12px;line-height:1.75;max-width:360px;border-left:0;padding:0;margin:0 0 23px}
 .home-view .hero-copy br{display:none}
 .home-view .hero-actions{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px 22px}
 .home-view .button-light{padding:15px 18px;min-width:0;gap:25px;font-size:11px}
 .home-view .hero-company-link{padding:10px 0;font-size:10px;gap:15px}
 .home-view .hero-art.launch-background{position:relative;inset:auto;order:1;width:100%;aspect-ratio:1916/821;min-height:0;flex:0 0 auto;opacity:1;background-image:url('assets/max-launch-panorama.png');background-size:100% auto;background-position:center;background-repeat:no-repeat;background-color:#0c1721}
 .home-view .hero-art.launch-background:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c1721 0%,transparent 15%,transparent 88%,#0c1721 100%);pointer-events:none}
 .home-view .hero-bottom{position:relative;inset:auto;order:2;flex:1;padding:16px 6% 22px;margin:0;border-top:0;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;font-size:6px;letter-spacing:1.1px;min-height:45px}
 .home-view .hero-bottom .asset-label{display:none}
 .home-view .hero-mission{max-width:none;text-align:right;font-size:6px}
}
@media(max-width:380px){.home-view .hero-actions{gap:10px}.home-view .hero-company-link{font-size:9px;gap:10px}.home-view .button-light{padding:14px;font-size:10px;gap:15px}}

/* Keep tall Company content anchored at the start of its mobile scroll area. */
@media(max-width:760px){
 .section-page.company-view>main>.intro{align-content:start;align-items:start;justify-content:start;flex-shrink:0;height:auto;min-height:100%;padding-top:36px;padding-bottom:40px;gap:25px}
 .company-view .intro>div{min-width:0}
 .company-view .intro h2{font-size:clamp(32px,9vw,42px);line-height:1.12;margin-bottom:0}
 .company-view .intro .eyebrow{margin-bottom:18px}
 .company-view .intro-copy{padding-top:0}
}

/* Mobile game invitation: full-width readable action, without cramped footer text. */
@media(max-width:760px){
 .section-page>.page-footer,.product-page>.page-footer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:9px 5% calc(9px + env(safe-area-inset-bottom,0px));gap:0;min-height:66px}
 .page-footer>span:first-child{display:none}
 .page-footer>span:last-child{display:flex;width:100%;font-size:0;gap:0;align-items:stretch}
 .section-page .page-footer a,.product-page>.page-footer a{width:100%;min-height:46px;padding:12px 16px;font-size:14px;font-weight:700;letter-spacing:.15px;white-space:nowrap;background:#315c7c;border-color:#7298b6;line-height:1.4}
}

/* Tall pages must start at their scroll origin instead of overflowing above it. */
.section-page>main>.section{justify-content:safe center}
@media(max-width:760px){
 .section-page>main>.section{justify-content:flex-start;flex-shrink:0;height:auto}
 .section-page.game-view>main>.game{padding:32px 6% 40px}
 .game-view .game-top{margin-bottom:28px;flex-shrink:0}
 .game-view .game-layout{flex-shrink:0;gap:30px}
 .section-page.game-view .game h2{font-size:39px;line-height:1.09;letter-spacing:-1.8px;margin-bottom:24px}
 .game-view .game-tag{font-size:7px;line-height:1.6;letter-spacing:.7px;max-width:100%;padding:9px 10px}
 .game-view .game-layout p{font-size:13px;line-height:1.8}
 .game-view .wishlist{width:100%;padding:17px;gap:12px;font-size:11px}
 .section-page.game-view .trailer-placeholder{height:auto;aspect-ratio:16/10;padding:25px 15px}
 .game-view .gallery{gap:7px}
 .game-view .gallery>div{height:90px;padding:12px 8px;line-height:1.5}
}

/* Center the mobile game action independently of hidden footer copy. */
@media(max-width:760px){
 .page-footer>span:last-child{position:relative;display:block;text-align:center;line-height:0;color:transparent}
 .section-page .page-footer a,.product-page>.page-footer a{display:flex;width:100%;max-width:420px;margin-inline:auto;align-items:center;justify-content:center;text-align:center;color:#fff;line-height:1.4}
}