@font-face{font-family:Fredoka;src:url('/Fredoka.ttf')}@font-face{font-family:Hindi;src:url('/NotoSansDevanagari.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf6ed;color:#173f3a;font:18px/1.7 system-ui,Hindi,sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#faf6edf5,#faf6edf4),url('/workshop.webp') center/cover}h1,h2,h3,.brand,.button{font-family:Fredoka,Hindi,system-ui,sans-serif}html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3,html[lang=hi] .brand,html[lang=hi] .button{font-family:Hindi,system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:24px}a{color:#155e58;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c27c36;outline-offset:4px}nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:17px 23px;background:#fffdf6ed;border:1px solid #d7c59e;border-radius:23px;box-shadow:0 5px 0 #dacbaa50;font-size:15px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;margin-right:auto;text-decoration:none}.brand img{width:42px;height:42px;border-radius:12px}h1{font-size:clamp(38px,5.3vw,66px);line-height:1.12;letter-spacing:-1.1px;margin:20px 0}h2{font-size:29px;line-height:1.35}h3{font-size:23px;margin:0 0 8px}p,li{max-width:72ch}.kicker{color:#6e785d;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;font-weight:700}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:center;padding:48px 0}.hero-art{width:100%;height:auto;max-height:650px;object-fit:cover;object-position:center bottom;border:1px solid #d2bd8d;border-radius:32px;box-shadow:0 16px 36px #193f3a18}.lede{font-size:21px;color:#4c655d}.button{display:inline-block;padding:13px 24px;border-radius:17px;background:linear-gradient(#2d7a70,#175c55);color:#fffdf6;text-decoration:none;border:2px solid #8aa99b;box-shadow:0 4px 0 #123f36;margin:10px 10px 10px 0}.button.secondary{background:#fffdf6;color:#175c55;border-color:#d9c9a8;box-shadow:0 4px 0 #b6a57e}.panel{padding:30px;border:1px solid #d7c59e;border-radius:25px;background:linear-gradient(135deg,#fffef9,#fff9ec);box-shadow:0 7px 20px #173f3a08;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.card{padding:25px;border:1px solid #d7c59e;border-radius:23px;background:#fffdf6;box-shadow:0 4px 0 #d5c8a950}.card p{margin:0}.meta,footer{font-size:14px;color:#62766a}footer{margin:45px 0 10px}footer nav{box-shadow:none;margin-top:20px}.screenshots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.screenshots figure{margin:0}.screenshots img{display:block;width:100%;height:auto;border:1px solid #d7c59e;border-radius:20px;box-shadow:0 8px 24px #173f3a12}.screenshots figcaption{font-family:Fredoka,Hindi,system-ui,sans-serif;text-align:center;margin:10px 0;font-size:18px}.article{max-width:860px;margin:44px auto}.article h1{font-size:clamp(35px,5vw,52px)}.article h2{margin-top:35px}.tags{display:flex;gap:10px;flex-wrap:wrap}.tag{background:#e0e8d4;border:1px solid #c7d1b8;border-radius:999px;padding:6px 13px;font-size:14px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;z-index:2}details{padding:15px 0;border-bottom:1px solid #ded3bd}summary{font-weight:700;cursor:pointer}@media(max-width:720px){main{padding:14px}nav{gap:14px;padding:14px}.brand{width:100%;font-size:20px}.hero{grid-template-columns:1fr;padding:28px 0;gap:24px}.hero-art{max-height:570px;object-fit:cover}.grid{grid-template-columns:1fr}.screenshots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel{padding:22px}.lede{font-size:19px}.article{margin:30px 6px}.article h1{letter-spacing:0}h1{letter-spacing:-.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}