:root{--bg:#0e0e0e;--surface:#161616;--surface2:#1c1c1c;--border:#272727;--text:#e8e8e0;--muted:#555550;--accent:#c8f060;--accent2:#60c8f0;--accent3:#f060c8;--accent4:#f0c060;--accent5:#a060f0;--nav-h:52px;--font-display:"Noto Sans KR","Noto Sans",sans-serif;--font-mono:"Noto Sans KR","Noto Sans",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);height:100vh;font-size:13px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}nav{height:var(--nav-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);z-index:200;background:#0e0e0ef0;align-items:center;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-display);color:var(--text);letter-spacing:-.05em;margin-right:auto;font-size:24px;font-weight:900;text-decoration:none;transition:text-shadow .3s}.nav-logo:hover{text-shadow:0 0 10px var(--accent),0 0 20px var(--accent)}.nav-links{align-items:center;gap:12px;display:flex}.nav-links a{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover,.nav-links a.active{color:var(--text);text-shadow:0 0 8px #ffffff80;background:#ffffff0d;box-shadow:0 0 15px #ffffff1a}.nav-links a[data-sec=explorations]:hover{color:var(--accent);text-shadow:0 0 10px var(--accent)}.nav-links a[data-sec=works]:hover{color:var(--accent3);text-shadow:0 0 10px var(--accent3)}.nav-links a[data-sec=about]:hover{color:var(--accent4);text-shadow:0 0 12px var(--accent4),0 0 24px #f0c06066;background:#f0c0600d}.nav-links a[data-sec=stream]{color:var(--muted)}.nav-links a[data-sec=stream]:hover{color:var(--accent5);text-shadow:0 0 10px var(--accent5);background:#a060f01a}.nav-hamburger{cursor:pointer;flex-direction:column;gap:5px;margin-left:8px;padding:6px;display:none}.nav-hamburger span{background:var(--text);width:22px;height:1.5px;transition:all .3s;display:block}.nav-drawer{top:var(--nav-h);border-bottom:1px solid var(--border);z-index:199;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e0e0ef7;flex-direction:column;gap:0;padding:16px 28px 24px;display:none;position:fixed;left:0;right:0}.nav-drawer.open{display:flex}.nav-drawer a{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:14px 0;font-size:13px;text-decoration:none;transition:color .18s}.nav-drawer a:last-child{border-bottom:none}.nav-drawer a:hover{color:var(--text)}.nav-drawer a[data-sec=stream]{color:var(--accent5)}.section{width:100%;height:100vh;padding:var(--nav-h)28px 0;scroll-snap-align:start;scroll-snap-stop:always;border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.sec-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:44px;display:flex}.sec-num{color:var(--muted);letter-spacing:.15em;font-size:10px}.sec-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1}.sec-sub{color:var(--muted);text-align:right;margin-left:auto;font-size:11px;line-height:1.9}#hero{padding:calc(var(--nav-h) + 40px)28px 40px;border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;border-radius:24px;padding:60px 40px;position:relative}.hero-bg-word{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px #ffffff0a;letter-spacing:-.05em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(100px,22vw,280px);font-weight:800;line-height:1;position:absolute;bottom:-.05em;left:-.02em}.hero-badge{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:22px;font-size:10px;display:inline-flex}.hero-badge:before{content:"";background:var(--accent);width:20px;height:1px;display:block}.hero-name{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:36px;font-size:clamp(44px,9vw,96px);font-weight:800;line-height:.94}.hero-name em{color:var(--accent);font-style:normal}.hero-bottom{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.hero-bio{max-width:380px;color:var(--muted);font-size:12px;line-height:1.95}.hero-stats{flex-shrink:0;gap:28px;display:flex}.stat{text-align:right}.stat-n{font-family:var(--font-display);letter-spacing:-.03em;font-size:26px;font-weight:700}.stat-l{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.scroll-hint{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;font-size:9px;animation:2.2s ease-in-out infinite bob;display:flex;position:absolute;bottom:28px;right:28px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.overview{border-bottom:1px solid var(--border);grid-template-columns:repeat(6,1fr);display:grid}.ov{border-right:1px solid var(--border);cursor:pointer;color:inherit;padding:20px 16px;text-decoration:none;transition:background .18s;display:block}.ov:last-child{border-right:none}.ov:hover{background:var(--surface)}.ov-icon{margin-bottom:8px;font-size:16px}.ov-name{font-family:var(--font-display);margin-bottom:4px;font-size:12px;font-weight:700}.ov-hint{color:var(--muted);font-size:10px;line-height:1.6}.badge{letter-spacing:.1em;text-transform:uppercase;border-radius:2px;margin-bottom:14px;padding:3px 8px;font-size:9px;display:inline-block}.badge-wip{color:var(--accent);background:#c8f0601a;border:1px solid #c8f06040}.badge-done{color:var(--accent2);background:#60c8f01a;border:1px solid #60c8f040}.badge-idea{color:var(--muted);border:1px solid var(--border);background:#5050504d}.proj-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:10px;font-size:18px;font-weight:700}.proj-desc{color:var(--muted);margin-bottom:20px;font-size:11px;line-height:1.85}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;padding:3px 9px;font-size:10px}.card-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;margin-top:20px;padding-top:14px;font-size:10px;display:flex}.arrow{transition:transform .18s,color .18s}#lab .sec-title{color:var(--accent)}.lab-grid{background:var(--border);border:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:1px;display:grid}.lab-main{background:var(--surface);cursor:pointer;grid-row:span 2;padding:32px 28px;transition:background .18s}.lab-main:hover{background:var(--surface2)}.lab-side{background:var(--surface);cursor:pointer;padding:24px 20px;transition:background .18s}.lab-side:hover{background:var(--surface2)}#rnd .sec-title{color:var(--accent2)}.rnd-list{border:1px solid var(--border)}.rnd-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:44px 1fr auto;align-items:center;gap:20px;padding:18px 20px;transition:background .18s;display:grid}.rnd-row:last-child{border-bottom:none}.rnd-row:hover{background:var(--surface)}.rnd-n{font-family:var(--font-display);color:var(--border);letter-spacing:-.03em;font-size:18px;font-weight:700}.rnd-title{font-family:var(--font-display);margin-bottom:3px;font-size:13px;font-weight:600}.rnd-meta{color:var(--muted);font-size:10px}.rnd-chip{border:1px solid var(--border);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:3px 10px;font-size:9px}.manual-bar{cursor:pointer;background:#60c8f00a;border:1px solid #60c8f02e;align-items:center;gap:16px;margin-top:1px;padding:18px 20px;transition:background .18s;display:flex}.manual-bar:hover{background:#60c8f014}.manual-icon{opacity:.75;font-size:18px}.manual-title{font-family:var(--font-display);color:var(--accent2);margin-bottom:2px;font-size:13px;font-weight:600}.manual-sub{color:var(--muted);font-size:10px}.manual-cta{color:var(--accent2);white-space:nowrap;margin-left:auto;font-size:11px}#portfolio .sec-title{color:var(--accent3)}.port-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.port-featured{background:var(--surface);cursor:pointer;grid-column:span 2;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:32px 28px;transition:background .18s;display:grid}.port-featured:hover{background:var(--surface2)}.port-thumb{aspect-ratio:16/9;border:1px solid var(--border);color:var(--muted);letter-spacing:.1em;background:#1a1a1a;justify-content:center;align-items:center;font-size:11px;display:flex}.port-label{color:var(--accent3);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:10px}.port-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:10px;font-size:22px;font-weight:800}.port-desc{color:var(--muted);margin-bottom:18px;font-size:11px;line-height:1.9}.port-cta{color:var(--accent3);letter-spacing:.08em;font-size:11px}.port-card{background:var(--surface);cursor:pointer;padding:28px 24px;transition:background .18s}.port-card:hover{background:var(--surface2)}#stream .sec-title{color:var(--text)}.stream-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:2fr 1fr;gap:1px;display:grid}.stream-card{background:var(--surface);padding:28px 24px}.stream-card.pixel{border-left:2px solid var(--accent5);background:#a060f00d;flex-direction:column;justify-content:space-between;gap:24px;display:flex}.stream-icon{margin-bottom:12px;font-size:24px}.stream-name{font-family:var(--font-display);margin-bottom:8px;font-size:17px;font-weight:700}.stream-desc{color:var(--muted);margin-bottom:16px;font-size:11px;line-height:1.85}.stream-chips{flex-wrap:wrap;gap:6px;display:flex}.stream-chip{color:var(--accent5);letter-spacing:.06em;text-transform:uppercase;border:1px solid #a060f04d;padding:3px 9px;font-size:9px}.btn-pixel{background:var(--accent5);color:#0e0e0e;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 28px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.btn-pixel:hover{background:#b87af0;transform:translateY(-1px)}.btn-pixel:active{transform:translateY(0)}.btn-pixel-icon{font-size:13px}.stream-placeholder{opacity:.5}.stream-soon{border:1px dashed var(--border);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;padding:2px 8px;font-size:9px;display:inline-block}#blog .sec-title{color:var(--accent4)}.blog-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.post{border-bottom:1px solid var(--border);cursor:pointer;margin-bottom:22px;padding-bottom:22px}.post:last-child{border-bottom:none;margin-bottom:0}.post-date{color:var(--muted);margin-bottom:6px;font-size:10px}.post-title{font-family:var(--font-display);margin-bottom:7px;font-size:14px;font-weight:600;transition:color .18s}.post:hover .post-title{color:var(--accent4)}.post-excerpt{color:var(--muted);font-size:11px;line-height:1.8}#about{border-bottom:none}.about-grid{grid-template-columns:220px 1fr;align-items:start;gap:56px;display:grid}.about-name{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:4px;font-size:28px;font-weight:800}.about-role{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px;font-size:10px}.info-list{list-style:none}.info-list li{border-bottom:1px solid var(--border);justify-content:space-between;padding:9px 0;font-size:11px;display:flex}.info-list li:last-child{border-bottom:none}.info-k{color:var(--muted)}.info-v{color:var(--text)}.status-dot{color:var(--accent)}.about-bio{color:var(--muted);margin-bottom:28px;font-size:12px;line-height:2}.about-bio strong{color:var(--text);font-weight:400}footer{border-top:1px solid var(--border);color:var(--muted);letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:24px 28px;font-size:10px;display:flex}@media (max-width:768px){.overview{grid-template-columns:repeat(3,1fr)}.ov:nth-child(3){border-right:none}.ov:nth-child(n+4){border-top:1px solid var(--border)}.ov:nth-child(6){border-right:none}}@media (max-width:720px){.nav-links{display:none}.nav-hamburger{display:flex}}@media (max-width:700px){.stream-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:36px}}@media (max-width:640px){.port-featured{grid-column:span 1;grid-template-columns:1fr}.port-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr;gap:0}}@media (max-width:600px){.sec-sub{display:none}.sec-head{margin-bottom:28px}.lab-grid{grid-template-columns:1fr}.lab-main{grid-row:span 1}}@media (max-width:500px){.rnd-chip{display:none}.rnd-row{grid-template-columns:36px 1fr}}@media (max-width:420px){.overview{grid-template-columns:repeat(2,1fr)}.ov:nth-child(2n){border-right:none}.ov:nth-child(n+3){border-top:1px solid var(--border)}}