@font-face{font-family:Dreamer TM;src:url(/fonts/DreamerTM-Regular.woff2)format("woff2"),url(/fonts/DreamerTM-Regular.woff)format("woff"),url(/fonts/DreamerTM-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Minecraft;src:url(/fonts/Minecraft.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--cream:#faf6ec;--cream-2:#f2ead7;--navy:#1a3d65;--navy-soft:#4a6486;--pink:#e88fb8;--lavender:#b6a1e0;--teal:#4a7a8c;--line:#1a3d6524;--display:"Dreamer TM", "Silkscreen", cursive;--headline:"Helvetica Neue", Helvetica, Arial, sans-serif;--pixel:"Pixelify Sans", "Silkscreen", sans-serif;--mono-pixel:"Minecraft", "Press Start 2P", monospace;--body:"Helvetica Neue", Helvetica, Arial, sans-serif}#root{text-align:left;border-inline:none;width:100%;max-width:none;min-height:100%;margin:0}.loading-overlay{z-index:9999;background:var(--cream);opacity:1;pointer-events:all;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100vw;height:100vh;transition:opacity .5s ease-out;display:flex;position:fixed;inset:0}.loading-overlay.loading-fading{opacity:0;pointer-events:none}.loading-cat{width:auto;height:120px;image-rendering:pixelated;image-rendering:crisp-edges;transform-origin:bottom;animation:.5s ease-in-out infinite alternate cat-wiggle}@keyframes cat-wiggle{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.loading-text{font-family:var(--mono-pixel);color:var(--navy);letter-spacing:.15em;font-size:clamp(.85rem,2vw,1.1rem)}@media (prefers-reduced-motion:reduce){.loading-cat{animation:none;transform:none}.loading-overlay{transition:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--navy);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7;overflow-x:hidden}.site{position:relative}.site:before{content:"";pointer-events:none;z-index:0;opacity:.55;background-image:radial-gradient(#1a3d6512 1px,#0000 1px);background-size:26px 26px;position:fixed;inset:0}a{color:inherit;cursor:pointer;text-decoration:none}img{max-width:100%;display:block}section{z-index:1;position:relative}.wrap{max-width:1180px;margin:0 auto;padding:0 6vw}::selection{background:var(--pink);color:#fff}.nav{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#faf6ecbf;justify-content:space-between;align-items:center;padding:1.1rem 6vw;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--display);color:var(--navy);align-items:center;gap:.5rem;font-size:1.55rem;display:flex}.nav-logo img{object-fit:contain;width:26px;height:26px;image-rendering:pixelated}.nav-logo span{white-space:nowrap;padding-left:.35rem}.nav-links{font-family:var(--pixel);letter-spacing:.03em;gap:1.9rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.nav-links a{padding-bottom:3px;position:relative}.nav-links a:after{content:"";background:var(--pink);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.nav-links a:hover:after{width:100%}@media (width<=720px){.nav-links{gap:1rem;font-size:.68rem}}@media (width<=640px){.nav{flex-direction:column;align-items:flex-start;gap:.7rem;padding:1rem 6vw}.nav-logo{font-size:1.3rem}.nav-links{flex-wrap:wrap;row-gap:.5rem}}.hero{z-index:1;padding-top:5.5rem;padding-bottom:3rem;position:relative}@media (width<=640px){.hero{padding-top:2.4rem}}.eyebrow{font-family:var(--pixel);letter-spacing:.06em;color:var(--teal);align-items:center;gap:.6rem;margin-bottom:1.6rem;font-size:.85rem;display:flex}.eyebrow:before{content:"◆";color:var(--pink);font-size:.6rem}.headline{font-family:var(--headline);letter-spacing:-.01em;max-width:880px;color:var(--navy);margin:0 0 1rem;font-size:clamp(2.2rem,5.2vw,3.6rem);font-weight:700;line-height:1.15}.hero-typed{font-family:var(--headline);color:var(--navy-soft);max-width:560px;min-height:1.5em;margin:0 0 1.2rem;font-size:1.05rem;font-weight:400}.type-cursor{opacity:1;margin-left:1px;display:inline-block}.type-cursor.blink{animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{50%{opacity:0}}.hero-story{font-family:var(--headline);color:var(--navy-soft);max-width:620px;margin:0 0 2.1rem;font-size:1.05rem;font-weight:400}@media (prefers-reduced-motion:reduce){.type-cursor.blink{animation:none}}.headline a{color:var(--pink);border-bottom:3px solid #e88fb866;transition:border-color .2s,color .2s}.headline a:hover{border-color:var(--pink);color:#c85f95}.hero-sub{max-width:560px;color:var(--navy-soft);margin-bottom:2.1rem;font-size:1.05rem}.btn-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.btn{font-family:var(--pixel);letter-spacing:.03em;border:2px solid var(--navy);background:var(--navy);color:var(--cream);cursor:pointer;border-radius:999px;padding:.85rem 1.5rem;font-size:.85rem;transition:transform .15s,background .2s}.btn:hover{background:#122a48;transform:translateY(-2px)}.btn.ghost{color:var(--navy);background:0 0}.btn.ghost:hover{background:var(--navy);color:var(--cream)}.hero-visual{min-height:460px;position:relative}.float-tag{font-family:var(--pixel);white-space:nowrap;background:var(--navy);color:var(--cream);opacity:0;pointer-events:none;border-radius:8px;padding:.25rem .6rem;font-size:.72rem;transition:opacity .2s;position:absolute;bottom:-1.9rem;left:50%;transform:translate(-50%)}.concept-room{display:block}.room-card{will-change:transform;transition:transform .12s ease-out;position:relative}.room-card img{width:100%;image-rendering:pixelated;display:block}.room-dot{background:var(--pink);border:3px solid var(--cream);cursor:pointer;border-radius:50%;width:16px;height:16px;animation:2.2s ease-in-out infinite pulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 #e88fb899}@keyframes pulse{0%{box-shadow:0 0 #e88fb88c}70%{box-shadow:0 0 0 12px #e88fb800}to{box-shadow:0 0 #e88fb800}}.room-dot .float-tag{top:-2.1rem;bottom:auto}.room-dot:hover .float-tag{opacity:1}.room-caption{text-align:center;font-family:var(--pixel);color:var(--navy-soft);margin-top:1rem;font-size:.78rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.sec-eyebrow{font-family:var(--mono-pixel);letter-spacing:.08em;color:var(--pink);margin-bottom:.7rem;font-size:.62rem}.sec-title{font-family:var(--headline);color:var(--navy);margin:0 0 2.4rem;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:700}.process{border-top:1px solid var(--line);padding:5rem 0}.process-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (width<=900px){.process-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.process-grid{grid-template-columns:1fr}}.process-item .num{font-family:var(--mono-pixel);color:var(--pink);margin-bottom:.8rem;font-size:.75rem;display:block}.process-item h3{font-family:var(--pixel);margin:0 0 .5rem;font-size:1.02rem}.process-item p{color:var(--navy-soft);margin:0;font-size:.94rem}.about{border-top:1px solid var(--line);padding:5rem 0}.about-grid{grid-template-columns:280px 1fr;align-items:start;gap:3.5rem;display:grid}@media (width<=760px){.about-grid{grid-template-columns:1fr}}.about-photo{border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 20px 40px -18px #1a3d654d}.about-photo img{image-rendering:auto;width:100%}.about-bio{color:var(--navy-soft);margin-bottom:1.6rem;font-size:1.05rem}.chip-row{flex-wrap:wrap;gap:.6rem;display:flex}.chip{font-family:var(--pixel);background:var(--cream-2);border:1px solid var(--line);color:var(--navy);border-radius:999px;padding:.5rem .9rem;font-size:.76rem;transition:background .2s,transform .2s}.chip:hover{background:var(--lavender);color:#fff;transform:translateY(-2px)}.projects{border-top:1px solid var(--line);padding:5rem 0}.proj-grid{grid-template-columns:repeat(3,1fr);gap:1.8rem;display:grid}@media (width<=900px){.proj-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.proj-grid{grid-template-columns:1fr}}.proj-card{border:1px solid var(--line);background:#fff;border-radius:20px;transition:transform .25s,box-shadow .25s;overflow:hidden}.proj-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -20px #1a3d6559}.proj-img{background:var(--cream-2);justify-content:center;align-items:center;height:150px;display:flex;overflow:hidden}.proj-img img{object-fit:cover;image-rendering:auto;width:100%;height:100%}.proj-body{padding:1.3rem}.proj-label{font-family:var(--mono-pixel);color:var(--teal);letter-spacing:.05em;font-size:.58rem}.proj-title{font-family:var(--pixel);margin:.5rem 0;font-size:1.05rem}.proj-desc{color:var(--navy-soft);margin-bottom:1rem;font-size:.92rem}.proj-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.proj-tags span{font-size:.68rem;font-family:var(--pixel);background:var(--cream-2);border-radius:8px;padding:.25rem .55rem}.proj-links a{font-family:var(--pixel);color:var(--pink);margin-right:1rem;font-size:.75rem}.proj-links a:hover{text-decoration:underline}.proj-play-btn{font-family:var(--pixel);letter-spacing:.02em;background:var(--navy);color:var(--cream);cursor:pointer;border:none;border-radius:999px;margin-right:1rem;padding:.45rem .95rem;font-size:.75rem;transition:transform .15s,background .2s}.proj-play-btn:hover{background:#122a48;transform:translateY(-1px)}.game-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a3d658c;justify-content:center;align-items:center;padding:3vh 3vw;display:flex;position:fixed;inset:0}.game-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(900px,94vw);height:min(650px,88vh);display:flex;overflow:hidden;box-shadow:0 40px 80px -20px #00000080}.game-modal-bar{background:var(--navy);color:var(--cream);font-family:var(--pixel);justify-content:space-between;align-items:center;padding:.7rem 1.1rem;font-size:.85rem;display:flex}.game-modal-close{color:var(--cream);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1rem;line-height:1}.game-modal-close:hover{color:var(--pink)}.game-modal-frame{border:none;flex:1;width:100%}.blog{border-top:1px solid var(--line);padding:5rem 0}.blog-grid{grid-template-columns:1fr 1fr;gap:1.8rem;display:grid}@media (width<=700px){.blog-grid{grid-template-columns:1fr}}.blog-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;padding:1.6rem;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 34px -18px #1a3d654d}.blog-date{font-family:var(--mono-pixel);color:var(--teal);font-size:.58rem}.blog-title{font-family:var(--pixel);margin:.6rem 0;font-size:1.1rem}.blog-excerpt{color:var(--navy-soft);margin-bottom:.9rem;font-size:.94rem}.blog-body{border-top:1px dashed var(--line);color:var(--navy-soft);margin-top:1rem;padding-top:1rem;font-size:.94rem}.blog-body p{margin:0 0 .9rem}.blog-more{font-family:var(--pixel);color:var(--pink);font-size:.75rem}.news{border-top:1px solid var(--line);padding:5rem 0}.news-list{flex-direction:column;display:flex}.news-item{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr;gap:1.5rem;padding:1.4rem 0;display:grid}@media (width<=640px){.news-item{grid-template-columns:1fr;gap:.3rem}}.news-role{font-family:var(--pixel);font-size:.96rem}.news-org{font-family:var(--mono-pixel);color:var(--teal);margin-top:.4rem;font-size:.56rem;display:block}.news-desc{color:var(--navy-soft);margin:0;font-size:.92rem}.contact{border-top:1px solid var(--line);text-align:center;padding:6rem 0 4rem}.contact .sec-title{margin:0 auto 1.2rem}.contact p.lead{max-width:520px;color:var(--navy-soft);margin:0 auto 2.2rem}.contact-email{font-family:var(--pixel);color:var(--pink);border-bottom:3px solid #e88fb859;margin-bottom:2rem;font-size:clamp(1.4rem,4vw,2.1rem);display:inline-block}.contact-email:hover{border-color:var(--pink)}.social-row{font-family:var(--pixel);flex-wrap:wrap;justify-content:center;gap:1.6rem;margin-bottom:3rem;font-size:.85rem;display:flex}.social-row a{align-items:center;gap:.4rem;display:flex}.social-row img{width:20px;height:20px}.footer-bottom{font-family:var(--mono-pixel);color:var(--navy-soft);font-size:.6rem}.cat-corner{opacity:.85;width:44px;image-rendering:pixelated;z-index:20;pointer-events:none;position:fixed;bottom:22px;right:22px}@media (width<=600px){.cat-corner{display:none}}