*{box-sizing:border-box}body{margin:0;color:#1d302c;background:#f5f2e9;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}header,main,footer{width:min(1120px,calc(100% - 64px));margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ddd0}.brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:750;letter-spacing:-1px}.mark{display:grid;place-items:center;width:31px;height:36px;border-radius:10px;background:#263d34;color:#f4f1dd;font-size:30px;font-family:Georgia,serif}.section{font-size:14px;letter-spacing:0;font-weight:500;margin-left:8px;padding-left:18px;border-left:1px solid #b6c1b5}.parent{font-size:14px;padding:12px 0}.intro{padding:66px 0 40px}.eyebrow,.category{font-size:11px;letter-spacing:2px;font-weight:650}.eyebrow{color:#5c7165}h1{font-size:clamp(44px,6vw,74px);letter-spacing:-3px;line-height:1.08;margin:17px 0 20px;font-weight:650}.intro p{font-size:18px;line-height:1.65;color:#617267;margin:0}.games{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game{display:grid;grid-template-columns:1fr;overflow:hidden;border-radius:22px;border:1px solid #cad3c4;background:#e2e9d6;transition:transform .18s,border-color .18s}.game:hover{transform:translateY(-4px);border-color:#6a8775}.game:focus-visible,.parent:focus-visible,.brand:focus-visible{outline:3px solid #3b6b54;outline-offset:5px}.art{height:200px;align-content:center;justify-content:center}.word-grid{display:grid;grid-template-columns:repeat(5,50px);gap:7px;transform:rotate(-5deg)}.word-grid span{width:50px;height:52px;display:grid;place-items:center;background:#f7f5ea;border:1px solid #cad1c1;border-radius:6px;font-size:24px;font-weight:700;color:#576858;box-shadow:0 4px 0 #c7cfbd}.word-grid .green{background:#54785b;color:#fff;border-color:#54785b;box-shadow:0 4px 0 #3f5d44}.word-grid .yellow{background:#d3ae50;color:#fff;border-color:#d3ae50;box-shadow:0 4px 0 #ba9336}.game-copy{padding:27px 32px 30px;background:#edf1e6}.category{color:#596e5b;font-size:10px}h2{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:10px 0 14px;font-weight:650}.game-copy p{color:#526258;font-size:15px;line-height:1.7;margin:0 0 26px}.play{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:650;border-top:1px solid #cdd7c8;padding-top:20px}.play span{font-size:22px}.tetris{background:#e7d9c5;border-color:#d8ccba}.tetris .game-copy{background:#f0e7d9}.tetris .play{border-color:#d9cbbb}.tetris .category{color:#846b50}.blocks{position:relative;width:260px;justify-self:center;transform:rotate(6deg)}.pixel{position:absolute;width:34px;height:34px;left:var(--x);top:var(--y);border:4px solid #a78860;background:#bba078;box-shadow:inset 0 0 0 2px #ccb993}.p1{--x:46px;--y:63px}.p2{--x:82px;--y:63px}.p3{--x:82px;--y:99px}.p4{--x:118px;--y:99px}.p5{--x:154px;--y:135px}.p6{--x:190px;--y:135px}.p7{--x:190px;--y:99px}.p8{--x:190px;--y:63px}.p9{--x:154px;--y:27px}.note{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:#718071;margin:30px 0 62px}.note span{font-size:22px}footer{padding:24px 0 30px;border-top:1px solid #d8ddd0;display:flex;justify-content:space-between;font-size:12px;color:#788375}@media(max-width:650px){header,main,footer{width:calc(100% - 36px)}header{height:80px}.intro{padding:40px 0 28px}.intro p{font-size:16px}.games{grid-template-columns:1fr;gap:20px}.art{height:180px}.game-copy{padding:24px}.note{text-align:center;margin:28px 0 40px;line-height:1.6}footer{gap:20px;flex-wrap:wrap}.word-grid{grid-template-columns:repeat(5,44px);gap:6px}.word-grid span{width:44px;height:46px}}@media(prefers-reduced-motion:reduce){.game{transition:none}.game:hover{transform:none}}