:root{--espresso:#0d0705;--roast:#2a1810;--caramel:#d08a48;--caramel-hi:#e8a663;--crema:#f3dfc1;--milk:#fbf4ea;--text:#f1e6d8;--muted:#b8a593;--line:#f3dfc124;--line-strong:#f3dfc147;--glass:#140b0794;--glass-hi:#24150db8;--serif:"Fraunces", Georgia, serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--radius:16px;--gutter:clamp(16px, 4vw, 48px);--max:1200px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--espresso);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}::selection{background:var(--caramel);color:var(--espresso)}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--caramel-hi);outline-offset:3px}.bg-canvas{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}.bg-canvas--fallback{background:radial-gradient(60% 50% at 30% 30%, #4a2a17 0%, transparent 70%), radial-gradient(50% 50% at 75% 70%, #3a2010 0%, transparent 70%), var(--espresso)}.page{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative}.nav-wrap{z-index:10;padding:14px var(--gutter) 0;position:sticky;top:0}.nav{max-width:var(--max);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px)saturate(140%);background:#0d07058c;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;padding:10px 14px 10px 22px;display:grid;box-shadow:0 12px 40px -16px #000c}.logo{font-family:var(--mono);letter-spacing:-.01em;justify-self:start;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.logo svg{width:34px;height:34px}.logo__sep{color:var(--caramel);animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.nav__links{gap:clamp(8px,4vw,56px);display:flex}.nav__links a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav__links a:hover{color:var(--milk);background:#f3dfc114}.main{width:100%;max-width:var(--max);padding:0 var(--gutter) clamp(80px, 10vw, 120px);flex:1;margin:0 auto}.section{padding-top:clamp(64px,9vw,110px)}.section__label{font-family:var(--serif);letter-spacing:-.025em;color:var(--milk);text-shadow:0 2px 24px #0d0705e6;margin:0 0 24px;font-size:clamp(34px,5vw,56px);font-weight:400;line-height:1.05}.about{border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);padding:clamp(22px,3.5vw,36px)}.about p{color:var(--text);margin:0 0 16px}.about p:first-child{color:var(--milk);font-size:clamp(18px,1.9vw,21px)}.about p:last-child{margin-bottom:0}.filters{flex-wrap:wrap;gap:14px;margin-bottom:36px;display:flex}.filter{font:500 15px var(--sans);color:var(--text);border:1px solid var(--line-strong);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0d070580;border-radius:10px;padding:9px 24px;transition:color .2s,background .2s,border-color .2s}.filter:hover{border-color:var(--crema)}.filter--on{color:var(--espresso);background:var(--crema);border-color:var(--crema)}.grid{grid-template-columns:repeat(3,1fr);gap:clamp(20px,5vw,64px);display:grid}.card{border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);animation:.5s both card-in;animation-delay:var(--d,0s);flex-direction:column;text-decoration:none;transition:transform .25s,border-color .25s,background .25s;display:flex;overflow:hidden}a.card:hover{background:var(--glass-hi);border-color:#d08a488c;transform:translateY(-4px)}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}}.card__img{aspect-ratio:5/2;object-fit:cover;border-bottom:1px solid var(--line);width:100%;display:block}.card__img--generated{font-family:var(--mono);color:var(--crema);background:radial-gradient(70% 90% at 25% 20%,#e8a6638c,#0000 60%),radial-gradient(60% 80% at 85% 90%,#f3dfc140,#0000 60%),linear-gradient(135deg,#3a2010,#170c07);place-items:center;font-size:22px;display:grid}.card__img--games{background:radial-gradient(70% 90% at 80% 15%,#e8a66380,#0000 60%),radial-gradient(60% 80% at 15% 90%,#9f785066,#0000 60%),linear-gradient(225deg,#3a2010,#170c07)}.card__img--platforms{background:radial-gradient(80% 80% at 50% 0,#e8a66373,#0000 65%),linear-gradient(#2e190d,#120905)}.card__img--generated span{transition:transform .35s}a.card:hover .card__img--generated span{transform:scale(1.12)}.card__body{padding:18px 20px 26px}.card__title{font-family:var(--serif);color:var(--milk);margin:0 0 8px;font-size:24px;font-weight:500;line-height:1.2}.card__desc{color:var(--muted);margin:0;font-size:15px}.card__tags{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.tag{font:600 12px/1 var(--mono);letter-spacing:.04em;color:var(--caramel-hi);background:#d08a481f;border:1px solid #e8a66366;border-radius:999px;padding:6px 10px}.footer{border-top:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);background:#0d070599}.footer__inner{max-width:var(--max);padding:32px var(--gutter);text-align:center;color:var(--muted);margin:0 auto;font-size:14px}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:none}@media (width<=960px){.grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=640px){body{font-size:16px}.nav{grid-template-columns:auto 1fr;padding:8px 8px 8px 14px}.nav__spacer{display:none}.nav__links{justify-self:end;gap:2px}.nav__links a{padding:8px 10px;font-size:14px}.logo{gap:0;font-size:0}.logo svg{width:32px;height:32px}.grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}