@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700;750;800;900;1000&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--bg:#171817;--fg:#f4f4ee;--muted:#b1b2ab;--line:#3a3b36;--accent:#f0ed34;--font:'DM Sans','Noto Sans Arabic',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:112px;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:29px;font-weight:800;letter-spacing:-1.7px}.brand-dot{font-size:15px;color:var(--accent);vertical-align:super;margin-left:3px}.header nav{display:flex;gap:40px;font-size:14px}.header nav a{padding-block:12px}.header nav a:hover,.text-link:hover{color:var(--accent)}.language{color:var(--fg);border:1px solid #64665d;background:none;border-radius:100px;width:49px;min-height:37px;font-size:14px;cursor:pointer}.language:hover{background:var(--fg);color:var(--bg)}.hero{padding-top:52px;padding-bottom:96px}.eyebrow{font-size:13px;display:flex;align-items:center;gap:12px}.square{width:8px;height:8px;background:var(--accent)}.edition{margin-inline-start:auto;color:var(--muted);font-size:12px;letter-spacing:1.5px}.wordmark{font-family:'DM Sans',sans-serif;font-size:clamp(95px,18.1vw,270px);font-weight:650;line-height:1.1;letter-spacing:-.085em;margin:22px 0 37px;white-space:nowrap}.wordmark span{color:var(--accent)}.hero-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:start}.hero h2{font-weight:500;font-size:clamp(24px,3.2vw,44px);line-height:1.6;margin:0;max-width:630px}.hero-intro{max-width:425px;justify-self:end}.hero p{margin:4px 0 22px;line-height:1.95;color:var(--muted)}.text-link{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:6px;display:inline-block}.section-top{border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;justify-content:space-between}.section-top h2{margin:0;font-size:14px;font-weight:500}.section-top>span{font-size:12px;color:var(--muted);letter-spacing:1px}.game-card{display:block;background:#222420;min-height:540px;padding:32px 38px;position:relative;overflow:hidden}.game-card-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;position:relative;z-index:2}.outlined-tag{border:1px solid #67695b;border-radius:30px;padding:8px 17px}.punch{position:absolute;width:390px;height:390px;object-fit:contain;inset-inline-end:12%;top:105px;transform:rotate(-12deg);transition:transform .5s ease}.game-card:hover .punch{transform:rotate(1deg) scale(1.04)}.game-card-bottom{position:relative;z-index:1;margin-top:138px;display:flex;align-items:end;justify-content:space-between;gap:30px}.game-card h3{font-size:clamp(70px,8.2vw,126px);font-weight:1000;letter-spacing:-.07em;line-height:.83;margin:0}.game-card h3 span{color:var(--accent)}.game-card-bottom p{font-size:14px;margin:0;max-width:150px;line-height:1.8;text-align:end}.editorial{display:grid;grid-template-columns:1fr 2fr;gap:80px;border-top:1px solid var(--line);padding-block:80px}.work{padding-bottom:100px}.section-label{display:flex;gap:25px;align-items:baseline}.section-label span{color:var(--muted);font-size:12px}.section-label h2{font-size:15px;font-weight:500;margin:0}.editorial-body{max-width:730px}.editorial h3{font-size:clamp(29px,3.4vw,46px);font-weight:500;line-height:1.6;margin:0 0 25px}.editorial p{font-size:18px;color:var(--muted);line-height:2;margin:0;max-width:620px}.small-label{font-size:13px;color:var(--muted);display:block;margin-bottom:22px}.creator{padding-bottom:110px}.footer{padding-block:38px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.footer>span{font-size:14px;color:var(--muted)}.footer small{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-90px;left:20px;background:var(--accent);color:var(--bg);padding:14px;z-index:20}.skip:focus{top:20px}
@media(min-width:1650px){.wordmark{font-size:270px}}@media(max-width:900px){.wrap{width:calc(100% - 56px)}.header nav{gap:24px}.hero-bottom{gap:35px}.hero{padding-bottom:64px}.punch{inset-inline-end:6%;width:330px}.editorial{gap:38px;grid-template-columns:1fr 2.2fr}.game-card{min-height:510px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{min-height:88px;gap:14px;flex-wrap:wrap;padding-block:20px}.brand{font-size:25px}.header nav{order:3;width:100%;justify-content:space-between;gap:14px;font-size:14px}.header nav a{padding-block:5px}.hero{padding-top:32px;padding-bottom:56px}.edition{font-size:10px;letter-spacing:.6px}.eyebrow{font-size:12px;gap:8px}.wordmark{font-size:18.3vw;margin-block:26px 32px}.hero-bottom{grid-template-columns:1fr;gap:16px}.hero h2{font-size:28px}.hero-intro{max-width:none;justify-self:start}.hero p{font-size:16px}.game-card{min-height:530px;padding:22px}.game-card-top{font-size:12px;gap:10px}.outlined-tag{padding:7px 10px}.punch{width:260px;height:260px;top:92px;inset-inline-end:calc(50% - 130px)}.game-card-bottom{margin-top:294px;gap:15px}.game-card h3{font-size:66px}.game-card-bottom p{font-size:12px;max-width:106px}.work{padding-bottom:60px}.editorial{grid-template-columns:1fr;gap:32px;padding-block:45px}.editorial h3{font-size:29px;margin-bottom:17px}.editorial p{font-size:16px}.footer{flex-wrap:wrap;padding-block:28px}.footer>span{display:none}.footer small{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.logo-wordmark{height:260px;display:flex;align-items:center;justify-content:center}.logo-wordmark img{width:100%;height:100%;object-fit:contain}@media(max-width:600px){.logo-wordmark{height:180px}}