:root{--bg:#080808;--bg-card:#0d0d0d;--bg-strip:#0f0f0f;--bg-footer:#050505;--ink:#f5f0e8;--muted:#7a7570;--faint:#4a4540;--gold:#c9a96e;--gold-dim:#c9a96e4d;--serif:var(--font-cormorant), var(--font-noto-serif-kr), "Georgia", serif;--sans:var(--font-dm-sans), var(--font-noto-sans-kr), sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}@media (pointer:fine){body,body a,body button{cursor:none}}::selection{background:var(--gold);color:#080808}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:#080808}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.cursor-dot{background:var(--gold);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9998;border:1px solid #c9a96e80;border-radius:50%;width:36px;height:36px;transition:width .2s,height .2s,border-color .2s;position:fixed;transform:translate(-50%,-50%)}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.particle-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.brand{font-family:var(--serif);letter-spacing:.25em;color:var(--ink);text-transform:uppercase;font-size:20px;font-weight:300;position:absolute;top:40px;left:48px}.nav-hint{letter-spacing:.35em;text-transform:uppercase;color:var(--muted);font-size:10px;position:absolute;top:44px;right:48px}.hero-center{text-align:center;z-index:10;max-width:900px;padding:0 24px;position:relative}.hero-label{letter-spacing:.5em;text-transform:uppercase;color:var(--gold);opacity:0;margin-bottom:28px;font-size:10px;animation:.6s .2s forwards charUp}.hero-title{font-family:var(--serif);color:var(--ink);margin-bottom:32px;font-size:clamp(48px,7vw,88px);font-weight:300;line-height:1.08}.hero-char{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards charUp;display:inline-block;transform:translateY(20px)}@keyframes charUp{to{opacity:1;transform:translateY(0)}}.shimmer-text{background:linear-gradient(90deg,#f5f0e8 30%,#c9a96e 50%,#f5f0e8 70%) 0 0/400px 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:.7s cubic-bezier(.16,1,.3,1) forwards charUp,5s linear infinite shimmerPass}@keyframes shimmerPass{0%{background-position:-400px 0}to{background-position:400px 0}}.hero-line-box{width:80px;margin:0 auto 40px;overflow:hidden}.gold-line{background:var(--gold);transform-origin:0;height:1px;animation:1.4s cubic-bezier(.16,1,.3,1) 1.9s forwards lineDraw;display:block;transform:scaleX(0)}@keyframes lineDraw{to{transform:scaleX(1)}}.scroll-cue{flex-direction:column;align-items:center;gap:8px;animation:2s ease-in-out infinite scrollPulse;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.scroll-cue-bar{background:linear-gradient(#c9a96e99,#0000);width:1px;height:52px}.scroll-cue-text{letter-spacing:.4em;text-transform:uppercase;color:var(--muted);font-size:9px}@keyframes scrollPulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(10px)}}.timeline{background:var(--bg);padding:96px 0 8px}.timeline .section-head{margin-bottom:56px}.tl-wrap{position:relative}.tl-scroller{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c9a96e80 transparent;overflow-x:auto}.tl-track{gap:64px;width:max-content;padding:10px 96px 44px;display:flex;position:relative}.tl-line{transform-origin:0;background:linear-gradient(90deg,#0000,#c9a96e80 4% 96%,#0000);height:1px;transition:transform 1.1s cubic-bezier(.16,1,.3,1);position:absolute;top:24px;left:0;right:0;transform:scaleX(0)}.tl-wrap.drawn .tl-line{transform:scaleX(1)}.tl-item{opacity:0;flex-shrink:0;width:210px;padding-top:44px;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(16px)}.tl-wrap.drawn .tl-item{opacity:1;transform:translateY(0)}.tl-dot{background:var(--gold);opacity:0;border-radius:50%;width:9px;height:9px;transition:opacity .45s,transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:10px;left:0;transform:scale(0);box-shadow:0 0 0 4px #c9a96e1f}.tl-wrap.drawn .tl-dot{opacity:1;transform:scale(1)}.tl-pulse:after{content:"";border:1px solid #c9a96e99;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite tlPing;position:absolute;inset:-4px}@keyframes tlPing{0%{opacity:1;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.9)}}.tl-date{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:10px}.tl-title{font-family:var(--serif);color:var(--ink);margin-bottom:10px;font-size:20px;font-weight:400}.tl-desc{color:var(--muted);font-size:13px;font-weight:300;line-height:1.7}.tl-now{width:150px}.tl-now .tl-date{color:var(--muted)}.tl-now-text{font-family:var(--serif);color:var(--muted);font-size:16px;font-style:italic;font-weight:300}.tl-fade{pointer-events:none;width:72px;position:absolute;top:0;bottom:0}.tl-fade.left{background:linear-gradient(to right, var(--bg), transparent);left:0}.tl-fade.right{background:linear-gradient(to left, var(--bg), transparent);right:0}.tl-hint{text-align:center;letter-spacing:.4em;text-transform:uppercase;color:var(--faint);margin-top:2px;font-size:9px}.projects{background:var(--bg);padding:96px 48px 112px}.projects-inner{max-width:1200px;margin:0 auto}.section-head{text-align:center;margin-bottom:72px}.section-label{letter-spacing:.55em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:10px}.section-tick{background:#c9a96e66;width:40px;height:1px;margin:0 auto}.gb{flex-direction:column;align-items:center;gap:24px;display:flex}.gb button{appearance:none;font-family:var(--sans)}.sw-body{--jc:clamp(64px, 11vw, 112px);grid-template-columns:var(--jc) minmax(0, 1fr) var(--jc);filter:drop-shadow(0 30px 60px #0009);width:min(940px,96vw);display:grid}.sw-joycon{padding:calc(var(--jc) * .34) 0 calc(var(--jc) * .36);background:#121110;border:1px solid #c9a96e3d;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative}.sw-joycon.left{border-radius:calc(var(--jc) * .42) 0 0 calc(var(--jc) * .42);border-right:0}.sw-joycon.right{border-radius:0 calc(var(--jc) * .42) calc(var(--jc) * .42) 0;border-left:0}.sw-minus,.sw-plus{top:calc(var(--jc) * .13);background:#c9a96e8c;width:13px;height:2px;position:absolute}.sw-minus{right:calc(var(--jc) * .16)}.sw-plus{left:calc(var(--jc) * .16)}.sw-plus:after{content:"";background:#c9a96e8c;width:2px;height:13px;position:absolute;top:-5.5px;left:5.5px}.sw-stick{width:calc(var(--jc) * .4);height:calc(var(--jc) * .4);background:radial-gradient(circle at 38% 30%,#201d19,#0d0c0b);border:1px solid #c9a96e52;border-radius:50%;box-shadow:0 0 0 4px #0a0a09,0 0 0 5px #c9a96e24}.sw-dpad,.sw-abxy{width:calc(var(--jc) * .8);height:calc(var(--jc) * .8);position:relative}.sw-dbtn,.sw-btn{width:calc(var(--jc) * .27);height:calc(var(--jc) * .27);color:var(--gold);font-size:calc(var(--jc) * .115);background:#161412;border:1px solid #c9a96e66;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .15s;display:flex;position:absolute}.sw-btn{font-family:var(--serif)}span.sw-dbtn,span.sw-btn{opacity:.5}.sw-btn.a{border-color:#c9a96ed9;box-shadow:0 0 12px #c9a96e2e}button.sw-dbtn:hover,button.sw-btn:hover{background:#c9a96e1f}.pos-up{top:0;left:50%;transform:translate(-50%)}.pos-down{bottom:0;left:50%;transform:translate(-50%)}.pos-left{top:50%;left:0;transform:translateY(-50%)}.pos-right{top:50%;right:0;transform:translateY(-50%)}button.pos-left:active,button.pos-right:active{transform:translateY(-50%)scale(.9)}button.pos-down:active,button.pos-up:active{transform:translate(-50%)scale(.9)}.sw-capture{width:calc(var(--jc) * .17);height:calc(var(--jc) * .17);border:1px solid #c9a96e59;border-radius:4px}.sw-home{width:calc(var(--jc) * .19);height:calc(var(--jc) * .19);border:1px solid #c9a96e59;border-radius:50%}.sw-tablet{background:#0c0c0b;border-top:1px solid #c9a96e38;border-bottom:1px solid #c9a96e38;flex-direction:column;gap:10px;padding:12px clamp(12px,2vw,22px) clamp(14px,2vw,20px);display:flex}.gb-top{align-items:center;gap:8px;display:flex}.gb-led{background:#3a2f28;border-radius:50%;width:7px;height:7px;transition:background .5s,box-shadow .5s}.gb-led.on{background:#6fae7d;box-shadow:0 0 8px #6fae7dcc}.gb-top-label{letter-spacing:.3em;text-transform:uppercase;color:var(--faint);font-size:8px}.gb-top-brand{font-family:var(--serif);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-left:auto;font-size:10px}.sw-screen{aspect-ratio:16/9;background:radial-gradient(at 50% 30%,#0c0b08,#070706);border:1px solid #c9a96e1f;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gb-scanlines{pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00000038 2px 3px);position:absolute;inset:0}.gb-boot{font-family:var(--serif);letter-spacing:.34em;color:var(--gold);opacity:0;font-size:clamp(24px,3.4vw,34px);animation:1.5s forwards gbBoot}@keyframes gbBoot{0%{opacity:0;transform:translateY(6px)}18%{opacity:1;transform:none}30%{opacity:.25}42%{opacity:1}55%{opacity:.4}70%,to{opacity:1}}.gb-game{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1.4vw,14px);width:100%;height:100%;padding:12px 24px;animation:.3s cubic-bezier(.16,1,.3,1) gbSwap;display:flex;position:relative}@keyframes gbSwap{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.gb-tag,.gb-name,.gb-desc,.gb-dots{z-index:1;position:relative}.gb-tag{letter-spacing:.4em;text-transform:uppercase;color:var(--gold);font-size:clamp(8px,1.1vw,10px)}.gb-name{font-family:var(--serif);color:var(--ink);text-shadow:0 0 26px #c9a96e47;font-size:clamp(28px,4.6vw,46px);font-weight:400;line-height:1.1}.gb-desc{color:var(--muted);max-width:30em;font-size:clamp(11px,1.4vw,13px);font-weight:300;line-height:1.7;animation:.25s cubic-bezier(.16,1,.3,1) gbSwap}.gb-dots{gap:6px;margin-top:2px;display:flex}.gb-dots span{background:#c9a96e40;border-radius:50%;width:4px;height:4px}.gb-dots span.on{background:var(--gold)}.gb-help{letter-spacing:.35em;text-transform:uppercase;color:var(--faint);font-size:9px}.sw-link{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fx{z-index:0;pointer-events:none;position:absolute;inset:0}.fx-cards span{opacity:0;background:#c9a96e0d;border:1px solid #c9a96e66;border-radius:3px;width:clamp(16px,2.6vw,26px);height:clamp(22px,3.6vw,36px);animation:7s linear infinite fxCard;position:absolute;bottom:-44px}.fx-cards span:first-child{--rot:38deg;animation-duration:6.2s;left:12%}.fx-cards span:nth-child(2){--rot:-30deg;animation-delay:1.8s;left:30%}.fx-cards span:nth-child(3){--rot:24deg;animation-duration:7.8s;animation-delay:3.4s;left:52%}.fx-cards span:nth-child(4){--rot:-42deg;animation-duration:6.8s;animation-delay:.9s;left:70%}.fx-cards span:nth-child(5){--rot:18deg;animation-delay:2.6s;left:86%}@keyframes fxCard{0%{opacity:0;transform:translateY(0)rotate(0)}12%{opacity:.55}80%{opacity:.35}to{transform:translateY(-520px) rotate(var(--rot,30deg));opacity:0}}.fx-clips .fx-rec{background:var(--gold);border-radius:50%;width:8px;height:8px;animation:1.3s steps(2,end) infinite fxBlink;position:absolute;top:11%;right:8%}.fx-clips .fx-rec:after{content:"rec";letter-spacing:.3em;text-transform:uppercase;color:#c9a96eb3;font-size:9px;position:absolute;top:-3px;right:14px}@keyframes fxBlink{50%{opacity:.2}}.fx-clips .fx-reel{opacity:.6;border-top:1px solid #c9a96e40;border-bottom:1px solid #c9a96e40;gap:8px;padding:3px 0;animation:10s linear infinite fxReel;display:flex;position:absolute;bottom:12%;left:0}.fx-clips .fx-reel span{background:#c9a96e0d;border:1px solid #c9a96e47;border-radius:2px;flex:0 0 30px;height:18px}@keyframes fxReel{to{transform:translate(-190px)}}.fx-monitor svg{opacity:.55;width:100%;height:36%;position:absolute;bottom:16%;left:0;right:0}.fx-monitor path{fill:none;stroke:var(--gold);stroke-width:1.4px;stroke-dasharray:70 400;animation:3.2s linear infinite fxSweep}@keyframes fxSweep{0%{stroke-dashoffset:470px}to{stroke-dashoffset:0}}.status-strip{background:var(--bg);text-align:center;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);font-variant-numeric:tabular-nums;border-top:1px solid #c9a96e14;padding:22px 24px;font-size:10px}.status-strip .lit{color:var(--muted)}.status-strip .ok-dot{vertical-align:1px;background:#6fae7d;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.site-footer{background:var(--bg-footer);border-top:1px solid #c9a96e1f;padding:60px 48px 48px}.footer-inner{flex-direction:column;align-items:center;gap:18px;max-width:1200px;margin:0 auto;display:flex}.footer-name{font-family:var(--serif);letter-spacing:.25em;color:var(--ink);font-size:22px;font-weight:300}.footer-motto{font-family:var(--serif);color:var(--muted);letter-spacing:.06em;font-size:14px;font-style:italic;font-weight:300}.footer-tick{background:#c9a96e59;width:32px;height:1px;margin:4px 0}.footer-copy{letter-spacing:.35em;text-transform:uppercase;color:var(--faint);font-size:10px}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:640px){.brand{font-size:16px;top:24px;left:24px}.nav-hint{top:28px;right:24px}.projects{padding:72px 24px 88px}.timeline{padding-top:72px}.tl-track{gap:44px;padding:10px 24px 40px}.tl-item{width:190px}.site-footer{padding:48px 24px 40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-char,.shimmer-text,.hero-label,.gold-line{animation-duration:10ms;animation-delay:0s}.shimmer-text{animation-iteration-count:1}.scroll-cue{animation:none}.reveal{opacity:1;transition:none;transform:none}.tl-line,.tl-item,.tl-dot{transition:none}.tl-pulse:after,.gb-boot,.gb-game,.gb-start{animation:none}.gb-boot{opacity:1}}
html{scroll-snap-type:y mandatory}.hero,.timeline,.projects,.outro{scroll-snap-align:start;scroll-snap-stop:always}.timeline,.projects,.outro{flex-direction:column;justify-content:center;min-height:100svh;display:flex}.outro{align-items:center;gap:40px}@media (prefers-reduced-motion:reduce){html{scroll-snap-type:none}}
.tl-snake{align-items:start;gap:clamp(54px,12vh,108px) 18px;width:100%;max-width:1080px;margin:44px auto 0;padding:24px clamp(30px,7vw,92px);display:grid;position:relative}.tl-svg-line{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tl-line-path{fill:none;stroke:var(--gold);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.85;filter:drop-shadow(0 0 6px #c9a96e40)}.tl-node{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.tl-mark{background:var(--gold);border-radius:50%;width:12px;height:12px;margin-bottom:14px;box-shadow:0 0 0 5px #c9a96e1f}.tl-node.now .tl-mark{background:var(--ink);animation:1.9s ease-in-out infinite tl-pulse;box-shadow:0 0 0 5px #f5f0e824}@keyframes tl-pulse{0%,to{box-shadow:0 0 0 5px #f5f0e824}50%{box-shadow:0 0 0 10px #f5f0e80a}}.tl-date{font-family:var(--sans);letter-spacing:.14em;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:400}.tl-name{font-family:var(--serif);color:var(--ink);max-width:16ch;margin-top:6px;font-size:clamp(15px,1.9vw,21px);font-weight:400;line-height:1.24}@media (prefers-reduced-motion:reduce){.tl-node.now .tl-mark{animation:none}}
.gate{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:0 28px;display:flex;position:relative;overflow:hidden}.gate:before{content:"";background:radial-gradient(circle at 50% 42%, #c9a96e12, transparent 56%), radial-gradient(circle at 50% 50%, #0c0b09 0%, var(--bg) 74%);pointer-events:none;position:absolute;inset:0}.gate-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:360px;display:flex;position:relative}.gate-inner>*{opacity:0;animation:.85s cubic-bezier(.16,1,.3,1) forwards gate-rise;transform:translateY(14px)}.gate-inner>:first-child{animation-delay:.15s}.gate-inner>:nth-child(2){animation-delay:.3s}.gate-inner>:nth-child(3){animation-delay:.45s}.gate-inner>:nth-child(4){animation-delay:.6s}.gate-inner>:nth-child(5){animation-delay:.75s}.gate-inner>:nth-child(6){animation-delay:.9s}.gate-inner>:nth-child(7){animation-delay:1s}@keyframes gate-rise{to{opacity:1;transform:translateY(0)}}.gate-label{font-family:var(--sans);letter-spacing:.5em;text-transform:uppercase;color:var(--gold);padding-left:.5em;font-size:10px;font-weight:400}.gate-mark{font-family:var(--serif);letter-spacing:.26em;text-transform:uppercase;color:var(--ink);margin-top:18px;padding-left:.26em;font-size:clamp(36px,6.5vw,52px);font-weight:300;line-height:1.1}.gate-line-box{width:56px;margin-top:26px}.gate-line{background:var(--gold);transform-origin:50%;height:1px;animation:1.1s cubic-bezier(.16,1,.3,1) .7s forwards gate-line-draw;display:block;transform:scaleX(0)}@keyframes gate-line-draw{to{transform:scaleX(1)}}.gate-sub{font-family:var(--serif);letter-spacing:.04em;color:var(--muted);margin-top:26px;font-size:16px;font-weight:300}.gate-form{flex-direction:column;width:100%;margin-top:42px;display:flex}.gate-input{text-align:center;width:100%;font-family:var(--sans);letter-spacing:.28em;color:var(--ink);background:0 0;border:none;border-bottom:1px solid #c9a96e38;outline:none;padding:14px 4px;font-size:15px;font-weight:300;transition:border-color .5s}.gate-input::placeholder{color:var(--faint);letter-spacing:.2em}.gate-input:focus{border-bottom-color:var(--gold)}.gate-btn{color:var(--gold);font-family:var(--sans);letter-spacing:.42em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #c9a96e52;margin-top:26px;padding:14px 0 14px .42em;font-size:11px;font-weight:400;transition:background-color .45s,color .45s,border-color .45s}.gate-btn:hover{background:var(--gold);border-color:var(--gold);color:#0a0a0a}.gate-error{font-family:var(--sans);letter-spacing:.1em;color:#c08a72;margin-top:18px;font-size:11px;font-weight:300}.gate-note{font-family:var(--sans);letter-spacing:.16em;color:var(--faint);margin-top:46px;font-size:10px;font-weight:300;line-height:2.1}@media (prefers-reduced-motion:reduce){.gate-inner>*{opacity:1;animation:none;transform:none}.gate-line{animation:none;transform:scaleX(1)}}