@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@property --accent{syntax:"<color>";inherits:true;initial-value:#cfe0f4}:root{--bg:#02060c;--ink:#eef4f8;--dim:#eef4f899;--faint:#eef4f857;--line:#eef4f829;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Helvetica Neue", Helvetica, Arial, "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--mono:var(--sans);--pad:clamp(18px, 2.2vw, 34px)}*{box-sizing:border-box}html{background:var(--bg);scrollbar-width:none;-webkit-text-size-adjust:100%;transition:--accent 1.2s}html::-webkit-scrollbar{display:none}html.locked{overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all;margin:0;overflow-x:clip}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p,figure,dl,dd,ol{margin:0;padding:0}img,video{display:block}::selection{background:var(--accent);color:#02060c}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}button:active:not(.panel):not(.side-card){transform:scale(.96)}.bg{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}.bg video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.puzzle-canvas{z-index:1;pointer-events:none;position:fixed;inset:0}.puzzle-canvas canvas{display:block}.fx{z-index:70;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main{z-index:2;opacity:0;transition:opacity .9s .1s;position:relative}main.ready{opacity:1}.cover{height:210vh;position:relative}.cover-stage{height:100svh;position:sticky;top:0;overflow:hidden}.cover-row{white-space:nowrap;font:400 clamp(40px, 9vw, 168px) / 1 var(--serif);letter-spacing:-.02em;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.word{will-change:opacity, transform;flex:none;padding:0 .16em}.win-slot{flex:none;width:1.5em;height:.86em;display:block}.cover-meta{letter-spacing:.22em;color:var(--dim);justify-content:center;gap:1.6em;font-size:12px;font-weight:500;display:flex;position:absolute;top:clamp(78px,14vh,140px);left:0;right:0}.cover-meta span:last-child{color:var(--accent)}.cover-sub{text-align:center;position:absolute;bottom:clamp(96px,18vh,180px);left:0;right:0}.cover-sub .ko{letter-spacing:.01em;font-size:clamp(17px,1.7vw,25px);font-weight:500}.cover-sub .who{color:var(--dim);letter-spacing:.04em;margin-top:12px;font-size:clamp(12px,1vw,14px)}.cover-sub b{color:var(--accent);padding:0 .3em;font-weight:400}.hint{bottom:var(--pad);letter-spacing:.3em;color:var(--faint);flex-direction:column;align-items:center;gap:10px;font-size:10px;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hint span{background:linear-gradient(var(--accent), transparent);transform-origin:top;width:1px;height:34px;animation:1.8s ease-in-out infinite drip}@keyframes drip{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.intro{height:210vh}.intro-stage{height:100svh;position:sticky;top:0}.intro-box{gap:clamp(2px,.6vh,8px);display:grid;position:absolute;top:71%;left:50%;transform:translate(-50%,-50%)}.intro-line{white-space:nowrap;will-change:opacity, transform;padding:.1em .2em;font-size:clamp(16px,1.5vw,23px);overflow:hidden}.intro-line>span{will-change:transform;grid-template-columns:3.3em auto;align-items:baseline;column-gap:1.1em;display:grid;transform:translateY(110%)}.intro-line em{font:italic 400 1.9em / 1 var(--serif);text-align:right;letter-spacing:-.01em}.intro-line b{color:#eef4f8e0;border-left:1px solid var(--accent);padding-left:1.1em;font-weight:400}.gallery{position:relative}.gallery-stage,.side-stage{perspective:1500px;height:100svh;position:sticky;top:0;overflow:hidden}.helix{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:47%;left:50%}.panel{--dim:0;width:0;height:0;transform-style:preserve-3d;will-change:transform;cursor:pointer;position:absolute;top:0;left:0}.award{left:calc(50% + var(--W) / 2 + clamp(6px, .9vw, 16px));top:calc(47% - var(--H) / 2);text-align:center;opacity:0;will-change:transform, opacity;pointer-events:none;flex-direction:column;align-items:center;width:clamp(92px,9.5vw,150px);display:flex;position:absolute}.award.none{visibility:hidden}.award strong{letter-spacing:.02em;z-index:1;text-shadow:0 1px 8px #02060ccc;margin-bottom:-.55em;font-size:clamp(12px,1.05vw,16px);font-weight:700;position:relative}.award img{filter:drop-shadow(0 6px 18px #00000080);width:100%;height:auto}.award span{color:#eef4f8db;margin-top:8px;font-size:clamp(10px,.82vw,12.5px);line-height:1.45}.award span i{white-space:nowrap;font-style:normal;display:block}.award.mini{opacity:1;width:clamp(60px,6vw,92px);top:12px;left:auto;right:12px}.award.mini span{display:none}.panel.rip i,.side-card.rip .side-media{animation:rip .9s cubic-bezier(.2, .7, .2, 1) var(--rd,0s)}@keyframes rip{0%{filter:brightness();scale:1}28%{filter:brightness(1.28);scale:1.035}60%{scale:.992}to{filter:brightness();scale:1}}.cursor{z-index:65;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.cursor span{letter-spacing:.22em;color:#02060c;background:var(--ink);opacity:0;transform-origin:0 0;white-space:nowrap;border-radius:99px;padding:8px 12px 7px;font-size:10px;font-weight:700;transition:transform .35s cubic-bezier(.2,.9,.2,1.2),opacity .25s;position:absolute;top:16px;left:16px;transform:scale(.4)}.cursor.on span{opacity:1;transform:none}@media (hover:none){.cursor{display:none}}.panel i{left:calc(var(--sw) / -2);top:calc(var(--H) / -2);width:var(--sw);height:var(--H);transform:rotateY(calc(var(--b) * 57.2958deg)) translateZ(var(--R));background-color:#050d16;background-repeat:no-repeat;transition:filter .25s,opacity .25s;position:absolute}.panel i:after{content:"";opacity:var(--dim);background:#02060c;position:absolute;inset:0}.panel i:before{content:"";z-index:1;border-top:1px solid #ffffff4d;border-bottom:1px solid #ffffff24;position:absolute;inset:0}.panel i:first-child{border-radius:12px 0 0 12px}.panel i:last-child{border-radius:0 12px 12px 0}.panel.is-center:hover i{filter:brightness(1.14)}.panel:focus-visible{outline:none}.panel:focus-visible i{filter:brightness(1.2)}.caption{pointer-events:none;left:50%;top:calc(47% + var(--capY,26vh));text-align:left;opacity:0;will-change:opacity, transform;justify-content:center;align-items:center;gap:clamp(12px,1.4vw,20px);max-width:92vw;display:flex;position:absolute}.num{letter-spacing:-.04em;color:var(--accent);font-size:clamp(38px,4.2vw,68px);font-weight:200;line-height:.8}.cap-text{text-align:left;display:block}.cap-text strong{letter-spacing:-.01em;align-items:center;gap:10px;font-size:clamp(18px,1.7vw,27px);font-weight:700;line-height:1.25;display:flex}.cap-text strong b{color:#02060c;background:var(--accent);white-space:nowrap;border-radius:99px;padding:5px 10px 4px;font-size:11px;font-weight:700}.cap-text small{color:var(--dim);margin-top:6px;font-size:clamp(12px,.95vw,14px);display:block}.side{z-index:2;visibility:hidden;pointer-events:none;margin-top:-100svh;position:relative}.side-track{will-change:transform, opacity;--cw:clamp(280px, 46vw, 780px);width:max-content;height:100%;padding:0 calc(50vw - var(--cw) / 2);transform-style:preserve-3d;will-change:transform;align-items:center;gap:clamp(20px,3.4vw,64px);display:flex}.side-card{--dim:0;width:var(--cw);transform-style:preserve-3d;will-change:transform;flex:none;position:relative}.side-card:before{content:"";aspect-ratio:16/9;background:var(--accent);filter:blur(60px);opacity:0;z-index:-1;border-radius:30%;transition:opacity .6s;position:absolute;top:6%;left:4%;right:4%}.side-card.is-center:before{opacity:.3}.side-media{aspect-ratio:16/9;background:#050d16;border:1px solid #fff3;border-radius:14px;transition:opacity .25s;display:block;position:relative;overflow:hidden}.side-media img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.side-media:after{content:"";opacity:var(--dim);background:#02060c;position:absolute;inset:0}.side-card:hover img{transform:scale(1.04)}.side-text{opacity:.3;align-items:center;gap:clamp(12px,1.4vw,20px);margin-top:clamp(14px,1.6vw,22px);transition:opacity .5s;display:flex}.side-card.is-center .side-text{opacity:1}.ending{z-index:1;visibility:hidden;height:230vh;margin-top:-100svh;position:relative}.ending-stage{flex-direction:column;justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.cube{aspect-ratio:1;opacity:0;will-change:transform, opacity;width:min(52vh,84vw);margin-top:-12vh;transition:opacity .3s;position:relative}.cube video{object-fit:contain;width:100%;height:100%}.cube video.screen{mix-blend-mode:screen}.contact{text-align:center;opacity:0;will-change:transform, opacity;margin-top:-1vh;padding:0 20px}.contact-title{font:400 clamp(34px, 4.6vw, 72px) / 1 var(--serif);letter-spacing:-.02em}.contact-ko{color:var(--dim);margin-top:10px;font-size:clamp(13px,1.1vw,16px)}.contact-rows{letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:8px 30px;margin-top:clamp(16px,2.6vh,28px);font-size:clamp(13px,1.05vw,16px);display:flex}.contact-rows a{border-bottom:1px solid var(--line);padding-bottom:4px;transition:border-color .3s}.contact-rows a:hover{border-color:var(--accent)}.to-top{color:var(--faint);margin-top:clamp(16px,2.6vh,28px);font-size:12px;transition:color .3s}.to-top:hover{color:var(--ink)}.hud-top{z-index:20;top:var(--pad);left:var(--pad);right:var(--pad);letter-spacing:.24em;pointer-events:none;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex;position:fixed}.hud-top button{pointer-events:auto;letter-spacing:inherit}.hud-top span{letter-spacing:.04em;color:var(--dim);font-size:12px}.gallery-head{z-index:20;left:50%;bottom:calc(var(--pad) + 4px);opacity:0;pointer-events:none;letter-spacing:.24em;color:var(--dim);white-space:nowrap;align-items:center;gap:18px;font-size:10px;font-weight:500;display:flex;position:fixed;transform:translate(-50%)}.gallery-head .zone{color:var(--accent)}.gallery-head .count b{color:var(--ink);font-weight:500}.gallery-head .bar{background:var(--line);width:clamp(60px,12vw,180px);height:1px}.gallery-head .bar i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.sound{z-index:60;right:var(--pad);bottom:var(--pad);letter-spacing:.22em;color:var(--dim);border:1px solid var(--line);background:#02060c80;border-radius:99px;align-items:center;gap:10px;padding:10px 14px;font-size:10px;font-weight:500;transition:color .3s,border-color .3s;display:flex;position:fixed}.sound:hover,.sound.on{color:var(--ink);border-color:#eaf4f766}.eq{align-items:flex-end;gap:2px;height:10px;display:flex}.eq i{background:currentColor;width:2px;height:2px}.sound.on .eq i{background:var(--accent);animation:1.1s ease-in-out infinite eq}.sound.on .eq i:nth-child(2){animation-delay:-.4s}.sound.on .eq i:nth-child(3){animation-delay:-.7s}.sound.on .eq i:nth-child(4){animation-delay:-.2s}@keyframes eq{0%,to{height:2px}50%{height:10px}}.detail{z-index:50;overscroll-behavior:contain;scrollbar-width:none;background:radial-gradient(90% 70% at 22% 40%,#071624 0%,#03080f 60%,#02060c 100%);position:fixed;inset:0;overflow-y:auto;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 1px);mask-image:radial-gradient(circle,#000 0,#0000 1px)}.detail::-webkit-scrollbar{display:none}.d-close{z-index:5;top:var(--pad);right:var(--pad);letter-spacing:.24em;border:1px solid var(--line);background:#02060c99;border-radius:99px;align-items:center;gap:10px;padding:10px 14px;font-size:10px;font-weight:500;line-height:1;transition:border-color .3s;display:flex;position:fixed}.d-close:hover{border-color:var(--accent)}button:active:not(.panel){transform:scale(.96)}.d-close i{font-style:normal}.d-grid{grid-template-columns:minmax(0,45fr) minmax(0,55fr);min-height:100%;display:grid}.d-grid.o-h{grid-template-columns:minmax(0,56fr) minmax(0,44fr)}.d-left{place-items:center;height:100svh;padding:76px clamp(20px,3.4vw,60px) 44px;display:grid;position:sticky;top:0}.d-stage{place-items:center;width:100%;height:100%;min-height:0;display:grid}.d-right{max-width:780px;padding:clamp(96px,16vh,150px) clamp(22px,6vw,110px) 0 clamp(10px,2vw,40px)}.player{background:#000;border:1px solid #ffffff29;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 40px 100px -40px #000}.player.v{aspect-ratio:9/16;max-width:100%;height:min(100%,86vh)}.player.h{aspect-ratio:16/9;width:100%}.player video{object-fit:cover;cursor:pointer;width:100%;height:100%}.big-play{letter-spacing:.3em;background:linear-gradient(#02060c1a,#02060c73);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:11px;font-weight:500;line-height:1;display:flex;position:absolute;inset:0}.big-play span{color:#02060c;background:var(--ink);border-radius:50%;place-items:center;width:74px;height:74px;padding-left:3px;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s;display:grid}.big-play:hover span{background:var(--accent);transform:scale(1.08)}.controls{letter-spacing:.08em;opacity:0;background:linear-gradient(#0000,#02060cd1);align-items:center;gap:12px;padding:26px 14px 12px;font-size:10px;font-weight:500;line-height:1;transition:opacity .35s;display:flex;position:absolute;bottom:0;left:0;right:0}.player.is-started .controls{opacity:1}.controls button{place-items:center;min-width:28px;height:28px;display:grid}.seek{cursor:pointer;flex:1;align-items:center;height:16px;display:flex;position:relative}.seek:before{content:"";background:#ffffff3d;height:2px;position:absolute;left:0;right:0}.seek i{background:var(--accent);transform-origin:0;height:2px;position:absolute;left:0;right:0}.time{color:var(--dim);white-space:nowrap}.mute{font-family:var(--sans);letter-spacing:0;border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:0 10px;font-size:11px}.spinner{pointer-events:none;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:34px;height:34px;margin:-17px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.d-image{border:1px solid #ffffff24;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;overflow:hidden;box-shadow:0 40px 100px -40px #000}.d-image.port{height:min(100%,86vh)}.d-image.land{width:100%}.d-image img{object-fit:contain;width:100%;height:100%}.rv{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(30px)}.rv.in{opacity:1;transform:none}.d-kicker{color:var(--dim);letter-spacing:.04em;align-items:center;gap:14px;font-size:13px;display:flex}.d-award{color:#ffe2a0;border:1px solid #ffd67880;border-radius:99px;align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:13px;font-weight:700;display:inline-flex}.d-award img{width:30px;height:auto}.d-head h2{letter-spacing:-.025em;margin-top:18px;font-size:clamp(30px,3.6vw,58px);font-weight:700;line-height:1.16}.d-client{color:var(--dim);flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:14px;display:flex}.d-client b{color:#02060c;background:var(--accent);border-radius:99px;padding:6px 11px 5px;font-size:12px;font-weight:700}.d-label{letter-spacing:.3em;color:var(--accent);border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:14px;font-size:10px;font-weight:500;line-height:1}.d-scenes{margin-top:clamp(40px,7vh,72px)}.scene-box{background:#050d16;border:1px solid #ffffff29;border-radius:12px;position:relative;overflow:hidden}.scene-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.scene-grid.wide{grid-template-columns:repeat(2,1fr)}.scene-cell{aspect-ratio:9/16;background:#050d16;border:1px solid #ffffff29;border-radius:10px;position:relative;overflow:hidden}.scene-grid.wide .scene-cell{aspect-ratio:16/9}.scene-cell video{object-fit:cover;width:100%;height:100%}.scene-cell span{font:400 9px/1 var(--mono);letter-spacing:.16em;background:#02060c99;border-radius:4px;padding:5px 7px;position:absolute;top:8px;left:8px}.scene-box.tall{aspect-ratio:4/5;width:min(100%,340px)}.scene-box.wide{aspect-ratio:16/9;width:100%}.scene-box.slides{width:100%}.scene-box video,.scene-box img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.scene-box .on{opacity:1}.scene-ticks{letter-spacing:.14em;align-items:center;gap:5px;font-size:10px;font-weight:500;line-height:1;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.scene-ticks i{background:#ffffff4d;width:18px;height:2px;transition:background .4s,width .4s}.scene-ticks i.on{background:var(--accent);width:34px}.scene-ticks span{text-shadow:0 1px 6px #000;margin-left:auto}.d-block{margin-top:clamp(48px,9vh,96px)}.d-block h3{letter-spacing:-.015em;margin-bottom:16px;font-size:clamp(20px,1.9vw,28px);font-weight:700;line-height:1.4}.d-block p{color:#eaf4f7d1;font-size:clamp(15px,1.08vw,17px);line-height:1.9}.d-block p+p{margin-top:1.1em}.d-points{list-style:none}.d-points li{border-bottom:1px solid var(--line);gap:20px;padding:22px 0;display:flex}.d-points li>span{color:var(--accent);min-width:34px;font-size:26px;font-weight:200;line-height:1}.d-points h4{margin-bottom:8px;font-size:17px;font-weight:700}.d-points p{font-size:15px;line-height:1.8}.d-info>div{border-bottom:1px solid var(--line);gap:20px;padding:13px 0;font-size:14px;line-height:1.6;display:flex}.d-info dt{width:84px;color:var(--dim);flex:none}.d-posters{margin-top:clamp(48px,9vh,96px)}.poster-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.poster-grid figure{aspect-ratio:1005/1800;cursor:default;background:#050d16;border-radius:8px;position:relative;overflow:hidden}.poster-grid img{object-fit:cover;width:100%;height:100%;transition:filter .5s,transform .8s}.poster-grid figcaption{opacity:0;color:#fff;flex-direction:column;justify-content:flex-end;gap:6px;padding:14px;font-size:12px;line-height:1.6;transition:opacity .4s;display:flex;position:absolute;inset:0}.poster-grid figcaption b{letter-spacing:.24em;font-size:10px;font-weight:500;line-height:1}.poster-grid figcaption strong{font-size:14px;line-height:1.4}.poster-grid figure:hover img,.poster-grid figure:focus img{filter:brightness(.28);transform:scale(1.03)}.poster-grid figure:hover figcaption,.poster-grid figure:focus figcaption{opacity:1}.d-foot{margin-top:clamp(48px,9vh,90px)}.d-next{text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;padding:22px 0;font-size:clamp(18px,1.8vw,26px);font-weight:700;transition:color .3s;display:block}.d-next:hover{color:var(--accent)}.d-next small{letter-spacing:.3em;color:var(--accent);margin-bottom:8px;font-size:10px;font-weight:500;display:block}.d-next i{float:right;font-style:normal}.d-tail{--p:0;height:46vh;color:var(--faint);letter-spacing:.04em;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex}.d-tail span{background:var(--line);width:1px;height:12vh}.d-tail i{background:var(--accent);transform-origin:top;width:100%;height:100%;transform:scaleY(var(--p));display:block}.player .wave{aspect-ratio:1;opacity:0;pointer-events:none;border:1px solid #ffffffb3;border-radius:50%;width:20%;animation:1.1s cubic-bezier(.2,.7,.2,1) wave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 #ffffff4d}.player.is-playing video{animation:.9s ease-out lit}@keyframes wave{0%{opacity:.9;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(9)}}@keyframes lit{0%{filter:brightness(1.7)blur(3px)}to{filter:none}}@media (max-width:900px){.hud-top span{display:none}.side-track{--cw:78vw}.gallery-head{bottom:calc(var(--pad) + 46px)}.cap-text small{max-width:60vw}.award:not(.mini){left:auto;right:5vw;top:calc(47% - var(--H) / 2 - 150px);width:84px}.d-grid,.d-grid.o-h{grid-template-columns:1fr}.d-left{height:auto;padding:78px 18px 0;position:relative}.player.v{width:min(100%,46vh);height:auto}.d-image.port{width:min(100%,44vh);height:auto}.hint{gap:0;font-size:0;bottom:64px}.d-right{padding:40px 20px 0}.poster-grid{grid-template-columns:repeat(2,1fr)}.scene-grid{gap:6px}}@media (prefers-reduced-motion:reduce){.hint span,.sound.on .eq i,.rv{transition-duration:10ms}}