:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}body,html{margin:0;padding:0;height:100%;width:100%;box-sizing:border-box}#root{margin:0 auto}:root{--font-body: "Baloo Bhaina 2", system-ui, sans-serif;--font-heading: "Gaegu", system-ui, sans-serif}body{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.App{width:100%;min-height:100vh}.App main{display:block;width:100%}.App .goo-filter{position:absolute;width:0;height:0}.HomePage{--content-height: 85vh;display:flex;flex-direction:column;width:100%}.ShowcaseRow{display:flex;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);width:100%;box-sizing:border-box;min-height:100vh;padding:3rem clamp(1.5rem,3vw,2.5rem);color:#fff;text-decoration:none}.ShowcaseRow .info{flex:0 1 auto;min-width:16rem;max-width:16rem;display:flex;flex-direction:column;gap:1.25rem}.ShowcaseRow .info h2,.ShowcaseRow .info .meta,.ShowcaseRow .info p{opacity:0;transform:translate(-3rem)}.ShowcaseRow .info h2{margin:0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.85;text-shadow:2px 2px rgba(0,0,0,.2);transition:opacity .5s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}.ShowcaseRow .info .meta{font-size:.95rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:opacity .6s ease .1s,transform .6s ease .1s}.ShowcaseRow .info .meta .sep{margin:0 .7em;opacity:.5}.ShowcaseRow .info p{margin:0;font-size:1.25rem;line-height:1.5;max-width:32ch;transition:opacity .6s ease .15s,transform .6s ease .15s}.ShowcaseRow .info.in-view h2,.ShowcaseRow .info.in-view .meta,.ShowcaseRow .info.in-view p{transform:translate(0)}.ShowcaseRow .info.in-view h2{opacity:1}.ShowcaseRow .info.in-view .meta{opacity:.7}.ShowcaseRow .info.in-view p{opacity:.85}.ShowcaseRow .media{flex:1 1 auto;align-self:stretch;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;min-width:0;min-height:60vh}.ShowcaseRow .maximize{display:flex;align-items:center;justify-content:center;padding:.35rem;color:inherit;font-size:1.25rem;background:none;border:none;cursor:pointer;opacity:.6;transition:opacity .2s ease}.ShowcaseRow .maximize:hover{opacity:1}.ShowcaseRow .media.fill>.PixelImage{align-self:stretch}.ShowcaseRow .media.cluster>.PixelImage{flex:0 1 16rem;width:16rem;height:min(55vh,20rem)}.ShowcaseRow.linked{cursor:pointer}.ShowcaseRow.maximized{flex-direction:column;align-items:stretch}.ShowcaseRow.maximized .info{min-width:0;max-width:none;width:100%}.ShowcaseRow.maximized .media{width:100%;height:94vh;min-height:94vh}@media(prefers-reduced-motion:reduce){.ShowcaseRow .info h2,.ShowcaseRow .info .meta,.ShowcaseRow .info p{opacity:1;transform:none;transition:none}}@media(max-width:800px){.ShowcaseRow{flex-direction:column;align-items:flex-start;gap:2.5rem;min-height:auto;padding:4rem clamp(1.5rem,6vw,4rem)}.ShowcaseRow .info{flex-basis:auto}.ShowcaseRow .media{width:100%}}.BlobButton{z-index:1;position:relative;align-self:flex-start;padding:.7em 1.4em;font-size:1.1rem;font-weight:700;border-radius:999px;color:var(--row-bg);transition:transform .25s cubic-bezier(.34,2.6,.5,1),padding .25s cubic-bezier(.34,2.6,.5,1)}.BlobButton:hover{transform:scale(1.15) rotate(-4deg);padding-inline:2em}.BlobButton:hover .content{animation:content-pop .45s ease-out forwards}.BlobButton:hover .arrow{animation-duration:.5s}.BlobButton .content{display:inline-block;transition:transform .25s cubic-bezier(.34,2.6,.5,1)}.BlobButton .arrow{margin-left:.9em;display:inline-block;animation:arrow-nudge 1.3s ease-in-out infinite}.BlobButton .blob-mask{z-index:-1;overflow:hidden;position:absolute;inset:0;border-radius:inherit}.BlobButton .blobs{position:relative;display:block;height:100%;filter:url(#goo)}.BlobButton .blob{position:absolute;top:0;width:25%;height:100%;background:var(--row-fg, #fff);border-radius:100%;transform:translate3d(0,150%,0) scale(1.7);transition:transform .45s}@supports (filter: url(#goo)){.BlobButton .blob{transform:translate3d(0,150%,0) scale(1.4)}}.BlobButton .blob:nth-child(1){left:0%;transition-delay:0s}.BlobButton .blob:nth-child(2){left:30%;transition-delay:.08s}.BlobButton .blob:nth-child(3){left:60%;transition-delay:.16s}.BlobButton .blob:nth-child(4){left:90%;transition-delay:.24s}.BlobButton.revealed .blob{transform:translateZ(0) scale(1.7)}@supports (filter: url(#goo)){.BlobButton.revealed .blob{transform:translateZ(0) scale(1.4)}}@keyframes arrow-nudge{0%,to{transform:translate(0) scale(1)}20%{transform:translate(.35em) scale(1.3,.8)}30%{transform:translate(.45em) scale(.85,1.2)}}@keyframes content-pop{0%{transform:scale(1)}15%{transform:scale(.8)}55%{transform:scale(1.28)}to{transform:scale(1.2)}}.PixelImage{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.PixelImage .frame{position:relative}.PixelImage img{display:block;image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%}.PixelImage .corner{position:absolute;top:100%;right:0;margin-top:.25rem}.PixelImage.cover .frame{display:flex;align-items:center;justify-content:center;overflow:hidden}.PixelImage.cover img{max-width:none}.PixelImage.cover .corner{top:auto;right:.25rem;bottom:.25rem;margin-top:0}.PixelGrid{display:grid;width:min(100%,calc((var(--content-height, 100vh) - 6rem) * 4 / 3));aspect-ratio:4 / 3;gap:1rem;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.PixelGrid .cell{overflow:hidden;border-radius:.75rem}.GameGallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;width:100%;max-width:40rem;margin:0 auto}.GameGallery img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:.6rem}.GameGallery img:only-child{grid-column:1 / -1;aspect-ratio:16 / 10}.Header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem clamp(1rem,4vw,3rem);background:#141418e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);transition:transform .3s ease,opacity .3s ease}.Header.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.Header h1{margin:0;font-size:1.75rem;text-align:center}.Header h1 a{color:#fff;text-decoration:none}.Header .contact{justify-self:start;display:inline-flex;align-items:center;gap:.5rem;color:#fffc;text-decoration:none;font-size:1rem}.Header .contact svg{display:block;transform:translateY(-.125em)}.Header .contact:hover{color:#fff}.Header .socials{justify-self:end;display:inline-flex;align-items:center;gap:1.25rem}.Header .socials a{color:#ffffffb3;transition:color .15s ease}.Header .socials a:hover{color:#fff}@media(max-width:600px){.Header .contact span{display:none}}