.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}:root{--bg: #000;--chip: #1c1c1c;--ink: #e8e8e8;--muted: #8a8a8a;--surface: #0d0d0d;--line: #1f1f1f;--body: #d8d8d8;--hover: #fff;--font: "Fragment Mono", Pretendard, monospace;--ko: Pretendard, sans-serif;--s: 13px;--m: 15px;--margin: 16px;--ease: cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--bg: #f3f3f1;--chip: #e1e1de;--ink: #141414;--muted: #6a6a6a;--surface: #e6e6e3;--line: #d6d6d3;--body: #262626;--hover: #000}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);transition:background-color .4s,color .4s}body{font-family:var(--font);font-size:var(--s);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}img,video{display:block;width:100%;height:100%;object-fit:cover}ul{list-style:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.chip{display:inline-block;background:var(--chip);color:var(--muted);padding:2px 8px;transition:color .2s,background .2s,transform .2s var(--ease)}.chip:hover{color:var(--ink)}.chip:active{transform:scale(.96)}.chip[aria-current=true],.tags .chip[aria-pressed=true]{background:var(--ink);color:var(--bg)}.ph{width:100%;height:100%;background:var(--surface)}.logo{font-family:"Jersey 10",var(--font);font-size:34px;line-height:1;color:var(--ink);letter-spacing:.01em;transition:opacity .2s}.logo:hover{opacity:.7}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px var(--margin);pointer-events:none}.nav>*{pointer-events:auto}.nav .logo{text-shadow:0 0 14px rgba(0,0,0,.35)}.right{display:flex;gap:6px;align-items:center}.menu{position:relative;display:flex;gap:6px}.menu .chip{position:relative;z-index:1}.menu .chip[aria-current=true]{background:transparent;color:var(--bg)}.menu .ind{position:absolute;top:0;left:0;width:0;height:100%;background:var(--ink);transition:transform .5s var(--ease),width .5s var(--ease);z-index:0;pointer-events:none}.theme{min-width:64px;text-align:center}.foot{padding:180px 0 28px;text-align:center}.foot .logo{font-size:28px;display:inline-block}.foot nav{margin-top:28px;display:flex;justify-content:center;gap:16px}.foot nav a{position:relative}.foot nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.foot nav a:hover:after{transform:scaleX(1);transform-origin:left}.foot .credit{margin-top:18px;color:var(--muted);font-family:var(--ko);font-size:12px}.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i, 0) * 80ms)}.js .rv.in{opacity:1;transform:none}.notfound{min-height:70vh;display:grid;place-content:center;text-align:center;gap:12px;font-family:var(--ko)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.js .rv{opacity:1;transform:none}}.hero{position:relative;height:78vh;min-height:460px;overflow:hidden}.hero.short{height:56vh;min-height:340px}.hero>img,.hero>video{position:absolute;inset:0}.hero:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(to bottom,transparent,var(--bg))}.hero+.tags{margin-top:48px}.tags{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:0 var(--margin) 80px}.list>[data-group]:not([hidden])~[data-group]{margin-top:120px}.list>[data-group][hidden]{display:none}.works{width:min(60%,960px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;column-gap:8%;row-gap:88px}.work{display:block;transition:opacity .45s var(--ease),transform .45s var(--ease)}.frame{position:relative;aspect-ratio:5 / 7;overflow:hidden;background:var(--surface)}.frame>img,.frame>video,.frame>.ph{position:absolute;inset:0}.work .frame .over{position:absolute;inset:auto 0 0;background:var(--ink);color:var(--bg);padding:14px 16px;font-family:var(--ko);font-size:14px;line-height:1.5;transform:translateY(101%);transition:transform .5s var(--ease)}.work:hover .frame .over,.work:focus-visible .frame .over{transform:none}.cap{margin-top:12px}.cap .tg{display:flex;flex-wrap:wrap;gap:4px}.cap h3{font-family:var(--ko);font-size:var(--m);font-weight:500;letter-spacing:-.01em;margin-top:8px;overflow-wrap:anywhere}.cap p{font-family:var(--ko);color:var(--muted);margin-top:2px}.feature{display:block;padding-top:120px;transition:opacity .45s var(--ease),transform .45s var(--ease)}.feature .media{margin:0 auto;overflow:hidden;background:var(--surface)}.feature.mid .media{width:min(560px,calc(100% - 2 * var(--margin)));aspect-ratio:4 / 3}.feature.wide .media{width:100%;height:88vh}.feature .info{padding:40px var(--margin) 0;display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px}.feature h2{font-family:var(--ko);font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:-.03em;line-height:1.12;overflow-wrap:anywhere}.feature:hover h2{color:var(--hover)}.feature .side{text-align:right}.feature .side .tg{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap}.feature .side .m{color:var(--muted);margin-top:8px;font-family:var(--ko)}.work.out,.feature.out{opacity:0;transform:scale(.98)}.work.gone,.feature.gone{display:none}@media(max-width:720px){.works{width:calc(100% - 2 * var(--margin));column-gap:12px;row-gap:48px}.feature .info{grid-template-columns:1fr}.feature .side{text-align:left}.feature .side .tg{justify-content:flex-start}.feature.wide .media{height:60vh}}.lab{width:min(60%,960px);margin:0 auto;display:grid;grid-template-columns:1fr 30%;gap:8%}.rows li{transition:opacity .4s var(--ease),transform .4s var(--ease)}.rows li.out{opacity:0;transform:translate(-12px)}.rows li.gone{display:none}.rows li a{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:baseline;padding:9px 0;transition:opacity .2s,transform .35s var(--ease)}.rows li a:hover{transform:translate(6px)}.rows .d{color:var(--muted)}.rows .t{font-family:var(--ko);font-size:var(--m);overflow-wrap:anywhere}.rows .th{display:none}@media(hover:hover){.rows:hover li a:not(:hover){opacity:.35}}.preview{position:sticky;top:64px;align-self:start;aspect-ratio:4 / 5;background:var(--surface);overflow:hidden}.preview img{position:absolute;inset:0;opacity:0;transform:scale(1.08);transition:opacity .3s,transform .8s var(--ease)}.preview img.on{opacity:1;transform:scale(1)}@media(max-width:720px){.lab{width:calc(100% - 2 * var(--margin));grid-template-columns:1fr}.preview{display:none}.rows li a{grid-template-columns:1fr 72px;row-gap:2px}.rows .d{grid-area:1 / 1}.rows .t{grid-area:2 / 1}.rows .k{grid-area:3 / 1;justify-self:start}.rows .th{display:block;grid-area:1 / 2 / 4 / 3;align-self:center;aspect-ratio:1}}.cover{position:relative;height:100vh;overflow:hidden}.cover>img,.cover>video{position:absolute;inset:0}.cover:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0000008c)}.cover .cap2{position:absolute;z-index:1;left:var(--margin);right:var(--margin);bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;color:#fff}.cover h1{font-family:var(--ko);font-size:clamp(40px,6.4vw,104px);font-weight:500;letter-spacing:-.045em;line-height:.98;overflow-wrap:anywhere}.cover .no{font-family:var(--font);color:#fffc;text-align:right;line-height:1.6;white-space:nowrap}.cover.empty{height:60vh;background:var(--surface)}.cover.empty:after{display:none}.cover.empty .cap2{color:var(--ink)}.cover.empty .no{color:var(--muted)}.record{margin:96px var(--margin) 0;display:grid;grid-template-columns:300px minmax(0,640px);column-gap:8vw}.sheet{position:sticky;top:72px;align-self:start;z-index:1}.sheet dl{display:grid;grid-template-columns:72px 1fr;row-gap:10px}.sheet dt{color:var(--muted)}.sheet dd{font-family:var(--ko)}.sheet dd.en{font-family:var(--font)}.sheet dd .chip{font-family:var(--font);margin:0 4px 4px 0}.btn{font-family:var(--ko);display:inline-block;margin-top:24px;background:var(--ink);color:var(--bg);padding:6px 12px;transition:transform .3s var(--ease),background .2s}.btn:hover{background:var(--hover);transform:translateY(-2px)}.prose{font-family:var(--ko);font-size:clamp(18px,1.5vw,21px);line-height:1.75;color:var(--body);overflow-wrap:anywhere}.prose pre{overflow-x:auto}.prose>*+*{margin-top:1.2em}.prose>p:first-child{font-size:clamp(22px,2vw,28px);line-height:1.5;color:var(--ink);letter-spacing:-.02em}.prose a{text-decoration:underline;text-underline-offset:4px}.prose h2{font-size:1.3em;font-weight:500;color:var(--ink);margin-top:2em}.prose p>img,.prose p>video{height:auto;margin-top:.4em}.prose .blk{position:relative;z-index:2;width:100vw;margin-left:calc(-1 * (var(--margin) + 300px + 8vw));margin-top:120px;margin-bottom:120px}.prose .blk-full{height:100vh;overflow:hidden}.prose .blk-full .blk-item{height:100%}.prose .blk-full img,.prose .blk-full video{height:115%;transform:translateY(var(--py, -6%))}.prose .blk-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prose .blk-pair .blk-item{aspect-ratio:4 / 5;overflow:hidden}.more{width:calc(100% - 2 * var(--margin));margin:160px auto 0}.more>p{color:var(--muted);margin-bottom:20px}.more .g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pn2{display:flex;justify-content:space-between;gap:24px;width:calc(100% - 2 * var(--margin));margin:120px auto 0;padding-bottom:60px;font-family:var(--ko)}.pn2 span{font-family:var(--font);color:var(--muted);margin:0 6px}@media(max-width:720px){.record{grid-template-columns:minmax(0,1fr);row-gap:48px}.sheet{position:static}.prose .blk{margin-left:calc(-1 * var(--margin))}.prose .blk-full{height:70vh}.more .g{grid-template-columns:1fr 1fr}}