/* A compact, native index alongside the spatial home exhibition. */
.work-index-page{--wi-paper:#eeece5;--wi-ink:#211e27;--wi-muted:#66616b;background:var(--wi-paper)!important;color:var(--wi-ink);color-scheme:light}
.work-index-page .site-header{position:relative;inset:auto;margin:0 var(--pad);color:var(--wi-ink);border-bottom:1px solid #29233025}
.work-index-page .language-switch button[aria-pressed=true]{color:var(--wi-ink)}
.work-index-page .language-switch button{color:#746d78}.work-index-page .menu-toggle span{background:var(--wi-ink)}
.work-index-page .desktop-nav a[href*="/work"]:after{transform:scaleX(1)}
.work-index-page .header-cta{background:var(--wi-ink)!important;color:var(--wi-paper)!important}
.work-index-page .header-cta:hover{background:#51445e!important}
.work-index-page .reading-progress{background:#796385}
.wi-intro{padding:50px var(--pad) 46px}.wi-eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.045em}
.wi-title-row{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:48px;margin-top:37px}
.wi-title-row h1{font-size:clamp(100px,12.2vw,196px);letter-spacing:-.082em;line-height:.92;font-weight:600}
html[lang=ko] .wi-title-row h1{font-size:clamp(65px,8.2vw,135px);letter-spacing:-.078em;line-height:1.14;word-break:keep-all}
.wi-intro-note{justify-self:end;padding-bottom:7px}.wi-intro-note p{font-size:clamp(17px,1.4vw,22px);letter-spacing:-.035em;line-height:1.6}
.wi-exhibition-link{display:inline-flex;gap:26px;align-items:center;border-bottom:1px solid #736979;padding:8px 0;margin-top:18px;font-size:12px}
.wi-exhibition-link>span:last-child{font-size:20px}.wi-exhibition-link:hover{color:#75627e}
.wi-collection{padding:0 var(--pad) 84px}.wi-toolbar{border-top:1px solid #29233040;border-bottom:1px solid #29233040;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;margin-bottom:30px}
.wi-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.wi-filters button{min-height:44px;display:flex;gap:13px;align-items:center;padding:10px 16px;border-radius:28px;border:1px solid transparent;font-size:13px;transition:background .2s,color .2s}
.wi-filters sup{font-size:10px;font-variant-numeric:tabular-nums;align-self:flex-start;line-height:1.5;opacity:.66}
.wi-filters button[aria-pressed=true]{background:var(--wi-ink);color:var(--wi-paper)}.wi-filters button:hover:not([aria-pressed=true]){border-color:#95899b}
.wi-result{font-size:11px;color:var(--wi-muted);white-space:nowrap;padding-right:4px}
.wi-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:62px 32px;align-items:start}
.wi-project{min-width:0}.wi-project-cover{display:block;position:relative;isolation:isolate;overflow:hidden;outline-offset:5px!important}
.wi-art{position:relative;aspect-ratio:1.42;overflow:hidden;isolation:isolate}
.wi-open{position:absolute;right:20px;bottom:20px;border-radius:50%;display:grid;place-items:center;width:48px;height:48px;background:#f4f0e9;color:var(--wi-ink);font-size:26px;z-index:5;transition:transform .35s}
.wi-project-cover:hover .wi-open{transform:rotate(45deg)}
.wi-art-caption{position:absolute;bottom:23px;left:27px;right:86px;font-size:9px;font-weight:500;letter-spacing:.05em;z-index:3;line-height:1.65}
.wi-art-aboutus{background:#243cc1;color:#f1f3ff}.wi-art-aboutus:before{content:"";position:absolute;inset:38% -20% -65%;border:1px solid #ffffff30;border-radius:50%;transform:rotate(-25deg)}
.wi-art-word{position:absolute;left:27px;top:26px;font-weight:650;font-size:clamp(22px,2.8vw,43px);letter-spacing:-.06em;line-height:1}.wi-art-word>span{font-size:12px;margin-left:5px;vertical-align:top;letter-spacing:0}
.wi-art-location{position:absolute;right:27px;top:33px;max-width:120px;text-align:right;font-size:9px;line-height:1.5;letter-spacing:.04em}
.wi-sites{position:absolute;inset:24% 9% 18% 11%;perspective:1100px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.wi-site{position:absolute;width:85%;height:90%;object-fit:cover;object-position:top;border:6px solid #f0eee8;border-top-width:14px;border-radius:4px;box-shadow:0 20px 35px #0005}
.wi-site-back{right:0;top:-4%;transform:rotate(-6deg) rotateY(-12deg);filter:brightness(.94)}.wi-site-front{left:0;bottom:-6%;transform:rotate(4deg) rotateY(-12deg)}
.wi-project-cover:hover .wi-sites{transform:translateY(-5px)}
.wi-art-voco{background:#cec0e0;color:#32203e}.wi-voco-type{position:absolute;left:22px;bottom:12%;font-size:clamp(90px,13vw,200px);line-height:.85;font-weight:600;letter-spacing:-.075em;color:#b0a0c4;writing-mode:vertical-rl;transform:rotate(180deg)}
.wi-phones{position:absolute;left:26%;right:11%;top:5%;bottom:-22%;display:flex;gap:8%;align-items:flex-start;perspective:1100px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.wi-phones img{width:44%;height:auto;border:5px solid #302638;border-radius:22px;box-shadow:13px 17px 18px #47365338;transform:rotate(-7deg) rotateY(-10deg)}
.wi-phones img+img{transform:translateY(13%) rotate(8deg) rotateY(-10deg)}.wi-project-cover:hover .wi-phones{transform:translateY(-8px)}
.wi-art-love{background:#150d20}.wi-art-love>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.wi-art-love:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,#100916c9);pointer-events:none}
.wi-film-caption{position:absolute;left:27px;bottom:25px;right:90px;z-index:2;color:#fff4f5;font-size:30px;letter-spacing:-.05em;line-height:1.1}.wi-film-caption small{font-size:9px;letter-spacing:.07em;font-weight:500;display:block;margin-top:10px}
.wi-project-cover:hover .wi-art-love>img{transform:scale(1.025)}
.wi-art-finance{background:#c1d0ca;color:#1e3530}.wi-finance-mark{position:absolute;left:27px;top:26px;font-size:clamp(18px,2.1vw,30px);font-weight:700;letter-spacing:-.065em}.wi-finance-mark i{font-style:normal;font-weight:500;margin-left:6px;color:#4f6c5e}
.wi-finance-screen{position:absolute;left:9%;top:24%;width:93%;transform:rotate(-5deg);box-shadow:-5px 24px 30px #22392b30;border:6px solid #2e3633;border-top-width:17px;border-radius:7px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.wi-finance-screen:before{content:"•••";position:absolute;top:-18px;left:7px;font-size:10px;color:#b8c1b7;letter-spacing:3px}.wi-finance-screen img{width:100%;height:auto;display:block}.wi-project-cover:hover .wi-finance-screen{transform:rotate(-3deg) translateY(-4px)}
.wi-project-meta{display:flex;gap:16px;align-items:center;margin-top:22px;color:var(--wi-muted);font-size:10px;letter-spacing:.035em;line-height:1.5}.wi-number{color:#908795;font-variant-numeric:tabular-nums;border-right:1px solid #968b9e;padding-right:14px}
.wi-project-title{margin-top:13px}.wi-project-title h2{font-size:clamp(27px,3vw,44px);line-height:1.15;font-weight:550;letter-spacing:-.055em}.wi-project-title h2 a:hover{color:#75627e}
.wi-project-description{font-size:14px;line-height:1.85;color:#615b66;letter-spacing:-.015em;max-width:550px;margin-top:18px;text-wrap:pretty;word-break:keep-all}
.wi-project-scope{font-size:11px;line-height:1.7;color:#776c7e;margin-top:19px}
.wi-project-actions{display:flex;gap:24px;align-items:start;flex-wrap:wrap;margin-top:23px;padding-top:6px;border-top:1px solid #b7aebb}
.wi-evidence{display:inline-flex;gap:23px;align-items:center;justify-content:space-between;min-height:44px;font-size:12px;line-height:1.5}
.wi-evidence>span:last-child{font-size:20px;transition:transform .25s}.wi-evidence:hover>span:last-child{transform:translate(2px,-2px)}.wi-evidence:hover{color:#75627e}
.wi-endnote{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:76px;padding-top:33px;border-top:1px solid #29233040}.wi-endnote p{font-size:clamp(22px,2.3vw,34px);letter-spacing:-.04em;line-height:1.4}
.work-index-page .site-footer.studio-footer{background:#211b29;color:#eeece5}.work-index-page .studio-footer .footer-invitation h2 em,.work-index-page .studio-footer .footer-signature>span{color:#cbb9db}
.work-index-page .studio-footer .footer-kicker,.work-index-page .studio-footer .footer-statement>p,.work-index-page .studio-footer .company-details dd{color:#d1c7d8}.work-index-page .studio-footer .company-details dt,.work-index-page .studio-footer .footer-colophon,.work-index-page .studio-footer .footer-navigation>a>.mono{color:#b2a5bc}
.work-index-page .studio-footer .footer-project:hover .footer-project-icon{color:#211b29;background:#cbb9db}
@media(min-width:1700px){.wi-projects{gap:78px 44px}.wi-art{aspect-ratio:1.58}.wi-project-description{font-size:16px;max-width:660px}.wi-art-caption,.wi-art-location,.wi-film-caption small{font-size:11px}.wi-phones img{border-radius:29px}}
@media(max-width:1100px){.wi-title-row{grid-template-columns:1.1fr 1fr;gap:35px}.wi-projects{gap:52px 24px}.wi-art{aspect-ratio:1.15}.wi-art-location{display:none}.wi-phones{left:20%;right:4%;top:13%}.wi-art-caption{left:20px;font-size:8px}.wi-art-word,.wi-finance-mark{left:20px}.wi-site{width:95%}.wi-sites{inset:29% 9% 22% 7%}.wi-finance-screen{width:110%;left:7%;top:27%}.wi-project-actions{gap:6px 20px}}
@media(max-width:760px){.work-index-page .site-header{margin:0 20px}.work-index-page{--pad:20px}.wi-intro{padding-top:32px;padding-bottom:30px}.wi-eyebrow{font-size:10px}.wi-title-row{display:block;margin-top:32px}.wi-title-row h1{font-size:clamp(100px,24vw,170px)}html[lang=ko] .wi-title-row h1{font-size:clamp(55px,12vw,88px);line-height:1.18}.wi-intro-note{padding-top:26px;padding-bottom:0}.wi-intro-note p{font-size:15px;line-height:1.6}.wi-exhibition-link{font-size:11px;margin-top:12px}.wi-toolbar{gap:12px;align-items:start;flex-direction:column;padding:12px 0;margin-bottom:24px}.wi-filters{gap:4px;width:100%;justify-content:space-between}.wi-filters button{padding:9px 10px;gap:7px;font-size:12px}.wi-result{align-self:flex-end}.wi-projects{grid-template-columns:1fr;gap:45px}.wi-art{aspect-ratio:1.3}.wi-art-location{display:block;top:29px;font-size:8px;right:20px;max-width:90px}.wi-sites{inset:29% 11% 18% 9%}.wi-site{width:86%;border-width:4px;border-top-width:11px}.wi-phones{left:27%;right:11%;top:7%;bottom:-18%;gap:8%}.wi-phones img{border-width:4px;border-radius:17px}.wi-voco-type{font-size:27vw;left:17px}.wi-open{width:42px;height:42px;bottom:17px;right:17px;font-size:24px}.wi-art-caption{bottom:19px;right:70px;font-size:8px}.wi-art-word{font-size:30px}.wi-finance-mark{font-size:25px}.wi-finance-screen{width:97%;top:29%;left:8%;border-width:4px;border-top-width:13px}.wi-finance-screen:before{top:-15px}.wi-film-caption{font-size:28px;left:20px;bottom:20px}.wi-film-caption small{font-size:8px;line-height:1.6}.wi-project-meta{margin-top:17px;font-size:9px;gap:12px}.wi-number{padding-right:12px}.wi-project-title{margin-top:11px}.wi-project-title h2{font-size:33px}.wi-project-description{margin-top:15px;font-size:14px;line-height:1.85}.wi-project-scope{margin-top:16px;font-size:10px}.wi-project-actions{margin-top:17px;gap:4px 21px}.wi-evidence{font-size:12px;gap:15px}.wi-endnote{display:block;margin-top:48px;padding-top:25px}.wi-endnote p{font-size:25px}.wi-endnote .wi-evidence{margin-top:12px}.wi-collection{padding-bottom:44px}}
@media(max-width:359px){.wi-filters button{padding:9px 7px;font-size:11px;gap:5px}.wi-filters sup{font-size:9px}.wi-art-location{display:none}.wi-art-word{font-size:27px}.wi-finance-mark{font-size:22px}.wi-project-title h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.wi-project *{transition:none!important;animation:none!important}.wi-project-cover:hover :is(.wi-sites,.wi-phones,.wi-open,.wi-finance-screen,.wi-art-love>img){transform:revert}}
.motion-paused .wi-project *{transition:none!important;animation:none!important}.motion-paused .wi-project-cover:hover :is(.wi-sites,.wi-phones,.wi-open,.wi-finance-screen,.wi-art-love>img){transform:revert}

.work-index-page .site-header .header-cta{border-radius:30px;padding:15px 22px;gap:28px}

.wi-art-finance:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,#c1d0ca 70%);pointer-events:none;z-index:2}
@media(max-width:760px){.wi-intro-note{justify-self:stretch;width:100%}.wi-intro-note p{max-width:310px}}
@media(max-width:380px){.wi-intro{padding-top:22px}.wi-title-row{margin-top:22px}.wi-title-row h1{font-size:88px}.wi-intro-note{padding-top:20px}.wi-intro-note p{font-size:13px}.wi-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.wi-filters button{justify-content:space-between;padding:9px 13px;font-size:12px}}