:root{
  --bg:#041127; --bg2:#071a38; --panel:#0a2147; --panel2:#0d2a59;
  --line:rgba(111,180,255,.24); --text:#f7fbff; --muted:#a9bfdc;
  --gold:#ffc93d; --gold2:#ff9d17; --blue:#27a7ff; --cyan:#58e3ff; --green:#40e27b;
  --shadow:0 24px 80px rgba(0,0,0,.34);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 50% -20%,#123f79 0,#061936 30%,var(--bg) 66%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5} body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 10% 10%,rgba(72,169,255,.14),transparent 20%),radial-gradient(circle at 90% 8%,rgba(255,193,45,.10),transparent 22%);z-index:-1} a{color:inherit;text-decoration:none} button{font:inherit}.site-shell{min-height:100vh;overflow:hidden}.topbar{height:86px;display:flex;align-items:center;gap:28px;padding:0 clamp(22px,5vw,84px);position:sticky;top:0;z-index:30;background:rgba(4,17,39,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(91,164,242,.16)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{filter:drop-shadow(0 0 12px rgba(255,190,41,.32))}.brand-copy{display:flex;flex-direction:column;line-height:.95}.brand-copy strong{font-size:25px;letter-spacing:-1.2px;font-weight:900}.brand-copy strong span,.footer-brand strong span{color:var(--gold)}.brand-copy small{font-size:10px;letter-spacing:6px;margin-top:7px;color:#90e3ff;font-weight:800}.nav{margin-left:auto;display:flex;gap:7px;align-items:center}.nav a{padding:12px 14px;color:#bdd0e8;font-size:14px;font-weight:700;border-radius:999px;transition:.2s}.nav a:hover,.nav a.active{color:#fff;background:rgba(48,145,255,.12)}.nav a.active{box-shadow:inset 0 -2px var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 20px;font-size:14px;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button-outline{border-color:rgba(255,203,60,.7);color:#ffe478;background:rgba(255,192,33,.06);box-shadow:0 0 30px rgba(255,181,31,.07)}.button-gold{background:linear-gradient(135deg,#ffe16c,#ffb61c);color:#1d1600;box-shadow:0 12px 35px rgba(255,176,17,.28)}.button-glass{background:rgba(8,32,68,.62);border-color:rgba(113,185,255,.48);backdrop-filter:blur(8px)}.button-blue{background:linear-gradient(135deg,#1494ff,#42c9ff);color:white;box-shadow:0 14px 30px rgba(30,157,255,.24)}.button-green{background:linear-gradient(135deg,#21cf6d,#55ec86);color:#03180b;box-shadow:0 14px 30px rgba(47,221,116,.22)}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;place-items:center}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px auto;border-radius:5px}.hero{min-height:690px;position:relative;display:grid;align-items:center;padding:90px clamp(24px,5vw,84px) 110px;isolation:isolate;border-bottom:1px solid rgba(89,168,255,.22)}.hero-art{position:absolute;inset:0;width:64%;background-position:center;background-size:cover;z-index:-4}.hero-art-left{left:0;right:auto;background-image:url('assets/emf-hero.webp');background-position:45% 50%;clip-path:polygon(0 0,90% 0,70% 100%,0 100%)}.hero-art-right{left:auto;right:0;background-image:url('assets/dream-thumb.webp');background-position:center;clip-path:polygon(30% 0,100% 0,100% 100%,10% 100%)}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(2,12,28,.94) 0%,rgba(5,22,48,.8) 30%,rgba(4,18,40,.56) 49%,rgba(4,18,40,.52) 64%,rgba(4,13,30,.7) 100%),linear-gradient(0deg,rgba(4,17,39,.95),transparent 35%)}.hero::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 28% 45%,rgba(28,139,255,.22),transparent 28%),radial-gradient(circle at 76% 42%,rgba(255,167,25,.15),transparent 26%)}.hero-content{max-width:700px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:3.2px;font-size:11px;font-weight:900;color:#8fd8ff}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--gold))}.hero h1{font-size:clamp(52px,6.2vw,92px);line-height:.93;letter-spacing:-4px;margin:22px 0 24px;max-width:880px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0,#fff 34%,#ffd04a 65%,#ff9c1c 100%);-webkit-background-clip:text;color:transparent}.hero-content>p{font-size:18px;max-width:620px;color:#d0def0;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-badges{position:absolute;left:clamp(24px,5vw,84px);bottom:28px;display:flex;gap:8px;flex-wrap:wrap}.hero-badges span{font-size:12px;font-weight:800;color:#bbd8f7;border:1px solid rgba(104,185,255,.24);background:rgba(4,20,45,.62);padding:8px 12px;border-radius:999px;backdrop-filter:blur(10px)}.section{padding:90px clamp(24px,5vw,84px)}.section-heading{max-width:840px}.split-heading{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.split-heading>p{max-width:560px;color:var(--muted);margin:0 0 8px}.section h2{font-size:clamp(36px,4.2vw,64px);line-height:1;letter-spacing:-2.6px;margin:11px 0 0}.section h2 span{color:var(--gold)}.games{background:linear-gradient(180deg,rgba(6,27,57,.82),rgba(4,17,39,.25))}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{min-width:0;border:1px solid rgba(94,175,255,.26);background:linear-gradient(180deg,rgba(11,39,81,.88),rgba(7,28,60,.95));border-radius:28px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr}.project-media{height:300px;position:relative;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.project-card:hover .project-media img{transform:scale(1.035)}.media-tint{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,19,42,.92),transparent 52%)}.project-copy{padding:26px 28px 30px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px;background:#143f79;color:#9bd6ff;border:1px solid rgba(87,178,255,.24)}.project-dream .tags span{background:#0f5135;color:#8af1ad;border-color:rgba(79,236,135,.24)}.project-copy h3{font-size:30px;letter-spacing:-1px;margin:16px 0 10px}.project-copy p{color:#b8cce4;min-height:74px;margin:0 0 22px}.project-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.text-button{background:none;border:0;color:#a9d7ff;font-weight:850;cursor:pointer;padding:8px 0}.text-button:hover{color:white}.showcase{padding-top:0}.showcase-track{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.showcase figure{margin:0;position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(100,181,255,.2);background:#0a2248;box-shadow:0 16px 45px rgba(0,0,0,.2)}.showcase img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.showcase figcaption{position:absolute;left:14px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(3,14,32,.78);backdrop-filter:blur(8px);font-size:11px;font-weight:850}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:stretch}.about-visual{min-height:640px;position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(100,181,255,.22);box-shadow:var(--shadow)}.about-visual img{width:100%;height:100%;object-fit:cover;position:absolute}.about-visual-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,17,39,.94),transparent 65%),linear-gradient(90deg,rgba(6,22,49,.15),transparent)}.about-visual-label{position:absolute;left:30px;right:30px;bottom:30px}.about-visual-label span{display:block;color:#8cd7ff;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:900}.about-visual-label strong{display:block;font-size:36px;margin-top:5px}.about-copy{padding:25px 0}.about-copy>p{font-size:17px;color:#b5c9e2;max-width:760px}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}.value-grid>div{padding:20px;border-radius:20px;background:linear-gradient(180deg,rgba(14,48,98,.68),rgba(7,28,58,.65));border:1px solid rgba(83,166,248,.2)}.value-grid b{display:inline-block;color:var(--gold);font-size:11px;letter-spacing:2px;margin-bottom:8px}.value-grid strong{display:block;font-size:17px}.value-grid span{display:block;color:#9db5d2;font-size:13px;margin-top:5px}.technology{padding-top:30px}.tech-card{position:relative;overflow:hidden;border-radius:34px;padding:54px;background:linear-gradient(135deg,rgba(11,45,93,.92),rgba(9,30,67,.92));border:1px solid rgba(100,181,255,.25);display:grid;grid-template-columns:1fr 1fr;gap:48px;box-shadow:var(--shadow)}.tech-card::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(62,184,255,.21),transparent 67%)}.tech-copy p{color:#b6cbe4;font-size:16px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}.workflow>div{padding:22px;border-radius:20px;background:rgba(3,20,45,.62);border:1px solid rgba(96,177,255,.22)}.workflow span{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#ffd04a,#ff9c15);color:#161000;font-size:11px;font-weight:950}.workflow strong{display:block;margin:12px 0 5px;font-size:17px}.workflow small{color:#95aecb;font-size:13px}.contact{padding-top:30px}.contact-card{padding:48px 54px;border-radius:34px;background:linear-gradient(135deg,#0c2c5f,#09214a 65%,#111c45);border:1px solid rgba(99,180,255,.24);display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;box-shadow:var(--shadow)}.contact-card h2{font-size:46px}.contact-card p{color:#b3c8e1}.contact-actions{display:grid;gap:12px}.contact-link{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:18px 20px;border-radius:18px;border:1px solid rgba(112,185,255,.24);background:rgba(4,21,48,.55);transition:.2s}.contact-link:hover{transform:translateX(4px);border-color:rgba(255,205,65,.55)}.contact-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#143f7b,#1c67b5);display:grid;place-items:center;font-size:20px}.contact-link small{display:block;color:#8da8c8;font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800}.contact-link strong{display:block;margin-top:2px;word-break:break-word}.contact-link b{color:var(--gold)}.footer{padding:32px clamp(24px,5vw,84px);border-top:1px solid rgba(90,171,252,.18);background:#031024;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.footer-brand{display:flex;gap:10px;align-items:center}.footer-brand>div{display:flex;flex-direction:column;line-height:1}.footer-brand strong{font-size:18px}.footer-brand small{font-size:8px;letter-spacing:4px;color:#8cd7ff;margin-top:5px}.footer-links{justify-self:center;display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-size:12px;color:#9fb7d4}.footer p{font-size:11px;color:#718aa9;margin:0;text-align:right}.gallery-modal{width:min(1120px,92vw);max-height:90vh;border:1px solid rgba(100,181,255,.3);border-radius:26px;padding:0;background:#071a38;color:white;box-shadow:0 30px 100px rgba(0,0,0,.55)}.gallery-modal::backdrop{background:rgba(0,7,18,.82);backdrop-filter:blur(8px)}.gallery-modal-inner{padding:38px}.modal-close{position:absolute;right:18px;top:16px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(130,196,255,.28);background:#102d5c;color:#fff;font-size:28px;line-height:1;cursor:pointer}.gallery-title h2{font-size:38px;margin:5px 0 25px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gallery-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:15px;border:1px solid rgba(100,181,255,.2)}
@media (max-width:1100px){.header-cta{display:none}.project-grid{grid-template-columns:1fr}.project-media{height:360px}.about-grid{grid-template-columns:1fr}.about-visual{min-height:520px}.tech-card,.contact-card{grid-template-columns:1fr}.footer{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-self:center}.footer p{text-align:center}}
@media (max-width:820px){.topbar{height:72px;padding:0 18px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:8px;letter-spacing:4px}.brand img{width:42px;height:42px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:16px;right:16px;top:76px;padding:12px;background:rgba(5,21,47,.98);border:1px solid rgba(100,181,255,.22);border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px 15px}.hero{min-height:720px;padding:75px 22px 100px}.hero-art{width:100%}.hero-art-left{clip-path:none;opacity:.78}.hero-art-right{display:none}.hero-shade{background:linear-gradient(90deg,rgba(3,14,32,.96),rgba(3,14,32,.72)),linear-gradient(0deg,rgba(4,17,39,.97),transparent 40%)}.hero h1{font-size:clamp(48px,14vw,72px);letter-spacing:-3px}.hero-content>p{font-size:16px}.section{padding:68px 20px}.split-heading{display:block}.split-heading>p{margin-top:18px}.project-media{height:250px}.showcase-track{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.showcase figure{min-width:82vw;scroll-snap-align:start}.about-visual{min-height:430px}.about-visual-label strong{font-size:28px}.value-grid{grid-template-columns:1fr}.tech-card,.contact-card{padding:30px 22px}.workflow{grid-template-columns:1fr}.footer-links{justify-content:center}.gallery-grid{grid-template-columns:1fr}.gallery-modal-inner{padding:30px 18px}.contact-card h2{font-size:38px}}
@media (max-width:520px){.project-copy{padding:22px}.project-copy p{min-height:auto}.hero-actions .button{width:100%}.hero-badges{left:20px;right:20px}.project-media{height:210px}.about-visual{min-height:360px}.contact-link{grid-template-columns:auto 1fr}.contact-link b{display:none}.contact-card{padding:28px 18px}.tech-card{padding:28px 18px}}