:root{--void:#09090b;--plate:#111115;--plate-2:#17171c;--line:#ede9e31f;--line-2:#ede9e338;--text:#ede9e3;--muted:#9a958e;--red:#c8141f;--gold:#d9a441;--core:#cfefff;--display:"Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--ease:cubic-bezier(.23, 1, .32, 1);--gut:max(24px, env(safe-area-inset-left,0px));--gut-r:max(24px, env(safe-area-inset-right,0px));color-scheme:dark}:root[lang=ar]{--display:"IBM Plex Sans Arabic", "Big Shoulders Display", Tahoma, sans-serif;--body:"IBM Plex Sans Arabic", "IBM Plex Sans", Tahoma, sans-serif}*{box-sizing:border-box}html{background:var(--void);scroll-padding-top:80px}body{background:var(--void);color:var(--text);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--core);outline-offset:3px}::selection{background:var(--gold);color:var(--void)}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:40;background:var(--void);position:fixed;inset:0 0 auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav{top:env(safe-area-inset-top,0px);z-index:30;padding-block:16px;padding-inline:var(--gut) var(--gut-r);transition:background .4s var(--ease), border-color .4s var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset-inline:0}.nav.solid{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#09090bd1}.brand{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font:800 22px/1 Big Shoulders Display,sans-serif;text-decoration:none;display:flex}.brand i{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);background:var(--core);width:11px;height:11px;box-shadow:0 0 12px var(--core)}.nav ul{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);gap:24px;margin:0;padding:0;list-style:none;display:flex}:root[lang=ar] .nav ul{font:500 14px/1 var(--body);letter-spacing:0}.nav ul a{padding-block:6px;text-decoration:none;transition:color .2s}.nav ul a:hover,.nav ul a[aria-current]{color:var(--text)}.lang{font:500 13px/1 var(--body);border:1px solid var(--line-2);padding:8px 12px;text-decoration:none;transition:background .2s,border-color .2s}.lang:hover{background:var(--plate-2);border-color:var(--muted)}.nav .end{align-items:center;gap:22px;display:flex}.wrap{max-width:1180px;padding-inline:var(--gut) var(--gut-r);margin:0 auto}section.block{border-top:1px solid var(--line);padding-block:clamp(84px,11vw,150px)}.label{font:500 12px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);align-items:center;gap:12px;margin:0 0 22px;display:flex}.label:before{content:"";background:var(--gold);width:22px;height:1px}:root[lang=ar] .label{font:600 14px/1 var(--body);letter-spacing:0}h2{font:800 clamp(42px, 6.6vw, 92px)/.95 var(--display);text-transform:uppercase;white-space:pre-line;text-wrap:balance;margin:0;position:relative}:root[lang=ar] h2{font-size:clamp(34px,5vw,68px);font-weight:700;line-height:1.2}.lead{color:var(--muted);max-width:62ch;margin:24px 0 0}.btn{font:500 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--text);cursor:pointer;transition:background .25s var(--ease), border-color .25s var(--ease), color .25s;background:0 0;align-items:center;gap:10px;padding:15px 20px;text-decoration:none;display:inline-flex}:root[lang=ar] .btn{font:600 14px/1 var(--body);letter-spacing:0}.btn:hover{background:var(--plate-2);border-color:var(--muted)}.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--void)}.btn.gold:hover{background:#e8b95a}.btn:active{transform:scale(.98)}#dust{pointer-events:none;z-index:60;width:100%;height:100%;position:fixed;inset:0}.js h2.dusty,.js [data-dust]{color:#0000}.js h2.dusty.built,.js [data-dust].built{color:var(--text);transition:color .6s linear}.js .rise{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(18px)}.js .rise.in{opacity:1;transform:none}footer{border-top:1px solid var(--line);padding-block:40px calc(40px + env(safe-area-inset-bottom,0px));font:500 12px/1.5 var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}:root[lang=ar] footer{font:400 14px/1.6 var(--body);letter-spacing:0}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.burger{border:1px solid var(--line-2);cursor:pointer;background:0 0;width:40px;height:40px;display:none;position:relative}.burger i{background:var(--text);height:1.5px;transition:transform .3s var(--ease);position:absolute;left:11px;right:11px}.burger i:first-of-type{top:15px}.burger i:last-of-type{top:23px}.burger[aria-expanded=true] i:first-of-type{transform:translateY(4px)rotate(45deg)}.burger[aria-expanded=true] i:last-of-type{transform:translateY(-4px)rotate(-45deg)}.sheet{z-index:29;padding:calc(110px + env(safe-area-inset-top,0px)) var(--gut-r) 40px var(--gut);background:#09090bf7;position:fixed;inset:0}.sheet ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sheet a{font:800 44px/1.2 var(--display);text-transform:uppercase;border-bottom:1px solid var(--line);padding-block:6px;text-decoration:none;display:block}:root[lang=ar] .sheet a{font-size:32px;font-weight:700;line-height:1.6}.sheet a:hover{color:var(--gold)}body.menu-open{overflow:hidden}@media (width<=760px){.nav ul{display:none}.burger{display:block}.nav .end{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}.js .rise{opacity:1;transform:none}.js h2.dusty,.js [data-dust]{color:var(--text)}}footer .game{color:var(--gold);text-decoration:none}footer .game:hover{color:var(--core)}html.rocket-cursor,html.rocket-cursor *{cursor:none}html.rocket-cursor input,html.rocket-cursor textarea,html.rocket-cursor select,html.rocket-cursor [contenteditable]{cursor:text}
