@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css";:root{color-scheme:dark;--bg: #000000;--fg: #ffffff;--muted: rgba(255, 255, 255, .55);--faint: rgba(255, 255, 255, .32);--hair: rgba(255, 255, 255, .1);--hair-strong: rgba(255, 255, 255, .2);--pad: clamp(20px, 5vw, 90px);--mx: 50vw;--my: 40vh;--ease: cubic-bezier(.16, 1, .3, 1);--font-sans: "Space Grotesk", "Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Space Grotesk", "Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}img{display:block;max-width:100%}::selection{background:#fff;color:#000}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit;padding:0}.deck{position:relative;height:100vh;height:100dvh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;isolation:isolate}.deck::-webkit-scrollbar{display:none}.bg-grid,.bg-glow,.bg-spotlight,.bg-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bg-grid{background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 95% 75% at 50% 40%,#000 0%,transparent 80%);mask-image:radial-gradient(ellipse 95% 75% at 50% 40%,#000 0%,transparent 80%);opacity:.45}.bg-glow{background:radial-gradient(ellipse 55% 45% at 50% 0%,rgba(255,255,255,.07),transparent 70%)}.bg-spotlight{background:radial-gradient(440px circle at var(--mx) var(--my),rgba(255,255,255,.055),transparent 65%);transition:background .12s linear}.bg-grain{z-index:60;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px var(--pad)}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.02em;font-size:.92rem}.brand img{width:26px;height:26px;object-fit:contain}.nav{display:flex;gap:28px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.nav button,.nav a{color:var(--muted);text-decoration:none;transition:color .2s ease}.nav button:hover,.nav a:hover{color:var(--fg)}.nav-contact{position:relative;padding-left:28px}.nav-contact:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:var(--hair-strong)}.lang{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em}.lang span{color:var(--faint)}.lang button{color:var(--faint);transition:color .2s ease}.lang button.active,.lang button:hover{color:var(--fg)}.dots{position:fixed;right:clamp(16px,2.6vw,38px);top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:20px;align-items:flex-end}.dots button{display:flex;align-items:center;gap:12px}.dots button i{width:9px;height:9px;border-radius:50%;border:1px solid var(--hair-strong);transition:background .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}.dots button.active i{background:var(--fg);border-color:var(--fg);transform:scale(1.15)}.dot-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:0;transform:translate(8px);transition:opacity .3s ease,transform .3s ease}.dots button:hover .dot-label,.dots button.active .dot-label{opacity:1;transform:none}.panel{position:relative;z-index:1;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(84px,11vh,124px) var(--pad) clamp(52px,8vh,96px);overflow:hidden}.panel-inner{width:100%;max-width:1180px}.eyebrow{margin:0;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;color:var(--muted)}[data-anim]{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d, 0) * .1s)}.panel.is-active [data-anim]{opacity:1;transform:none}.panel-hero{text-align:center}.panel-hero .eyebrow{margin-bottom:clamp(18px,3vh,40px);padding-left:.34em;letter-spacing:.42em}.hero-mark{display:flex;flex-direction:column;align-items:center}.hero-logo{width:min(420px,44vw,44vh);filter:drop-shadow(0 0 60px rgba(255,255,255,.15));animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-wordmark{font-family:var(--font-mono);font-weight:400;font-size:clamp(.95rem,3vw,1.9rem);letter-spacing:.6em;margin-top:clamp(-6px,-.6vw,2px);padding-left:.6em}.hero-statement{margin-top:clamp(24px,4vh,52px);max-width:640px}.hero-statement h1{margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:600;letter-spacing:-.01em;line-height:1.2}.hero-statement p{margin:14px 0 0;color:var(--muted);font-size:clamp(.92rem,1.6vw,1.08rem)}.scroll-hint{position:absolute;bottom:clamp(26px,5vh,44px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:var(--faint);transition:color .2s ease}.scroll-hint:hover{color:var(--fg)}.scroll-hint i{width:1px;height:44px;background:linear-gradient(var(--hair-strong),transparent);position:relative;overflow:hidden}.scroll-hint i:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:var(--fg);animation:scrollDot 2.2s ease-in-out infinite}@keyframes scrollDot{0%{transform:translateY(-100%);opacity:0}40%{opacity:1}to{transform:translateY(250%);opacity:0}}.games-head{max-width:660px;margin-bottom:clamp(34px,5vh,60px)}.games-head h2{margin:16px 0 0;font-size:clamp(2.1rem,6.2vw,4.4rem);font-weight:600;line-height:1;letter-spacing:-.03em}.games-head h2 span{display:block}.games-head h2 span.soft{color:var(--faint)}.games-sub{margin:24px 0 0;max-width:460px;color:var(--muted);font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.6}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,26px)}.tile{position:relative;border:1px solid var(--hair);border-radius:6px;height:clamp(220px,34vh,360px);padding:clamp(22px,2.6vw,38px);overflow:hidden;background:linear-gradient(160deg,#ffffff09,#ffffff02);transition:border-color .5s var(--ease),transform .5s var(--ease),background .5s var(--ease)}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px circle at 50% 120%,rgba(255,255,255,.1),transparent 60%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}.tile:hover{border-color:var(--hair-strong);transform:translateY(-6px);background:linear-gradient(160deg,#ffffff12,#ffffff04)}.tile:hover:after{opacity:1}.tile-tag{position:relative;z-index:2;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.26em;color:var(--muted)}.tile-no{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:500;font-size:clamp(6rem,16vw,13rem);line-height:1;letter-spacing:-.04em;color:#ffffff0d;transition:color .5s var(--ease);pointer-events:none}.tile:hover .tile-no{color:#ffffff17}.tile-foot{position:absolute;left:clamp(22px,2.6vw,38px);right:clamp(22px,2.6vw,38px);bottom:clamp(22px,2.6vw,38px);z-index:2;display:flex;flex-direction:column;gap:14px}.tile-type{font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:500;letter-spacing:-.01em;color:var(--fg)}.tile-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tile-platform{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.tile-platform:before{content:"";width:1px;height:11px;background:var(--hair-strong)}.tile-status{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.tile-status .dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #ffffff73}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.tile-pulse{display:block;width:100%;height:40px;overflow:visible;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.tile-pulse path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ekg-base{stroke:#ffffff21;stroke-width:1.3;transition:stroke .5s var(--ease)}.ekg-beam{stroke:#fff;stroke-width:1.7;stroke-dasharray:13 87;stroke-dashoffset:0;filter:drop-shadow(0 0 5px rgba(255,255,255,.75));animation:beam var(--beat, 2.4s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes beam{to{stroke-dashoffset:-100}}.tile:hover .ekg-base{stroke:#ffffff38}.tile:hover .ekg-beam{stroke-width:2;filter:drop-shadow(0 0 8px rgba(255,255,255,.95))}.studio-inner{max-width:1080px}.panel-studio .eyebrow{display:flex;align-items:center;gap:12px}.panel-studio .eyebrow:before{content:"";width:28px;height:1px;background:var(--hair-strong)}.panel-studio h2{margin:22px 0 clamp(36px,6vh,60px);font-size:clamp(1.9rem,4.8vw,3.4rem);font-weight:600;line-height:1.1;letter-spacing:-.025em;max-width:17ch}.studio-body{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,4vw,56px);max-width:880px}.studio-body p{margin:0;color:var(--muted);font-size:clamp(.96rem,1.5vw,1.1rem);line-height:1.7}.studio-contact{margin-top:clamp(30px,5vh,56px);display:flex;flex-direction:column;gap:12px}.studio-contact span{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--faint)}.studio-contact a{width:fit-content;color:var(--fg);text-decoration:none;font-size:clamp(1.15rem,2.6vw,1.9rem);font-weight:500;letter-spacing:-.01em;padding-bottom:5px;border-bottom:1px solid var(--hair-strong);transition:border-color .25s var(--ease),opacity .25s var(--ease)}.studio-contact a:hover{border-color:var(--fg)}.deck-footer{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(26px,5vh,48px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-top:22px;border-top:1px solid var(--hair)}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:36px;height:36px;object-fit:contain;opacity:.9}.footer-brand strong{display:block;font-size:.98rem;font-weight:600}.footer-brand small{display:block;margin-top:3px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.footer-rights{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--faint)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important}.deck{scroll-behavior:auto}[data-anim]{opacity:1;transform:none;transition:none}}@media (max-width: 720px){.nav{display:none}.dots{right:14px;gap:16px}.dot-label{display:none}.panel{padding-left:var(--pad);padding-right:calc(var(--pad) + 18px)}.games-grid{grid-template-columns:1fr;gap:14px}.tile{height:clamp(150px,20vh,210px)}.tile-no{font-size:clamp(4.5rem,24vw,8rem)}.studio-body{grid-template-columns:1fr;gap:18px}.deck-footer{flex-direction:column;align-items:flex-start;gap:14px}.hero-wordmark{letter-spacing:.4em;padding-left:.4em}}@media (max-height: 680px) and (min-width: 721px){.tile{height:clamp(180px,30vh,260px)}}