@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111416;--panel:#171b1e;--line:#2c3337;--text:#e8ecee;--muted:#a2abb0;--dim:#78838a;--mint:#80c4ad;--yellow:#d5b66c;--blue:#81bce5;--purple:#b6a0e8;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.75 Manrope,'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:68px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:48px;padding:0 max(24px,calc((100% - var(--max))/2));background:#111416f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.04em;white-space:nowrap}.mark{width:23px;height:23px;display:grid;grid-template:1fr 1fr/1fr 1fr;gap:3px}.mark i{background:#e2e7e9}.mark i:nth-child(2){opacity:.55}.mark i:nth-child(3){opacity:.75}.mark i:nth-child(4){background:transparent;border:1px solid #e2e7e9}.topbar nav{display:flex;gap:30px;margin:auto}.topbar nav a,.top-contact{font-size:12px;color:var(--muted)}.topbar nav a:hover,.top-contact:hover{color:#fff}.top-contact{border:1px solid #41494e;padding:7px 12px;border-radius:3px}main{max-width:var(--max);margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:24px;align-items:center;min-height:380px;border-bottom:1px solid var(--line);overflow:hidden}.hero-text{padding:48px 0;z-index:1}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.14em;color:#9aa8ae;margin:0 0 14px}.dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin:0 7px 1px 0}h1{font-size:clamp(36px,4.5vw,56px);line-height:1.2;letter-spacing:-.065em;margin:0 0 20px;font-weight:800}h1 span{color:#aab6bc}.lead{font-size:16px;font-weight:600;margin-bottom:9px}.sub{color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;gap:22px;padding:10px 15px;margin-top:14px;font-size:12px;font-weight:700;border:1px solid #dbe2e5;border-radius:3px}.primary{background:#dbe2e5;color:#141719}.primary:hover{background:#fff}.disciplines{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;font:10px 'DM Mono',monospace;color:#8e9aa0;letter-spacing:.05em}.disciplines span:before{content:'/';color:#56646b;margin-right:7px}.hero-art{height:300px;position:relative;display:flex;align-items:center;justify-content:center;border-left:1px solid #252c30;background:repeating-linear-gradient(0deg,transparent 0 30px,#2c343733 31px),repeating-linear-gradient(90deg,transparent 0 30px,#2c343733 31px)}.editor{width:72%;height:210px;background:#171c20;border:1px solid #536067;box-shadow:16px 16px #090b0c;transform:perspective(800px) rotateY(-6deg);padding:0 16px}.editor-bar{height:32px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #343d42}.editor-bar i{width:6px;height:6px;border-radius:50%;background:#6e7d84}.editor-bar i:first-child{background:#a4b2b7}.editor-bar span{margin-left:auto;color:#829198;font:9px 'DM Mono',monospace}.editor-lines{display:flex;flex-direction:column;gap:11px;padding:20px 7px}.editor-lines b{height:5px;background:#71838b;width:65%;opacity:.7}.editor-lines b:nth-child(2){width:48%}.editor-lines b:nth-child(3){width:80%}.editor-lines b:nth-child(4){width:35%;margin-left:15px}.editor-lines b:nth-child(5){width:58%;margin-left:15px}.editor-lines b:nth-child(6){width:72%}.editor-lines b:nth-child(7){width:43%}.editor-lines b:nth-child(8){width:62%;margin-left:15px}.editor-lines b:nth-child(9){width:32%}.editor-foot{border-top:1px solid #343d42;padding-top:8px;display:flex;justify-content:space-between;font:8px 'DM Mono',monospace;color:#77868d}.art-note{position:absolute;right:0;top:38%;font:10px/2 'DM Mono',monospace;letter-spacing:.1em;color:#8d999f}.art-note strong{color:#dce2e5;font-weight:500}.plus{position:absolute;color:#9ba8ae;font-size:20px}.p1{left:7%;top:15%}.p2{right:13%;bottom:13%}.stats{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:12px}.stats div{display:flex;align-items:baseline;gap:11px;border-right:1px solid var(--line)}.stats strong{font:25px 'DM Mono',monospace}.stats span,.stats p{font-size:11px;color:var(--muted)}.stats p{justify-self:end;margin:0;line-height:1.8}.section{padding:58px 0 38px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;gap:20px}.section-title .eyebrow{margin-bottom:7px}h2{font-size:28px;line-height:1.3;letter-spacing:-.05em;margin:0}.section-title>p,.box>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0 0 3px}.filters{display:flex;gap:7px;margin-bottom:18px;flex-wrap:wrap}.filters button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:7px 12px;font-size:11px;cursor:pointer}.filters button small{font:9px 'DM Mono',monospace;color:#6f7b82;margin-left:5px}.filters button.active,.filters button:hover{background:#dbe2e5;color:#15191b;border-color:#dbe2e5}.filters button.active small,.filters button:hover small{color:#526068}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.project{display:flex;flex-direction:column;border:1px solid #2b3337;background:#14181b;border-radius:4px;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s}.project:hover{transform:translateY(-2px);border-color:#59666d}.project[hidden]{display:none}.art{height:165px;position:relative;overflow:hidden;border-bottom:1px solid #30383c;background:#20272a}.art-label,.art-num{position:absolute;left:13px;font:9px 'DM Mono',monospace;letter-spacing:.1em;color:#a3b0b5;z-index:2}.art-label{top:11px}.art-num{bottom:10px}.pharma{background:repeating-linear-gradient(0deg,transparent 0 20px,#ffffff08 21px),linear-gradient(110deg,#192428,#2b383b 50%,#1b2326)}.file-art{position:absolute;right:12%;top:24%;width:56%;height:65%;padding:12px 15px;border:1px solid #627277;background:#202b2e;box-shadow:8px 8px #111719}.file-art b{float:right;color:#b6ceca;font-size:21px}.file-art i{display:block;width:70%;height:3px;background:#7c989a;margin:12px 0}.file-art i:nth-of-type(2){width:42%}.file-art strong{display:block;color:#b2c5c5;font:9px/1.5 'DM Mono',monospace;letter-spacing:.13em}.park{background:repeating-linear-gradient(0deg,transparent 0 24px,#ffffff08 25px),linear-gradient(115deg,#37443a,#202a26)}.ferris{position:absolute;right:17%;top:17px;width:102px;height:102px;border:2px solid #c0b08b;border-radius:50%}.ferris:before,.ferris:after{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#c0b08b}.ferris:after{transform:rotate(60deg)}.ferris i{position:absolute;left:50%;top:50%;width:1px;height:100%;background:#c0b08b;transform:translate(-50%,-50%) rotate(30deg)}.ferris i:nth-child(2){transform:translate(-50%,-50%) rotate(90deg)}.ferris i:nth-child(3){transform:translate(-50%,-50%) rotate(120deg)}.ferris i:nth-child(4){transform:translate(-50%,-50%) rotate(150deg)}.ferris i:nth-child(5){transform:translate(-50%,-50%) rotate(180deg)}.ferris i:nth-child(6){transform:translate(-50%,-50%) rotate(210deg)}.ferris b{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#d2c39e;transform:translate(-50%,-50%)}.coaster{position:absolute;left:7%;bottom:20px;width:61%;height:52px;border-top:3px solid #bc8b6d;border-radius:50% 15% 0 0;transform:skewY(-9deg)}.midi{background:repeating-linear-gradient(0deg,transparent 0 21px,#8299a611 22px),repeating-linear-gradient(90deg,transparent 0 38px,#8299a611 39px),#121b20}.piano{position:absolute;left:10%;right:8%;top:29px;bottom:22px;display:flex;border:1px solid #52646a;background:#12191d}.keys{width:18px;border-right:1px solid #4a5d64;background:repeating-linear-gradient(0deg,#a8b5ba 0 9px,#4c5d64 10px 12px)}.notes{position:relative;flex:1;background:repeating-linear-gradient(0deg,transparent 0 11px,#34464d 12px),repeating-linear-gradient(90deg,transparent 0 28px,#34464d 29px)}.notes i{position:absolute;height:6px;background:#75b9b2;border-radius:1px}.notes i:nth-child(1){left:8%;top:18%;width:18%}.notes i:nth-child(2){left:30%;top:31%;width:13%}.notes i:nth-child(3){left:48%;top:18%;width:22%}.notes i:nth-child(4){left:72%;top:43%;width:16%}.notes i:nth-child(5){left:20%;top:58%;width:15%}.notes i:nth-child(6){left:42%;top:68%;width:23%}.notes i:nth-child(7){left:72%;top:80%;width:18%}.notes i:nth-child(8){left:54%;top:45%;width:10%;background:#c3a979}.wave{position:absolute;bottom:0;left:0;right:0;height:17px;background:repeating-linear-gradient(90deg,#78a9c0 0 2px,transparent 2px 7px);opacity:.6}.smudged{background:linear-gradient(100deg,#171a1a,#222927)}.moon{position:absolute;right:20%;top:24px;width:42px;height:42px;border-radius:50%;background:#b9b9a4;box-shadow:0 0 0 15px #b9b9a40d}.lightbeam{position:absolute;right:10%;top:65px;width:0;height:0;border-left:70px solid transparent;border-right:70px solid transparent;border-bottom:90px solid #b9b9a40c;transform:rotate(180deg)}.silhouette{position:absolute;right:35%;bottom:20px;width:18px;height:52px;background:#0c0f0f;clip-path:polygon(30% 0,70% 0,100% 25%,80% 40%,75% 65%,100% 100%,62% 100%,50% 72%,30% 100%,0 100%,20% 60%,20% 35%,0 20%)}.ground{position:absolute;bottom:0;height:25px;left:0;right:0;background:#111414;border-top:1px solid #4b514d}.mystery{background:repeating-linear-gradient(0deg,transparent 0 22px,#ffffff07 23px),linear-gradient(120deg,#292627,#17191a)}.tabletop{position:absolute;left:22%;top:36px;width:56%;height:95px;border:2px solid #817b72;border-radius:50%;background:#2d2b29;box-shadow:0 8px #111}.person{position:absolute;width:13px;height:13px;background:#b7b0a3;border-radius:50%;box-shadow:0 0 0 5px #b7b0a315}.person.a{left:19%;top:43px}.person.b{left:37%;top:24px}.person.c{right:19%;top:44px}.person.d{right:31%;bottom:28px}.person.e{left:29%;bottom:28px}.rhythm{background:repeating-linear-gradient(90deg,transparent 0 37px,#8ba8b414 38px),repeating-linear-gradient(0deg,transparent 0 25px,#8ba8b414 26px),#111c22}.lanes{position:absolute;left:12%;right:12%;top:18px;height:94px;display:flex;gap:7px;align-items:end;border-bottom:2px solid #bac8ce;padding:0 10px}.lanes i{height:100%;width:20%;border:1px solid #50636b;background:#253740}.lanes i:nth-child(2){height:75%}.lanes i:nth-child(3){height:54%}.lanes i:nth-child(4){height:83%}.lanes b{position:absolute;bottom:-20px;font:9px 'DM Mono',monospace;color:#e1e7e9}.lanes b:nth-of-type(1){left:18%}.lanes b:nth-of-type(2){left:39%}.lanes b:nth-of-type(3){left:59%}.lanes b:nth-of-type(4){left:79%}.rhythm-word{position:absolute;left:12%;bottom:23px;font-size:22px;font-weight:800;letter-spacing:.05em}.rhythm-word span{color:#7dc6b9}.rhythm-word small{font:8px 'DM Mono',monospace;letter-spacing:.2em;margin-left:8px;color:#91a0a6}.project-content{padding:15px 16px 12px;display:flex;flex-direction:column;flex:1}.titleline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}.titleline h3{font-size:15px;line-height:1.4;letter-spacing:-.03em;margin:0}.badge{font-size:10px;padding:1px 8px;border:1px solid;border-radius:20px;white-space:nowrap}.dev{color:var(--mint);border-color:#397a65}.plan{color:var(--yellow);border-color:#79683b}.done{color:var(--blue);border-color:#426e8b}.live{color:#a8c8e8;border-color:#4e7195}.project-content p{font-size:12px;color:#b1b9bd;line-height:1.8;margin:0 0 12px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.tags span{font:10px 'DM Mono','Noto Sans KR',sans-serif;color:#89969c}.tags span:before{content:'#';color:#59676e;margin-right:3px}.card-foot{border-top:1px solid #292f33;padding-top:11px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-foot small{font:9px 'DM Mono',monospace;color:#748087;letter-spacing:.04em}.muted{font-size:10px;color:#8b969b}.linkish{font-size:11px;color:#dce4e7}.external{font-size:11px;color:#a4b4bc}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:28px 0 55px}.box{border:1px solid var(--line);border-radius:4px;padding:24px;background:#14181b}.box .eyebrow{margin-bottom:9px}.box h2{margin-bottom:13px}.box>p:not(.eyebrow){line-height:1.9;margin-bottom:20px}.facts{display:grid;grid-template-columns:100px 1fr;gap:9px 12px;padding-top:15px;border-top:1px solid var(--line)}.facts span{font:9px 'DM Mono',monospace;color:#87949a;letter-spacing:.08em}.facts strong{font-size:11px;font-weight:600}.social-links{display:flex;flex-direction:column}.social-links a{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #2b3236}.social-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #3a4449;border-radius:3px;font-size:14px}.social-links a>span:nth-child(2){display:flex;flex-direction:column;flex:1}.social-links strong{font-size:12px;font-weight:600}.social-links small{font-size:10px;color:#89949a}.social-links a>b{color:#849198;font-weight:400}.social-links a:hover strong{color:#fff}.social-links a:hover .social-icon{border-color:#aab8bf}footer{border-top:1px solid var(--line);padding:25px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 25px}footer p{margin:0;color:#89949a;font-size:11px}footer .brand{font-size:15px}footer .mark{width:19px;height:19px}footer .foot-links{display:flex;gap:20px;color:#a5afb4;font-size:11px}footer>small{grid-column:1/-1;text-align:center;color:#667279;font-size:10px;margin-top:12px}
@media(max-width:760px){.topbar{padding:0 17px;gap:12px;height:60px}.topbar nav{gap:14px}.topbar nav a{font-size:11px}.top-contact{display:none}main{padding:0 17px}.hero{grid-template-columns:1fr;gap:0;padding-bottom:20px}.hero-text{padding:42px 0 10px}.hero-art{height:210px;border-left:0}.editor{height:170px;width:65%}.editor-lines{gap:7px;padding-top:14px}.art-note{right:4%}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stats div{gap:6px}.stats strong{font-size:20px}.stats span{font-size:10px}.stats p{grid-column:1/-1;justify-self:start;border-top:1px solid var(--line);padding-top:10px;width:100%}.section{padding-top:42px}.section-title{align-items:start;flex-direction:column;gap:8px}.project-grid{gap:12px}.art{height:130px}.project-content{padding:12px}.titleline h3{font-size:13px}.project-content p{font-size:11px}.tags span{font-size:9px}.card-foot small{font-size:8px}.bottom-grid{grid-template-columns:1fr;padding-bottom:35px}.box{padding:19px}footer{padding:22px 17px;grid-template-columns:1fr}footer .foot-links{flex-wrap:wrap}footer>small{text-align:left}}
@media(max-width:500px){.topbar{justify-content:space-between}.topbar nav{gap:10px;margin:0}.topbar nav a{font-size:10px}.brand{font-size:14px;gap:7px}.mark{width:19px;height:19px}.hero-art{height:185px}.project-grid{grid-template-columns:1fr}.art{height:165px}.project-content{padding:15px}.titleline h3{font-size:15px}.project-content p{font-size:12px}.stats strong{font-size:18px}.stats span{font-size:9px}h1{font-size:38px}.disciplines{gap:11px;font-size:9px}}