:root{--black:#000000;--white:#ffffff;--off-white:#e8e8e0;--muted:#888880;--dimmed:#444440;--border:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.22);--accent:#c8281e;--card-bg:rgba(255,255,255,0.03);--card-bg-h:rgba(255,255,255,0.055);--font-display:'Unbounded',sans-serif;--font-body:'Outfit',sans-serif;--font-mono:'Space Mono',monospace;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:var(--font-body);background:var(--black);color:var(--off-white);line-height:1.65;overflow-x:hidden;}.container{max-width:1200px;margin:0 auto;padding:0 32px;}.mono{font-family:var(--font-mono);}em{font-style:italic;color:var(--white);}.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px;animation:grain-shift 0.5s steps(1) infinite;}@keyframes grain-shift{0%{transform:translate(0,0);}10%{transform:translate(-2%,-3%);}20%{transform:translate(3%,1%);}30%{transform:translate(-1%,4%);}40%{transform:translate(4%,-2%);}50%{transform:translate(-3%,2%);}60%{transform:translate(2%,-4%);}70%{transform:translate(-4%,3%);}80%{transform:translate(1%,-1%);}90%{transform:translate(-2%,4%);}100%{transform:translate(2%,-3%);}}.reveal{opacity:0;transform:translateY(36px);transition:opacity 0.8s var(--ease-out),transform 0.8s var(--ease-out);}.reveal.visible{opacity:1;transform:translateY(0);}[data-delay="100"].reveal{transition-delay:0.1s;}[data-delay="200"].reveal{transition-delay:0.2s;}[data-delay="300"].reveal{transition-delay:0.3s;}.navbar{position:fixed;top:0;left:0;right:0;z-index:200;padding:0;transition:background 0.4s var(--ease-out),border-color 0.4s;border-bottom:1px solid transparent;}.navbar{z-index:9999;}.nav-toggle{z-index:10001;}.nav-menu{z-index:10000;}.navbar{z-index:99999 !important;}.nav-toggle{z-index:100000 !important;position:relative;}.nav-menu{z-index:99998 !important;}.grain,.hero-bg-lines,.hero-glow{pointer-events:none !important;}.navbar.scrolled{background:rgba(0,0,0,0.95);border-bottom:1px solid rgba(255,255,255,0.08);}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:68px;}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:0.08em;}.nav-logo{width:32px;height:32px;object-fit:contain;border-radius:6px;border:1px solid var(--border);opacity:0.9;}.nav-menu{display:flex;list-style:none;gap:40px;align-items:center;}.nav-menu a{color:var(--muted);text-decoration:none;font-size:12px;font-family:var(--font-display);font-weight:400;letter-spacing:0.1em;text-transform:uppercase;position:relative;transition:color 0.3s;}.nav-menu a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--white);transition:width 0.35s var(--ease-out);}.nav-menu a:hover,.nav-menu a.active{color:var(--white);}.nav-menu a:hover::after,.nav-menu a.active::after{width:100%;}.nav-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:6px;}.nav-toggle span{display:block;width:24px;height:1px;background:var(--white);transition:transform 0.3s var(--ease-out),opacity 0.3s;}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg);}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:4px;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;transition:all 0.35s var(--ease-out);cursor:pointer;border:none;position:relative;overflow:hidden;}.btn svg{width:16px;height:16px;transition:transform 0.3s var(--ease-out);flex-shrink:0;}.btn:hover svg{transform:translateX(4px);}.btn-primary{background:var(--white);color:var(--black);}.btn-primary::before{content:'';position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 0.4s var(--ease-out);z-index:0;}.btn-primary span,.btn-primary svg{position:relative;z-index:1;}.btn-primary:hover{color:var(--white);}.btn-primary:hover::before{transform:scaleX(1);}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border);}.btn-ghost:hover{color:var(--white);border-color:var(--border-hover);background:var(--card-bg);}.btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.25);}.btn-outline:hover{background:var(--white);color:var(--black);border-color:var(--white);}.section-label{margin-bottom:64px;}.section-index{font-size:11px;color:var(--dimmed);letter-spacing:0.2em;display:block;margin-bottom:16px;}.section-title{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:700;letter-spacing:-0.02em;line-height:1.1;color:var(--white);}.section-sub{margin-top:12px;font-size:15px;color:var(--muted);font-weight:300;}.divider-line{width:48px;height:1px;background:rgba(255,255,255,0.2);margin:28px 0;}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 0 80px;position:relative;overflow:hidden;}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;}.hero-logo-wrap{position:relative;margin-bottom:30px;transform:none !important;z-index:1;display:flex;align-items:center;justify-content:center;}.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(200,40,30,0.12) 0%,rgba(200,40,30,0.04) 45%,transparent 70%);animation:glow-pulse 4s ease-in-out infinite;pointer-events:none;}@keyframes glow-pulse{0%,100%{transform:scale(1);opacity:0.8;}50%{transform:scale(1.06);opacity:1;}}.hero-logo-img{width:clamp(120px,28vw,260px);max-width:90%;opacity:0.92;display:block;filter:drop-shadow(0 0 40px rgba(255,255,255,0.06));}.hero-content{z-index:2;max-width:720px;}.hero-eyebrow{display:block;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:0.2em;margin-bottom:20px;}.hero-title{font-family:var(--font-display);font-weight:900;line-height:0.92;letter-spacing:-0.04em;margin-bottom:18px;color:var(--white);}.hero-title .line{display:block;font-size:clamp(64px,10vw,120px);}.hero-title .line.sub{font-size:clamp(42px,6.5vw,80px);color:var(--dimmed);font-weight:300;letter-spacing:0.18em;}.hero-tagline{font-size:17px;color:var(--muted);font-weight:300;margin-bottom:28px;letter-spacing:0.04em;}.hero-cta{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;}.hero-scroll-hint{position:absolute;bottom:40px;right:40px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;}.hero-scroll-hint .mono{font-size:9px;color:var(--dimmed);letter-spacing:0.3em;writing-mode:vertical-lr;}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--dimmed),transparent);animation:scroll-drop 1.8s ease-in-out infinite;}@keyframes scroll-drop{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}51%{transform:scaleY(1);transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}.marquee-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;padding:14px 0;background:rgba(255,255,255,0.01);white-space:nowrap;}.marquee-track{display:inline-block;animation:marquee-scroll 28s linear infinite;}.marquee-track span{display:inline-block;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:0.22em;color:var(--dimmed);text-transform:uppercase;padding:0 24px;}.marquee-track .dot{color:var(--accent);font-size:6px;vertical-align:middle;padding:0 4px;}@keyframes marquee-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}.identity{padding:100px 0;border-bottom:1px solid var(--border);}.identity-inner{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;}.identity-statement{font-family:var(--font-display);font-size:clamp(22px,3.5vw,36px);font-weight:300;line-height:1.4;letter-spacing:-0.01em;color:var(--off-white);}.featured-game{padding:120px 0;border-bottom:1px solid var(--border);}.game-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:0;}.game-image-wrap{position:relative;}.game-image-border{position:absolute;inset:-12px;border:1px solid var(--border);border-radius:6px;pointer-events:none;z-index:0;}.game-thumb{width:100%;border-radius:4px;display:block;position:relative;z-index:1;transition:transform 0.6s var(--ease-out);filter:grayscale(0.1) contrast(1.05);}.game-image-wrap:hover .game-thumb{transform:scale(1.015);}.game-tag{position:absolute;bottom:20px;left:20px;z-index:2;font-size:10px;letter-spacing:0.2em;color:var(--white);background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);padding:6px 12px;border-radius:2px;border:1px solid var(--border-hover);}.game-title{font-family:var(--font-display);font-size:clamp(38px,5vw,62px);font-weight:800;line-height:1.0;letter-spacing:-0.03em;color:var(--white);margin-bottom:8px;}.game-text p{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:32px;max-width:440px;}.team-section{padding:120px 0;border-bottom:1px solid var(--border);}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}.team-card-inner{position:relative;padding:40px 32px 36px;border:1px solid var(--border);border-radius:4px;background:var(--card-bg);transition:background 0.4s,border-color 0.4s,transform 0.4s var(--ease-out);height:100%;overflow:hidden;}.team-card-inner::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transition:transform 0.5s var(--ease-out);}.team-card:hover .team-card-inner{background:var(--card-bg-h);border-color:var(--border-hover);transform:translateY(-6px);}.team-card:hover .team-card-inner::before{transform:scaleX(1);}.team-img-wrap{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:24px;border:1px solid var(--border);}.team-img-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.3);transition:filter 0.4s;}.team-card:hover .team-img-wrap img{filter:grayscale(0);}.team-img-icon{border-radius:8px;background:rgba(255,255,255,0.04);display:flex;align-items:center;justify-content:center;font-size:36px;}.team-card h3{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-0.01em;margin-bottom:6px;color:var(--white);}.team-card .role{font-size:10px;color:var(--accent);letter-spacing:0.18em;text-transform:uppercase;display:block;margin-bottom:16px;}.team-card p{font-size:13px;color:var(--muted);line-height:1.75;}.team-number{position:absolute;top:28px;right:28px;font-size:10px;color:var(--dimmed);letter-spacing:0.2em;}.services{padding:120px 0;border-bottom:1px solid var(--border);}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}.service-card{position:relative;padding:48px 36px;border:1px solid var(--border);border-radius:4px;background:var(--card-bg);transition:background 0.4s,border-color 0.4s,transform 0.4s var(--ease-out);overflow:hidden;}.service-card:hover{background:var(--card-bg-h);border-color:var(--border-hover);transform:translateY(-6px);}.service-icon{font-size:32px;margin-bottom:24px;display:block;line-height:1;}.service-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-0.01em;margin-bottom:14px;color:var(--white);}.service-card p{font-size:14px;color:var(--muted);line-height:1.8;}.service-line{position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--white);transition:width 0.5s var(--ease-out);}.service-card:hover .service-line{width:100%;}.socials{padding:100px 0;border-bottom:1px solid var(--border);}.socials-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;}.social-links{display:flex;gap:16px;flex-shrink:0;}.social-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:1px solid var(--border);border-radius:4px;color:var(--off-white);text-decoration:none;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;transition:all 0.35s var(--ease-out);background:var(--card-bg);}.social-btn .social-icon{font-size:14px;color:var(--accent);}.social-btn:hover{background:var(--white);color:var(--black);border-color:var(--white);}.social-btn:hover .social-icon{color:var(--black);}.contact{padding:140px 0;overflow:hidden;}.contact-inner{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:start;}.contact-title{font-family:var(--font-display);font-size:clamp(52px,8vw,96px);font-weight:800;letter-spacing:-0.04em;line-height:0.95;margin-bottom:20px;color:var(--white);}.contact-sub{font-size:14px;color:var(--muted);margin-bottom:36px;}.contact-email{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-display);font-size:clamp(16px,2vw,22px);font-weight:600;color:var(--white);text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:8px;transition:all 0.35s var(--ease-out);letter-spacing:-0.01em;}.contact-email svg{width:20px;height:20px;transition:transform 0.35s var(--ease-out);flex-shrink:0;}.contact-email:hover{border-bottom-color:var(--white);color:var(--accent);}.contact-email:hover svg{transform:translateX(6px);}.footer{border-top:1px solid var(--border);padding:32px 0;}.footer-inner{display:flex;justify-content:space-between;align-items:center;}.footer-brand{display:flex;align-items:center;gap:10px;}.footer-logo{width:24px;height:24px;object-fit:contain;opacity:0.5;border-radius:4px;}.footer-brand .mono{font-size:10px;color:var(--dimmed);letter-spacing:0.2em;}.footer-copy{font-size:10px;color:var(--dimmed);letter-spacing:0.12em;}@media (max-width:1024px){.team-grid,.services-grid{grid-template-columns:1fr 1fr;}.game-content{gap:48px;}}@media (max-width:768px){body{cursor:auto;}.container{padding:0 20px;}.nav-toggle{display:flex;cursor:pointer;position:relative;z-index:11001;pointer-events:auto;}.navbar .container{height:60px;}.nav-menu{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);flex-direction:column;align-items:center;justify-content:center;gap:48px;z-index:10999;padding:0;max-height:calc(100svh - 60px);overflow-y:auto;touch-action:manipulation;-webkit-overflow-scrolling:touch;}.nav-menu.open{display:flex;}.nav-menu a{font-size:18px;font-family:var(--font-display);font-weight:600;}.hero{padding:100px 0 60px;align-items:center;}.hero-container{text-align:center;}.hero-logo-wrap{margin-bottom:20px;}.hero-logo-img{width:50vw;max-width:200px;}.hero-title .line{font-size:clamp(36px,8vw,56px);}.hero-title .line.sub{font-size:clamp(24px,5vw,40px);}.identity-inner{grid-template-columns:1fr;gap:16px;}.game-content{grid-template-columns:1fr;gap:48px;}.team-grid,.services-grid{grid-template-columns:1fr;gap:16px;}.socials-inner{flex-direction:column;align-items:flex-start;}.social-links{flex-direction:column;width:100%;}.social-btn{justify-content:center;}.contact-inner{grid-template-columns:1fr;gap:24px;}.btn{cursor:pointer;}.footer-inner{flex-direction:column;gap:16px;text-align:center;}}@media (max-width:480px){.hero-cta{flex-direction:column;align-items:flex-start;}.btn{width:100%;justify-content:center;}}