:root{--ink:#142239;--muted:#526077;--paper:#f5f7fb;--accent:#ffb75c;--line:#dbe2ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:white;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #d36a06;outline-offset:6px}header,footer{max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.brand span{display:inline-grid;place-items:center;background:var(--accent);color:var(--ink);height:25px;width:25px;line-height:1;margin-left:7px;border-radius:6px;font-size:24px;letter-spacing:0}nav{display:flex;gap:32px;font-size:15px;font-weight:600}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;max-width:1440px;margin:0 auto;padding:70px 6% 60px}.eyebrow{font-size:13px;font-weight:750;letter-spacing:.13em;margin:0 0 25px}.hero .eyebrow{color:#c4d0e0}h1{font-size:clamp(46px,6.4vw,92px);font-weight:650;line-height:1.06;letter-spacing:-.045em;margin:0;position:relative;z-index:1}h1 em{color:var(--accent);font-style:normal}.hero-number{position:absolute;right:3%;top:2%;font-size:clamp(180px,32vw,460px);line-height:1;font-weight:850;letter-spacing:-.12em;color:#263853;transform:rotate(-8deg);user-select:none}.hero-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:44px}.hero-bottom p{max-width:430px;margin:0;color:#d9e1ec}.button{padding:15px 22px;border-radius:5px;background:var(--accent);color:var(--ink);font-size:16px;font-weight:700;text-decoration:none;display:flex;gap:25px;align-items:center}.button:hover{background:#ffca87}.games,.studio,.contact{max-width:1266px;margin:auto;padding:85px 5%}h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.035em;line-height:1.2;margin:0 0 25px;font-weight:650}.section-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.section-top h2{width:60%}.game{display:grid;grid-template-columns:1.2fr 1fr;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.game-image{padding:28px;display:flex;align-items:center;background:#e3eaf0}.game-image img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 16px 35px #14223920}.game-copy{padding:35px}.status{display:inline-block;font-size:13px;font-weight:650;padding:5px 10px;border:1px solid #bac7d6;border-radius:30px}h3{font-size:35px;letter-spacing:-.03em;margin:17px 0 10px;line-height:1.2}p{margin:0 0 18px}.game-copy p,.studio p:not(.eyebrow){color:var(--muted)}.small{font-size:14px}.text-link{font-weight:650}.studio{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.studio p{max-width:630px}.contact{background:var(--paper);border-radius:12px;padding-top:65px;padding-bottom:65px}.contact>a{display:inline-block;font-size:clamp(23px,3.6vw,42px);font-weight:650;letter-spacing:-.02em;margin:8px 0 20px}.contact p:last-child{color:var(--muted);margin:0}footer{margin-top:40px;font-size:14px;flex-wrap:wrap}footer p{margin:0;color:var(--muted)}.legal{max-width:900px;margin:35px auto 70px;padding:0 6%}.legal h1{font-size:clamp(38px,5vw,64px);margin-bottom:35px}.legal h2{font-size:25px;margin-top:35px;margin-bottom:12px}.legal ul{padding-left:24px}.legal .eyebrow{color:var(--muted)}.legal address{font-style:normal}.legal a{overflow-wrap:anywhere}@media(max-width:720px){header{padding:20px 5%;align-items:start}nav{gap:15px;flex-wrap:wrap;font-size:14px}.brand{font-size:25px}.hero{padding:50px 6% 40px}.hero-number{opacity:.5;top:80px;right:-30px}.hero-bottom,.section-top{display:block}.hero-bottom p{margin-bottom:28px}.button{width:fit-content}.section-top h2{width:auto}.games,.studio,.contact{padding:50px 6%}.game,.studio{grid-template-columns:1fr;gap:0}.game-copy{padding:25px}.game-image{padding:20px}.contact{border-radius:0}footer{align-items:start;gap:18px}footer nav{width:100%}.legal{margin-top:25px}.hero .eyebrow{font-size:12px;max-width:250px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}