@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Playfair+Display:ital,wght@0,500;0,700;1,500;1,700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink:#182038;--paper:#f7f3ea;--coral:#ff765b;--sun:#ffc83d;--mint:#a6e3c0;--blue:#6ec5e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Space Grotesk,sans-serif}main,footer{max-width:1180px;margin:auto;padding-inline:32px}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font:700 1.55rem DM Mono,monospace;text-decoration:none;letter-spacing:-.14em}.brand span{color:var(--coral)}.nav-links{display:flex;gap:26px}.nav-links a{color:inherit;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--coral)}.hero{min-height:560px;padding:88px 8% 100px;position:relative;overflow:hidden;border-bottom:1px solid #ddd6c8}.eyebrow,.tag{margin:0 0 16px;color:#5d6170;font:.72rem DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:-.06em;line-height:.95}h1{max-width:700px;font-size:clamp(4rem,10vw,8.5rem)}h1 em,h2 em{font-family:Playfair Display,serif;font-weight:500}.hero-copy{max-width:405px;margin:30px 0;font-size:1.1rem;line-height:1.5}.button{display:inline-flex;gap:20px;align-items:center;padding:15px 20px;color:var(--ink);background:var(--sun);border:2px solid var(--ink);border-radius:99px;box-shadow:4px 4px 0 var(--ink);font-weight:700;text-decoration:none}.button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.orbit{position:absolute;z-index:-1;border:2px solid var(--ink);border-radius:50%;opacity:.14}.orbit-one{width:570px;height:570px;right:-160px;top:22px}.orbit-two{width:380px;height:380px;right:-65px;top:115px}.games{padding:110px 0}.section-heading{margin-bottom:35px}.section-heading h2,.about h2{font-size:clamp(3rem,6vw,5rem)}.game-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.game-card{overflow:hidden;background:#fff;border:2px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink)}.card-art{position:relative;min-height:200px;display:grid;place-items:center;overflow:hidden}.card-body{padding:25px}.card-body h3{font-size:2rem}.card-body p:not(.tag){margin:14px 0 0;line-height:1.45}.catcher-art{background:var(--ink);color:var(--sun);font-size:4rem}.ship{transform:rotate(-18deg);color:var(--mint)}.spark{position:absolute;font-size:2.2rem}.spark-a{top:23%;left:17%}.spark-b{bottom:18%;right:19%;color:var(--coral)}.maze-art{background:var(--mint);font-size:5rem}.python-art{background:var(--blue);font-size:5rem}.text-button{margin-top:22px;padding:0;color:var(--ink);background:none;border:0;cursor:pointer;font:700 1rem inherit}.text-button:hover{color:var(--coral)}.about{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:28px;padding:100px 8%;background:var(--coral);border-radius:26px 26px 0 0}.about p:last-child{margin:10px 0 0;line-height:1.55;font-size:1.06rem}footer{display:flex;justify-content:space-between;padding-block:24px;font:.75rem DM Mono,monospace}footer span{color:#5d6170}dialog{width:min(700px,calc(100% - 30px));padding:0;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--ink)}dialog::backdrop{background:#182038bb}.dialog-shell{padding:32px;position:relative}.close{position:absolute;top:14px;right:17px;border:0;background:none;font-size:2rem;cursor:pointer}.dialog-shell h2{font-size:clamp(2.4rem,6vw,4rem)}.scoreboard{display:flex;justify-content:space-between;margin:26px 0 10px;font:.9rem DM Mono,monospace}.scoreboard strong{font-size:1.3rem}#game-message{min-height:24px}#game-board{position:relative;height:310px;border:2px solid var(--ink);border-radius:12px;background:var(--ink);overflow:hidden}#game-board>button:not(.star){position:absolute;top:50%;left:50%;padding:13px 18px;border:2px solid var(--paper);border-radius:99px;color:var(--ink);background:var(--sun);font:700 1rem inherit;cursor:pointer;transform:translate(-50%,-50%)}.star{position:absolute;padding:0;color:var(--sun);background:none;border:0;font-size:2.5rem;cursor:pointer;animation:pop .2s ease-out}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:760px){main,footer{padding-inline:18px}.hero{min-height:500px;padding:65px 4% 80px}.game-grid,.about{grid-template-columns:1fr}.about{padding:60px 8%}.about p:last-child{margin:0}.nav-links{gap:16px}footer{gap:15px;flex-direction:column}}