:root{--ink:#171a1c;--paper:#f5f3ed;--line:#d9d6cd;--green:#246a4a;--red:#b7493f;--blue:#397391;--yellow:#f0b84b;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}a{color:inherit}.site-header{height:72px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;font-weight:800}.brand img{display:block}.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;font-size:14px;font-weight:600}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{max-width:var(--max);min-height:620px;margin:auto;padding:58px 24px 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);align-items:center;gap:72px}.hero-copy{max-width:630px}.eyebrow{margin:0 0 18px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:1.6px}.hero h1{margin:0;font-family:Georgia,serif;font-size:clamp(48px,7vw,88px);font-weight:500;line-height:.98;letter-spacing:0}.lead{max-width:570px;margin:26px 0 30px;color:#51565a;font-size:19px;line-height:1.65}.primary-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;background:var(--ink);color:var(--white);border:1px solid var(--ink);border-radius:5px;text-decoration:none;font-size:14px;font-weight:750}.primary-button:hover{background:var(--green);border-color:var(--green)}.game-scene{position:relative;aspect-ratio:4/5;min-height:470px;overflow:hidden;background:#20332c;border:1px solid #10231c;border-radius:6px;box-shadow:14px 14px 0 #dfb457}.game-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:44px 44px}.moon{position:absolute;width:120px;height:120px;right:48px;top:44px;border-radius:50%;background:#f4d17a;box-shadow:0 0 0 18px #f4d17a15}.path{position:absolute;height:2px;background:#b9d6c8;transform-origin:left}.path-one{width:240px;left:68px;bottom:152px;transform:rotate(-25deg)}.path-two{width:155px;right:36px;bottom:230px;transform:rotate(54deg)}.player,.goal{position:absolute;width:30px;height:30px;border-radius:50%}.player{left:62px;bottom:130px;background:#e85d4a;border:7px solid #fff}.goal{right:62px;top:106px;background:#f4d17a;box-shadow:0 0 0 8px #f4d17a24}.scene-label{position:absolute;left:28px;bottom:25px;color:#dce8e1;font-family:Georgia,serif;font-size:18px}.games-section{padding:78px max(24px,calc((100vw - var(--max))/2));background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.section-heading h2,.about h2{margin:0;font-family:Georgia,serif;font-size:42px;font-weight:500}.section-heading>p{max-width:420px;margin:0;color:#686b6d;line-height:1.55}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff}.card-art{position:relative;height:220px;overflow:hidden;color:#fff}.card-green .card-art{background:#2c7655}.card-red .card-art{background:#ae4d43}.card-blue .card-art{background:#397591}.card-art:before,.card-art:after{content:"";position:absolute;border:2px solid #ffffff75;border-radius:50%}.card-art:before{width:170px;height:170px;right:-20px;top:-30px}.card-art:after{width:80px;height:80px;left:50px;bottom:-28px}.card-art span{position:absolute;left:20px;top:18px;font:700 13px ui-monospace,monospace}.card-art i{position:absolute;width:30px;height:30px;left:calc(50% - 15px);top:calc(50% - 15px);background:#fff;transform:rotate(45deg);box-shadow:42px 42px 0 #ffffff55,-42px 42px 0 #ffffff35}.card-body{padding:18px 19px 21px}.card-body p{margin:0 0 7px;color:#777;font-size:11px;font-weight:800;letter-spacing:1.2px}.card-body h3{margin:0 0 15px;font-family:Georgia,serif;font-size:24px;font-weight:500}.card-body span{color:#777;font-size:13px}.about{max-width:760px;margin:auto;padding:110px 24px;text-align:center}.about .eyebrow{margin-bottom:15px}.about>p:last-child{max-width:650px;margin:24px auto 0;color:#626669;font-size:17px;line-height:1.75}footer{max-width:var(--max);margin:auto;padding:26px 24px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#666;font-size:13px}.footer-brand{color:var(--ink);font-size:15px}.error-page{min-height:100vh;display:grid;place-items:center}.error-page main{max-width:620px;padding:48px 24px;text-align:center}.error-page h1{margin:8px 0 18px;font:500 clamp(42px,7vw,72px)/1 Georgia,serif}.error-page main>p:not(.eyebrow){color:#686b6d;line-height:1.65;margin-bottom:28px}.error-page .eyebrow{margin-top:22px}@media(max-width:820px){.hero{min-height:auto;grid-template-columns:1fr;gap:48px;padding-top:52px}.game-scene{width:min(100%,520px);min-height:0}.game-grid{grid-template-columns:1fr}.card-art{height:250px}.section-heading{display:block}.section-heading>p{margin-top:14px}.hero h1{font-size:clamp(46px,14vw,68px)}}@media(max-width:520px){.site-header{height:64px;padding:0 18px}.site-header nav{gap:16px}.hero{padding:42px 18px 60px}.game-scene{box-shadow:8px 8px 0 #dfb457}.games-section{padding:60px 18px}.section-heading h2,.about h2{font-size:35px}footer{display:block;padding:24px 18px 34px}footer p{margin-top:16px}}