:root{--navy:#050b1d;--panel:#0b1430;--lime:#baff00;--cyan:#23d9ed;--white:#f6f7ef;--muted:#8993ad;--danger:#ff4d6d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:radial-gradient(circle at 15% 12%,rgba(35,217,237,.09),transparent 26%),radial-gradient(circle at 85% 32%,rgba(186,255,0,.07),transparent 25%),var(--navy);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.09);background:rgba(5,11,29,.8);backdrop-filter:blur(16px)}.logo{font-size:18px;font-weight:950;letter-spacing:-.04em}.logo i,.logo b{color:var(--lime);font-style:normal}.nav-link{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.15em}.nav-link span{margin-left:7px;color:var(--cyan)}.hero{min-height:720px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:1180px;margin:auto;padding:90px 24px}.eyebrow{margin:0 0 22px;color:var(--cyan);font-size:11px;font-weight:950;letter-spacing:.2em}h1,h2,h3{margin:0;letter-spacing:-.065em;word-break:keep-all;text-wrap:balance}h1{max-width:1040px;font-size:clamp(54px,7.3vw,110px);line-height:.99}h1 em{color:var(--lime);font-style:normal}.hero-copy{margin:32px 0;color:#bcc4d7;font-size:17px;line-height:1.75;word-break:keep-all}.primary{display:inline-flex;gap:40px;align-items:center;padding:17px 22px;border-radius:14px;color:var(--navy);background:var(--lime);font-size:14px;font-weight:950}.primary span{font-size:20px}.projects,.loop{max-width:1180px;margin:auto;padding:120px 24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.section-head h2,.loop h2{font-size:clamp(38px,5vw,68px)}.section-head>p{color:var(--muted);line-height:1.65}.project-card{display:grid;grid-template-columns:.88fr 1.12fr;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:rgba(11,20,48,.78);box-shadow:0 30px 90px rgba(0,0,0,.3)}.project-visual{position:relative;min-height:550px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(255,77,109,.18),transparent 39%),#070e23}.project-visual:before{content:"";position:absolute;inset:34px;border:1px dashed rgba(35,217,237,.22);border-radius:24px}.project-no{position:absolute;left:34px;bottom:22px;color:rgba(255,255,255,.05);font-size:150px;font-weight:950;letter-spacing:-.09em}.boss{position:relative;z-index:2;width:126px;height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:36px;color:#fff;background:var(--danger);box-shadow:0 0 0 7px rgba(35,217,237,.8),0 0 70px rgba(35,217,237,.48);transform:rotate(-4deg)}.boss span{font-size:30px;font-weight:900}.boss b{margin-top:6px;font-size:12px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.orbit.one{width:310px;height:310px}.orbit.two{width:470px;height:470px}.project-info{padding:54px}.project-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:950;letter-spacing:.15em}.project-meta b{color:var(--lime)}.project-info h3{margin-top:32px;font-size:clamp(48px,5vw,78px)}.project-info>p{max-width:600px;color:#b7bfd1;font-size:16px;line-height:1.7}.records{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:34px 0}.records div{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.records small,.records strong{display:block}.records small{margin-bottom:8px;color:var(--muted);font-size:10px}.records strong{font-size:15px;word-break:keep-all}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.play{padding:17px 18px;border-radius:15px;border:1px solid rgba(255,255,255,.12);transition:transform .16s,border-color .16s}.play:hover{transform:translateY(-3px)}.play span,.play small{display:block}.play span{font-weight:950}.play small{margin-top:5px;color:var(--muted);font-size:10px}.balanced{border-color:rgba(35,217,237,.48)}.nightmare{border-color:rgba(255,77,109,.48)}.loop{border-top:1px solid rgba(255,255,255,.08)}.loop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.loop-grid>div{min-height:230px;padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(11,20,48,.5)}.loop-grid span{display:block;color:var(--lime);font-size:11px;font-weight:950}.loop-grid strong{display:block;margin:34px 0 14px;font-size:22px}.loop-grid p{color:var(--muted);line-height:1.7;word-break:keep-all}footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:28px 24px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:11px}@media(max-width:860px){.hero{min-height:640px}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.project-card{grid-template-columns:1fr}.project-visual{min-height:380px}.project-info{padding:32px}.records,.loop-grid{grid-template-columns:1fr}.actions{grid-template-columns:1fr}}@media(max-width:520px){.nav{height:64px}.hero{min-height:620px;padding-top:70px}.hero-copy br{display:none}.projects,.loop{padding-block:80px}.project-visual{min-height:300px}.project-info{padding:25px}.records{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column;gap:10px}}