:root{--paper:#f7f5ee;--ink:#262b28;--muted:#60695f;--line:#d8dcd0;--accent:#dbe9b6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:7px;outline:3px solid #4c7049}a:hover .arrow{transform:translate(4px,-4px)}.wrap{max-width:1200px;margin:auto;padding:0 48px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;gap:12px;font-size:21px;font-weight:800;display:flex}.mark{object-fit:contain;width:40px;height:40px}nav{gap:30px;font-size:14px;display:flex}nav a:hover,footer a:hover{text-underline-offset:5px;text-decoration:underline}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;min-height:510px;padding:62px 0;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:2px;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.dot{background:#70894d;border-radius:50%;width:7px;height:7px;display:inline-block}h1{letter-spacing:-7px;margin:28px 0;font-size:clamp(60px,7.8vw,106px);font-weight:800;line-height:.95}h1 span{display:block}.intro{max-width:400px;color:var(--muted);font-size:18px;line-height:1.6}.portrait{background:var(--accent);border-radius:50% 50% 48% 48%;justify-self:center;place-items:center;width:100%;max-width:350px;height:350px;display:grid;position:relative}.portrait img{object-fit:contain;width:92%;height:92%;image-rendering:pixelated}.portrait:after{content:"KELEV GAMES";letter-spacing:3px;font-size:9px;font-weight:700;position:absolute;bottom:18px}.section-label{border-bottom:1px solid var(--line);letter-spacing:1.5px;text-transform:uppercase;justify-content:space-between;align-items:center;padding:20px 0;font-size:11px;display:flex}.game{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr auto 36px;align-items:center;gap:20px;padding:29px 0;display:grid}.number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.game h2{letter-spacing:-1px;margin:0;font-size:clamp(23px,3vw,36px)}.status{border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:7px 12px;font-size:11px}.arrow{font-size:26px;transition:transform .2s}.game:hover{background:#eeefe5}.contact{justify-content:space-between;align-items:center;gap:30px;padding:76px 0;display:flex}.contact h2{letter-spacing:-1.8px;margin:0 0 12px;font-size:38px}.contact p{color:var(--muted);margin:0}.button{background:var(--ink);color:var(--paper);border-radius:4px;align-items:center;gap:25px;padding:18px 22px;font-size:14px;display:inline-flex}.button:hover{background:#445340}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:28px 0;font-size:12px;display:flex}.soon .hero{min-height:calc(100svh - 200px)}.soon h1{letter-spacing:-5px;font-size:clamp(58px,7.7vw,100px)}.soon .intro{margin-bottom:32px}.spooky{--paper:#f1eef6;--ink:#30263f;--muted:#726780;--line:#dad3e3;--accent:#d9c7f0}.duck{--paper:#faf5e8;--ink:#373c2b;--muted:#71745e;--line:#dfdeca;--accent:#f2d57b}.soon-label{border:1px solid var(--line);letter-spacing:.4px;border-radius:20px;margin-bottom:20px;padding:9px 13px;font-size:12px;display:inline-block}.skip{background:var(--ink);color:#fff;padding:15px;position:absolute;top:-100px;left:20px}.skip:focus{z-index:2;top:15px}@media (max-width:700px){.wrap{padding:0 24px}header{height:86px}nav{gap:20px}h1{letter-spacing:-4px}.hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding:48px 0}.portrait{grid-row:2;width:230px;height:230px}.intro{font-size:17px}.game{grid-template-columns:28px 1fr 24px;gap:12px;padding:26px 0}.status{grid-area:2/2;justify-self:start}.game .arrow{grid-area:1/3}.contact{flex-direction:column;align-items:flex-start;padding:55px 0}.contact h2{font-size:32px}footer{flex-wrap:wrap;line-height:1.6}.soon .hero{min-height:auto;padding:65px 0}.soon h1{letter-spacing:-3px}.soon footer{margin-top:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arrow{transition:none}}