:root{--day: #ECEAE6;--night: #0E0D10;--ink: #111111;--ink-night: #E8E6E1;--mute: #9A968F;--mute-night: rgba(232,230,225,.42);--line-night: rgba(232,230,225,.14);--paper: #F4F3F0;--ph: #E2DFD9;--accent: #7CFFB2;--font: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Helvetica Neue", Arial, sans-serif;--fs-body: 12px;--fs-label: 13px;--fs-logo: 30px;--gutter: 28px;--grid-gap: 4px;--nav-h: 64px;--ease: cubic-bezier(.2,.7,.2,1);--t-fast: .3s;--t-slow: 1.2s}@media (max-width: 760px){:root{--gutter: 16px}}.t{font-size:var(--fs-label);font-weight:500;letter-spacing:.01em;text-transform:uppercase}.u{position:relative;cursor:pointer;background:none;border:0;padding:0;color:inherit;font:inherit}.u:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s}.u:hover:after,.u.on:after{transform:scaleX(1);transform-origin:left}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{word-break:keep-all;font-family:var(--font);font-size:var(--fs-body);line-height:1.55;color:var(--ink);background:var(--day);transition:background .6s,color .6s;-webkit-font-smoothing:antialiased}body.dark{background:var(--night);color:var(--ink-night)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}body{-webkit-tap-highlight-color:transparent}.u{touch-action:manipulation}.u:before{content:"";position:absolute;top:-10px;right:-6px;bottom:-10px;left:-6px}.rv{opacity:0;transform:translateY(18px);transition:opacity 1s,transform 1s var(--ease)}.rv.in{opacity:1;transform:none}.nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;z-index:50;color:#fff;mix-blend-mode:difference;pointer-events:none}.nav *{pointer-events:auto}.nav .side{display:flex;gap:30px;flex:1}.nav .side.r{justify-content:flex-end}.logo{position:fixed;top:0;left:50%;transform:translate(-50%);height:var(--nav-h);display:flex;align-items:center;gap:12px;z-index:51;white-space:nowrap;transition:opacity .35s}.logo img{width:auto;height:22px;object-fit:contain}.logo span{font-size:var(--fs-label);font-weight:500;color:var(--ink);transition:color .6s}body.dark .logo span{color:var(--ink-night)}@media (max-width:1180px){.nav .side.l .u:nth-child(n+3){display:none}}@media (max-width:760px){.nav{padding-top:env(safe-area-inset-top);transition:opacity .35s}.nav.hide{opacity:0}.nav.hide *{pointer-events:none}.nav .side.l .u:not(:first-child){display:none}.nav .live.presenting{position:absolute;right:var(--gutter);top:100%}.logo{padding-top:env(safe-area-inset-top);gap:8px}.logo img{height:16px}.logo.hide{opacity:0;pointer-events:none}}.hero{height:100vh;height:100svh;min-height:560px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;overflow:hidden}.hero img{transform:scale(1.04);transition:transform 2.4s var(--ease)}.hero.in img{transform:scale(1)}.hero .cap{position:absolute;left:var(--gutter);bottom:26px;display:flex;gap:28px;color:var(--ink)}.hero .cap.r{left:auto;right:var(--gutter)}@media (max-width:760px){.hero{grid-template-columns:1fr;grid-template-rows:1fr}}.state{padding:22vh var(--gutter) 26vh;display:grid;grid-template-columns:1fr 1fr;gap:28px}.state p{font-size:var(--fs-label);max-width:420px}.state .k{color:var(--mute)}@media (max-width:760px){.state{grid-template-columns:1fr}}.night{position:relative;height:110vh;overflow:hidden}.night img{position:absolute;top:0;right:0;bottom:0;left:0;height:120%;will-change:transform}.night .cap{position:absolute;left:var(--gutter);bottom:28px;color:var(--ink-night);max-width:360px}.night .cap .t{margin-bottom:6px}.space{padding:18vh var(--gutter) 10vh;display:grid;grid-template-columns:5fr 7fr;gap:28px;align-items:start}.space ol{list-style:none;position:sticky;top:30vh}.space li{display:grid;grid-template-columns:36px 110px 1fr;gap:10px;padding:14px 0;border-top:1px solid var(--line-night);cursor:pointer;color:var(--mute-night);transition:color .3s}.space li:last-child{border-bottom:1px solid var(--line-night)}.space li.on,.space li:hover{color:var(--ink-night)}.space li .d{text-transform:none;font-weight:400;font-size:var(--fs-body)}.space .view{position:sticky;top:12vh;aspect-ratio:16/10;overflow:hidden;background:#000}.space .view img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .7s}.space .view img.on{opacity:1}.space .go{margin-top:28px;display:inline-block}.space .walk{margin-left:24px}.space .note{color:var(--mute-night);margin-top:6px}@media (max-width:760px){.space{grid-template-columns:1fr}.space ol{position:static}.space li{grid-template-columns:24px 78px 1fr;gap:8px}.space .view{position:relative;top:0;order:-1}}.coll{padding:16vh 0 0}.coll .bar{display:flex;justify-content:space-between;align-items:baseline;padding:0 var(--gutter) 26px}.coll .cnt{color:var(--mute)}.filters{display:flex;gap:26px}.filters span{position:relative;color:var(--mute);cursor:pointer;transition:color .25s;touch-action:manipulation}.filters span:before{content:"";position:absolute;top:-10px;right:-6px;bottom:-10px;left:-6px}.filters span.on,.filters span:hover{color:var(--ink)}body.dark .filters span.on,body.dark .filters span:hover{color:var(--ink-night)}.filters sup{font-size:var(--fs-body);line-height:0;margin-left:2px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);padding:0 var(--grid-gap)}.card{cursor:pointer}.card .ph{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--ph)}.card .ph img{transition:transform var(--t-slow) var(--ease)}.card:hover .ph img{transform:scale(1.025)}.card .ph .rv-img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)}.card:hover .ph .rv-img,.card .ph.rev .rv-img{opacity:1}.card .meta{padding:10px 24px 34px;display:grid;grid-template-columns:1fr auto;gap:2px 12px}.card .meta .l{color:var(--mute)}.ins{grid-column:span 2;grid-row:span 2;aspect-ratio:9/16;align-self:start;overflow:hidden;background:var(--ph)}@media (max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}.ins{grid-row:span 1}.card .meta{padding:8px 12px 24px}.coll .bar{flex-direction:column;gap:14px;padding:0 var(--gutter) 22px}.filters{gap:16px;flex-wrap:wrap}}.detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:94;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:7fr 5fr;opacity:0;pointer-events:none;transition:opacity .45s}.detail.open{opacity:1;pointer-events:auto}.detail .ph{height:100vh;overflow:hidden}.detail .tx{padding:96px 40px 40px;display:flex;flex-direction:column;gap:22px;max-width:440px}.detail .name{font-size:var(--fs-label);font-weight:500}.detail .row{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}.detail .row b{font-weight:500;color:var(--mute)}.detail .row small{font-size:inherit;color:var(--mute)}.detail .close{position:absolute;top:24px;right:var(--gutter)}.detail .nx{display:flex;gap:26px;margin-top:auto}@media (max-width:760px){.detail{grid-template-columns:1fr;overflow:auto}.detail .ph{height:70vh;height:70svh}.detail .tx{padding:28px 16px calc(60px + env(safe-area-inset-bottom))}.detail .close{position:fixed;top:max(24px,env(safe-area-inset-top));z-index:2;color:#fff;mix-blend-mode:difference}}.detail .styled{display:flex;flex-direction:column;gap:12px}.detail .thumbs{display:flex;flex-wrap:wrap;gap:8px}.detail .thumbs button{background:none;border:0;padding:0;width:54px;aspect-ratio:9/16;cursor:pointer;touch-action:manipulation;transition:opacity .25s}.detail .thumbs button:hover{opacity:.6}.look-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:var(--night);color:var(--ink-night)}.look-full img{width:100%;height:100%;object-fit:contain}.look-full .cap{position:absolute;left:var(--gutter);bottom:calc(24px + env(safe-area-inset-bottom));color:var(--mute-night);pointer-events:none}.slots .row{display:flex;gap:8px;align-items:center}.slots .row canvas{width:34px;height:48px;max-width:none;aspect-ratio:auto;display:block;cursor:default;opacity:1;justify-self:auto}.slots .q{width:34px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--mute);font-size:var(--fs-label)}.slots .cap{margin-top:10px;color:var(--mute);font-size:var(--fs-body)}.rcp .slots{margin-top:28px}.rcp{padding:22vh var(--gutter) 22vh;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.rcp p{font-size:var(--fs-label);max-width:420px}.rcp .k{color:var(--mute)}.rcp .go{margin-top:28px}.rcp .stat{margin-top:28px;font-size:var(--fs-body)}.rcp canvas{width:280px;max-width:100%;aspect-ratio:280/680;height:auto;cursor:pointer;justify-self:center}.rcp canvas.rv.in{opacity:.25}@media (max-width:760px){.rcp{grid-template-columns:1fr}}.rfull{position:fixed;top:0;right:0;bottom:0;left:0;z-index:92;background:var(--day);color:var(--ink);overflow:auto}.rfull .close{position:absolute;top:max(24px,env(safe-area-inset-top));right:var(--gutter);z-index:2}.rfull .in{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:72px var(--gutter) calc(48px + env(safe-area-inset-bottom))}.rfull canvas{width:280px;max-width:100%;aspect-ratio:280/680;height:auto;transition:opacity var(--t-slow) var(--ease)}.rfull .slots{display:flex;flex-direction:column;align-items:center}.rfull form{display:flex;flex-direction:column;align-items:center;gap:14px}.rfull input{width:min(260px,100%);background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;outline:0;color:inherit;font:inherit;font-size:var(--fs-label);padding:6px 0;text-align:center}.rfull input::placeholder{color:var(--mute)}.menu{background:var(--night);color:var(--ink-night);padding:18vh var(--gutter) 10vh;display:grid;grid-template-columns:1fr 1fr;gap:12vh 28px}.menu .grp>.t,.menu .lead{text-align:center}.menu .lead{color:var(--mute-night);margin:8px auto 28px;max-width:420px}.menu ul{list-style:none}.menu li{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:16px 0;border-top:1px solid var(--line-night)}.menu li:last-child{border-bottom:1px solid var(--line-night)}.menu .nm{text-transform:none}.menu .pr{font-size:var(--fs-label)}.menu .ds,.menu .src{grid-column:1/-1;font-size:var(--fs-body);color:var(--mute-night)}.menu .src{opacity:.8}@media (max-width:760px){.menu{grid-template-columns:1fr;gap:10vh}}.course{position:fixed;top:0;right:0;bottom:0;left:0;z-index:92;background:var(--night);color:var(--ink-night)}.course .stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--night);cursor:default}.course .close{position:absolute;top:max(24px,env(safe-area-inset-top));right:var(--gutter);z-index:3}.course .stage.crt{color:var(--accent)}.course .bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;animation:cfade 1.2s var(--ease)}@keyframes cfade{0%{opacity:0}}.course .scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(rgba(0,0,0,.28) 0 1px,transparent 1px 3px)}.course .spk{color:var(--mute-night);margin-bottom:8px}.course .stage.crt .spk{color:inherit}.course .say,.course .choice,.course .end{position:absolute;left:var(--gutter);right:var(--gutter);bottom:var(--gutter);max-width:640px;font-size:var(--fs-label)}.course .say p.old{color:var(--mute-night)}.course .say p+p{margin-top:6px}.course .say .nx{display:block;margin-top:14px;color:var(--mute-night)}.course .choice .q{margin-bottom:14px}.course .choice ul{list-style:none;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.course .choice li{cursor:pointer}.course .beat{position:absolute;left:var(--gutter);right:var(--gutter);top:50%;transform:translateY(-50%);text-align:center;font-size:var(--fs-label);min-height:1.4em}.course .cue{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;animation:cfade .5s var(--ease)}.course .beat.gl1{animation:jit1 .18s steps(2) infinite}.course .beat.gl2{animation:jit2 .12s steps(2) infinite}.course .beat.gl3{animation:jit3 .08s steps(2) infinite}@keyframes jit1{0%{transform:translateY(-50%)}50%{transform:translate(1px,-50%)}}@keyframes jit2{0%{transform:translate(-2px,-50%)}50%{transform:translate(2px,-49%)}}@keyframes jit3{0%{transform:translate(-4px,-52%)}33%{transform:translate(3px,-48%)}66%{transform:translate(-1px,-50%)}}.course .dark{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--night);opacity:0;pointer-events:none;transition:opacity .8s linear}.course .dark.on{opacity:1}.course .end{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.course .end .title{font-weight:500}.course .end .src{font-size:var(--fs-body);color:var(--mute-night)}.course .end .rec{display:flex;align-items:center;gap:12px;margin-top:10px;cursor:pointer}.course .end .rec img{width:54px;height:72px}.course .end .links{display:flex;gap:26px;margin-top:12px}@media (max-width:760px){.course .say,.course .choice,.course .end{bottom:calc(var(--gutter) + env(safe-area-inset-bottom))}}.coursepage{background:var(--night);color:var(--ink-night);min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:18vh var(--gutter);text-align:center}.coursepage p:not(.t){font-size:var(--fs-label);color:var(--mute-night)}.coursepage .go{display:inline-block;margin-top:10px}.toc.space{padding-top:8vh}.toc>div{min-width:0}.toc li.cur span:nth-child(2){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.toc li{display:block;padding:0}.toc li a{display:grid;grid-template-columns:36px 110px 1fr;gap:10px;padding:14px 0}.toc li a:after{display:none}@media (max-width:760px){.toc li a{grid-template-columns:24px 98px 1fr;gap:16px}}.gal{min-width:0;max-width:100%}.gal .strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.gal .strip::-webkit-scrollbar{display:none}.gal .strip img{flex:0 0 min(88%,880px);width:min(88%,880px);min-width:0;height:auto;aspect-ratio:16/9;scroll-snap-align:start;background:var(--ph)}.gal .note{margin-top:12px;color:var(--mute-night);font-size:var(--fs-body);min-height:1.55em}.gal .cnt{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:var(--mute-night)}.gal .cnt .u{padding:4px 10px}.gsec{padding:10vh var(--gutter) 4vh}footer{padding:22vh 0 26px}.word{display:inline-block;font-weight:700;letter-spacing:-.065em;line-height:.8;white-space:nowrap;text-transform:lowercase}.foot{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:36px var(--gutter) 0}.foot div{display:flex;flex-direction:column;gap:2px}.foot .k{color:var(--mute)}.foot .u{align-self:start;display:inline-flex;align-items:center;min-height:24px}@media (max-width:1024px){.foot{grid-template-columns:1fr 1fr}}.walk-frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100%;border:0;background:var(--night)}.deck-slide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:97;background:var(--night);display:flex;align-items:center;justify-content:center}.deck-slide img{width:100%;height:100%;object-fit:contain}.deck-test,.deck-hud{position:fixed;left:0;right:0;z-index:110;text-align:center;pointer-events:none;font-size:var(--fs-body);font-weight:500;letter-spacing:.01em;text-transform:uppercase}.deck-test{top:6px;color:var(--mute);white-space:nowrap}.deck-hud{bottom:calc(6px + env(safe-area-inset-bottom));color:#fff;mix-blend-mode:difference}.deck-hud .note{transform:translateY(-34px);margin-bottom:-18px}.deck-hud .u{pointer-events:auto;padding:0 12px}.deck-look{position:fixed;top:0;right:0;bottom:0;left:0;z-index:97;background:var(--night);display:flex;align-items:center;justify-content:center;gap:var(--grid-gap)}.deck-look img{flex:0 1 auto;min-width:0;width:auto;height:100%;aspect-ratio:9/16}@media (max-width:760px){.deck-look{justify-content:flex-start;gap:8px;padding:0 var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.deck-look img{flex:none;height:78%;scroll-snap-align:center}}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;border:1px solid currentColor;margin-right:7px;vertical-align:1px;transition:background .3s}.live.on i{background:currentColor}.live em{font-style:normal}.ret{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:95;mix-blend-mode:difference;color:#fff;opacity:0;pointer-events:none;transition:opacity .3s;white-space:nowrap}.ret.show{opacity:1;pointer-events:auto}.ret.lift{bottom:calc(68px + env(safe-area-inset-bottom))}