@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--navy:#121d2e;--deep:#0b1421;--gold:#c8a66c;--stone:#f7f5f0;--muted:#a7adb5;--line:rgba(247,245,240,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--stone);font-family:'Inter',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--deep)}.skip-link{position:fixed;left:24px;top:-100px;background:var(--stone);color:var(--navy);padding:15px;z-index:10}.skip-link:focus{top:12px}.header{height:106px;display:flex;align-items:center;padding:0 5.5%;border-bottom:1px solid var(--line);position:relative;z-index:2;background:var(--navy)}.brand{width:208px;display:block;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.header nav{display:flex;gap:42px;margin:auto;font-size:12px}.header nav a{padding:14px 0}.header nav span{margin-left:15px;color:var(--gold)}.header nav a:hover,.header-end:hover{color:var(--gold)}.header-end{font-size:12px;display:flex;align-items:center;gap:23px}.small-dot{display:inline-block;background:var(--gold);width:6px;height:6px;border-radius:50%;flex-shrink:0}.hero{position:relative;min-height:740px;height:calc(100svh - 106px);max-height:1000px;overflow:hidden}.hero-art{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 47%,#263949 0%,#142130 38%,#101b2b 72%)}#landscape{width:100%;height:100%;display:block;position:absolute;inset:0}.orb{position:absolute;top:12%;left:62%;width:190px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 26%,#192b39 27%,#b5996c 98%);box-shadow:2px 5px 38px #c8a66c20;opacity:.6}.art-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#121d2ef5 0%,#121d2eb0 30%,transparent 62%),linear-gradient(0deg,var(--navy),transparent 25%)}.hero-content{position:relative;z-index:1;padding:72px 5.5% 130px;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:500;display:flex;align-items:center;gap:13px;margin:0 0 32px;color:var(--gold)}.line{display:inline-block;width:30px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'DM Sans','Inter',Arial,sans-serif;font-weight:400}h1{font-size:clamp(65px,6.8vw,106px);line-height:1.05;letter-spacing:-5px;margin-bottom:26px}em{font-style:normal;color:var(--gold)}.hero-copy{font-size:14px;line-height:1.9;color:#bec2c8;margin-bottom:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:17px 20px;font-size:12px;background:var(--gold);color:var(--deep);border:1px solid var(--gold);transition:background .2s,transform .2s}.button:hover{background:#e4c28a;transform:translateY(-3px)}.button span{font-size:20px;line-height:12px}.scene-caption{position:absolute;right:7%;bottom:145px;font-size:8px;letter-spacing:1.8px;color:#c3b69e;display:flex;align-items:center;gap:15px}.crosshair{font-size:24px;font-weight:400}.hero-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;height:80px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:2}.scroll-link{font-size:8px;letter-spacing:2px;display:flex;gap:18px;align-items:center}.scroll-link span{font-size:23px;color:var(--gold)}.scene-controls{display:flex;align-items:center;gap:8px}.scene-intro{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-right:20px}.scene-button{border:1px solid transparent;background:transparent;color:var(--muted);padding:9px 17px;border-radius:30px;font-size:10px;cursor:pointer}.scene-button.active{border-color:#c8a66c70;color:var(--gold);background:#c8a66c0a}.scene-button:hover{color:var(--stone)}.motion-button{background:transparent;border:0;color:var(--gold);height:34px;width:34px;cursor:pointer}.section{padding:100px 5.5%}.worlds{background:var(--stone);color:var(--navy)}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top .eyebrow{color:#80653e;margin:0}.section-note{font-size:8px;letter-spacing:1.5px;color:#73767b}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:40px 0 48px}.section-heading h2{font-size:clamp(34px,3.7vw,58px);letter-spacing:-2px;line-height:1.1;margin:0}.section-heading h2 span{color:#85898e}.section-heading>p{font-size:12px;line-height:1.9;color:#626872;margin:0 0 5px}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.world-card{min-width:0}.world-visual{height:340px;position:relative;overflow:hidden;background:#101c29}.world-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 9px}.world-title h3{font-size:30px;letter-spacing:-1px;margin:0}.world-icon{font-size:27px;color:#8a714b}.world-body>p{font-size:12px;line-height:1.8;color:#656b73}.world-meta{border-top:1px solid #121d2e25;margin-top:23px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;gap:12px}.coming{font-size:10px;letter-spacing:0;color:#626872}.art-note{font-size:10px;color:#747b83;margin:34px 0 0}.portal-scene{background:radial-gradient(ellipse at 50% 85%,#47504b,#1a2e38 43%,#101d29 75%)}.starfield{position:absolute;inset:0;background-image:radial-gradient(circle,#e4c28a 1px,transparent 1px);background-size:97px 67px;opacity:.18;transform:rotate(-9deg)}.portal{width:133px;height:208px;border:2px solid #e4c28a;position:absolute;bottom:58px;left:calc(50% - 66px);border-radius:90px 90px 0 0;box-shadow:0 0 10px #e4c28a70,inset 0 0 18px #e4c28a60;transform:perspective(600px) rotateY(-12deg);background:#af9a6950}.portal-inside{position:absolute;inset:10px;border:1px solid #e4c28a50;border-radius:70px 70px 0 0;background:linear-gradient(180deg,#10232b70,#c5b07850)}.portal-halo{position:absolute;width:240px;height:240px;border-radius:50%;left:calc(50% - 120px);top:40px;background:#e4c28a15;filter:blur(45px)}.portal-floor{position:absolute;width:300px;height:210px;left:calc(50% - 150px);bottom:-124px;background:linear-gradient(0deg,transparent,#d9bd8280);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);filter:blur(2px)}.traveler{position:absolute;bottom:42px;left:calc(50% + 8px);width:10px;height:33px;background:#0b151c;border-radius:35% 35% 0 0;box-shadow:3px 20px 12px #0005}.traveler:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#0b151c;top:-6px;left:1px}.visual-coordinate{position:absolute;left:24px;bottom:20px;color:#f7f5f060;font-size:8px;letter-spacing:2px}.app-scene{background:radial-gradient(ellipse at 50% 50%,#304752,#172b38 65%,#152633)}.app-orbit{position:absolute;width:360px;height:200px;border:1px solid #c8a66c25;border-radius:50%;left:calc(50% - 180px);top:70px;transform:rotate(-28deg)}.orbit-two{width:470px;height:270px;left:calc(50% - 235px);top:35px}.orbit-three{width:590px;height:340px;left:calc(50% - 295px);top:0}.app-tile{position:absolute;border:1px solid #a3b6ba35;background:#263d49;border-radius:22px;box-shadow:0 20px 30px #09121c50;transform:rotate(-12deg)}.tile-main{width:155px;height:186px;top:77px;left:calc(50% - 77px);padding:20px;background:linear-gradient(135deg,#455964,#243c49);transform:rotate(-12deg);z-index:2}.tile-main img{width:70px;height:63px;object-fit:cover;object-position:center}.tile-lines{margin-top:12px}.tile-lines i{display:block;width:83px;height:4px;background:#bbc4c665;border-radius:4px;margin:7px 0}.tile-lines i:last-child{width:54px;background:#bbc4c635}.tile-line-bottom{margin-top:14px;display:flex;justify-content:space-between;align-items:center}.tile-line-bottom span{width:26px;height:6px;border-radius:8px;background:var(--gold)}.tile-line-bottom b{font-size:19px;color:var(--gold);font-weight:400}.tile-one{width:82px;height:82px;top:63px;left:calc(50% - 181px);transform:rotate(-16deg);display:grid;place-items:center;background:#8e836b}.tile-spark{font-size:43px;color:#eee0c2}.tile-two{width:95px;height:103px;top:179px;left:calc(50% + 100px);transform:rotate(12deg);display:grid;place-items:center}.mini-bars{display:flex;align-items:flex-end;gap:5px;height:40px}.mini-bars i{width:7px;height:15px;border-radius:3px;background:#c8a66c}.mini-bars i:nth-child(2){height:25px}.mini-bars i:nth-child(3){height:20px}.mini-bars i:nth-child(4){height:36px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:120px;padding-bottom:120px}.studio-symbol{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;background:radial-gradient(ellipse,#c8a66c08,transparent 65%)}.studio-symbol img{width:300px;max-width:80%;opacity:.86}.studio-symbol span{font-size:8px;color:var(--gold);letter-spacing:3px;margin-top:30px}.studio-copy{max-width:460px}.studio-copy h2{font-size:clamp(36px,4vw,60px);line-height:1.1;letter-spacing:-2px;margin:0 0 25px}.studio-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted)}.studio-signature{border-top:1px solid var(--line);padding-top:25px;margin-top:30px;display:flex;gap:13px;align-items:center;font-size:8px;letter-spacing:1.7px;color:#c8c9c9}.next{background:#0e1826;border-top:1px solid var(--line);padding-top:75px;padding-bottom:85px}.next-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.next h2{font-size:clamp(65px,8vw,118px);line-height:1.02;letter-spacing:-5px;margin:0}.next-copy{padding:0 70px 8px 0}.next-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin:20px 0}.next-copy a{display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid #c8a66c70;padding:10px 0;color:var(--gold)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 5.5%;border-top:1px solid var(--line);background:#0e1826}footer .brand{width:175px}footer p{font-size:9px;color:var(--muted);margin:0}footer>a:last-child{font-size:8px;letter-spacing:1.5px}footer>a:last-child span{font-size:18px;color:var(--gold);margin-left:20px}
@media(min-width:1600px){.header,.section,footer{padding-left:calc((100vw - 1424px)/2);padding-right:calc((100vw - 1424px)/2)}.hero-content{padding-left:calc((100vw - 1424px)/2)}.hero-bottom{left:calc((100vw - 1424px)/2);right:calc((100vw - 1424px)/2)}}
@media(max-width:1000px){.hero{min-height:720px}.hero-content{padding-top:65px}.section{padding-top:75px;padding-bottom:75px}.world-visual{height:300px}.scene-intro{display:none}.section-heading>p{max-width:270px}.section-heading>p br{display:none}.next-copy{padding-right:0}.studio{gap:35px}.header nav{gap:24px}.scene-caption{right:5.5%}}
@media(max-width:650px){html{scroll-padding-top:20px}.header{height:82px;padding:0 5%}.brand{width:158px}.header nav{margin-left:auto;margin-right:0;gap:21px}.header nav a{font-size:10px}.header nav span{display:none}.header-end{display:none}.hero{height:auto;min-height:810px}.hero-content{padding:53px 6% 260px}h1{font-size:64px;letter-spacing:-3.4px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:27px}.hero-copy{font-size:12px}.button{padding:15px 17px;font-size:11px}.orb{left:64%;top:40%;width:110px}.art-vignette{background:linear-gradient(90deg,#121d2eb0,transparent),linear-gradient(0deg,var(--navy),transparent 27%)}.hero-bottom{left:6%;right:6%;height:73px}.scroll-link{font-size:7px;letter-spacing:1px;gap:9px}.scene-controls{gap:2px}.scene-button{padding:8px 12px;font-size:9px}.scene-caption{bottom:108px;right:6%;font-size:7px;letter-spacing:1.3px}.section{padding:62px 6%}.section-note{display:none}.section-heading{display:block;margin:30px 0}.section-heading h2{font-size:38px;letter-spacing:-1.5px}.section-heading>p{margin-top:24px;max-width:100%;font-size:12px}.world-grid{grid-template-columns:1fr;gap:42px}.world-visual{height:320px}.world-meta{letter-spacing:1px}.world-title h3{font-size:28px}.art-note{line-height:1.7}.studio{display:flex;flex-direction:column-reverse;gap:32px;align-items:stretch}.studio-copy h2{font-size:43px}.studio-symbol{min-height:180px}.studio-symbol img{width:205px}.studio-symbol span{margin-top:5px;font-size:7px}.next-row{display:block}.next h2{font-size:75px;letter-spacing:-3px}.next-copy{margin-top:36px;max-width:300px}.next-copy p{margin:14px 0}.next .eyebrow{margin-bottom:25px}footer{flex-wrap:wrap;padding:24px 6%;gap:22px}footer .brand{width:145px}footer p{font-size:8px}footer>a:last-child{width:100%;padding-top:20px;border-top:1px solid var(--line)}.app-tile.tile-two{left:calc(50% + 87px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Make Humankind Flawless retains its own red-and-white identity. */
.mhf-card-art{display:flex;align-items:center;justify-content:center;background:#101213;isolation:isolate}.mhf-card-art:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,#ff000008);z-index:-1}.mhf-card-art>img{width:70%;height:75%;object-fit:contain;transition:transform .3s}.mhf-card-art:hover>img{transform:scale(1.035)}.game-discover{position:absolute;right:24px;bottom:20px;font-size:9px;color:#ddd;display:flex;gap:15px;align-items:center}.game-card .world-title h3{font-size:clamp(21px,2.2vw,32px);letter-spacing:-1px}.game-card .world-title{gap:12px}.game-card .world-title a:hover{color:#80653e}.featured-game{background:#101213;color:#eeede7;border-top:1px solid #ffffff15;scroll-margin-top:0}.featured-game .eyebrow{color:#c2c0ba}.game-status{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.4px;color:#aaa}.game-status>span{width:5px;height:5px;background:#ff0000;display:inline-block}.game-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;margin:45px 0 52px;align-items:start}.game-intro h2{font-size:clamp(32px,3.8vw,58px);letter-spacing:-2px;line-height:1.12;margin:0}.game-intro h2 span{color:#898c8c}.game-description{max-width:440px;justify-self:end}.game-description p{color:#a7abaa;font-size:13px;line-height:1.9;margin:0 0 23px}.game-text-link{font-size:11px;display:inline-flex;gap:30px;border-bottom:1px solid #ffffff35;padding-bottom:11px}.game-text-link:hover{border-color:#ff0000}.teaser-layout{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:center;scroll-margin-top:40px}.game-identity{display:flex;flex-direction:column;align-items:center;gap:23px}.game-identity img{width:100%;max-width:350px}.game-identity>span{font-size:7px;letter-spacing:2px;color:#969c9b}.teaser-player{aspect-ratio:16/9;background:#080909;border:1px solid #ffffff20}.teaser-player iframe{width:100%;height:100%;border:0;display:block}.teaser-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;color:#a7abaa;font-size:8px;letter-spacing:1px}.teaser-caption>a{color:#eeede7;font-size:10px;letter-spacing:0}.teaser-caption>a:hover{color:#ff6b6b}.teaser-caption>a span{margin-left:8px}.game-footnote{border-top:1px solid #ffffff20;margin-top:50px;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.game-footnote>span{font-size:8px;letter-spacing:1.5px;color:#b2b4b2}.game-footnote p{font-size:10px;line-height:1.7;color:#898f8d;margin:0}
@media(max-width:1000px){.game-intro{gap:35px}.teaser-layout{grid-template-columns:1fr 2fr;gap:20px}.game-card .world-meta{letter-spacing:.6px;font-size:7px}.mhf-card-art .visual-coordinate{font-size:7px;left:17px;letter-spacing:1px}.game-discover{right:17px;font-size:8px;gap:8px}}
@media(max-width:650px){.game-status{display:none}.game-intro{grid-template-columns:1fr;gap:25px;margin:30px 0 36px}.game-intro h2{font-size:37px;letter-spacing:-1.5px}.game-description{max-width:none}.game-description p{font-size:12px}.teaser-layout{grid-template-columns:1fr;gap:30px}.game-identity img{max-width:240px}.game-identity{gap:12px}.teaser-caption{font-size:7px;letter-spacing:.5px;gap:10px}.teaser-caption>a{font-size:9px}.game-footnote{align-items:flex-start;flex-direction:column;gap:12px;margin-top:30px}.game-card .world-title h3{font-size:25px;max-width:280px}.game-card .world-meta{font-size:7px;letter-spacing:.6px}}
.teaser-link{display:block;position:relative;overflow:hidden}.teaser-cover{width:100%;height:100%;display:block;object-fit:cover;opacity:.78;transition:opacity .25s,transform .25s}.teaser-link:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 65%);pointer-events:none}.teaser-play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border:1px solid #ffffffa0;background:#111b;border-radius:50%;padding-left:4px;color:white;font-size:18px;transition:background .2s}.teaser-watch{position:absolute;z-index:1;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:12px}.teaser-link:hover .teaser-cover{opacity:1;transform:scale(1.025)}.teaser-link:hover .teaser-play{background:#c00000}.teaser-link:hover .teaser-watch{color:white}@media(max-width:650px){.teaser-play{width:48px;height:48px;font-size:14px}.teaser-watch{font-size:10px;bottom:16px;left:16px;right:16px}}

/* Supplied branch identities, with their original colors and proportions. */
.branch-logo-art{display:flex;align-items:center;justify-content:center;background:#111419}
.branch-logo-art>img{display:block;object-fit:contain;max-width:80%;max-height:76%}
.games-brand-art{background:#080808}
.games-brand-art>img{width:255px;height:255px;transition:transform .25s}
.games-brand-art:hover>img{transform:scale(1.025)}
.software-brand-art>img{width:80%;height:auto}
.branch-logo-art .visual-coordinate{font-size:7px;letter-spacing:1.1px;left:20px;bottom:18px}
.games-brand-art .game-discover{right:20px;bottom:18px}
@media(max-width:1000px){.games-brand-art>img{width:225px;height:225px}.games-brand-art .visual-coordinate{bottom:45px}}
@media(max-width:650px){.branch-logo-art .visual-coordinate{font-size:6px;letter-spacing:.9px;left:17px}.games-brand-art>img{width:240px;height:240px}.software-brand-art>img{width:86%;max-width:86%}}