: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}.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}.hero img:not(:nth-child(2)){display:none}}.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 .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)}@media (max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}.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:80;background:var(--paper);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}}.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 form{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}.rcp 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}.rcp input::placeholder{color:var(--mute)}.rcp .stat{margin-top:28px;font-size:var(--fs-body)}.rcp canvas{width:300px;max-width:100%;aspect-ratio:2/3;height:auto}@media (max-width:760px){.rcp{grid-template-columns:1fr}}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:760px){.foot{grid-template-columns:1fr 1fr}}.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))}