@font-face{font-family:"Courier Prime";src:url("../assets/fonts/CourierPrime-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:"Geist";src:url("../assets/fonts/Geist-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:block}
@font-face{font-family:"Geist Mono";src:url("../assets/fonts/GeistMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:block}
.obj{width:min(1100px,92vw);margin:0 auto;padding:56px 0}
#stage{position:relative}
.sky,.sun,#arch,.vig,.dots,#runway{display:none}
.guide{position:static}
html.spatial{scroll-behavior:auto;background:#FBF2E3}
html.spatial body{overflow-x:hidden;background:#FBF2E3}
html.spatial .sky,html.spatial .sun,html.spatial #arch,html.spatial .vig,html.spatial .dots,html.spatial #runway{display:block}
html.spatial .sky{position:fixed;inset:0;z-index:0;background:#FDF8EE;pointer-events:none}
html.spatial .sun{position:fixed;left:50%;bottom:-34vh;width:170vw;height:80vh;transform:translateX(-50%);
  z-index:0;pointer-events:none;opacity:.35;
  background:radial-gradient(ellipse at 50% 100%,rgba(255,170,88,.30),rgba(255,170,88,.08) 46%,transparent 68%)}
html.spatial #arch{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
html.spatial .vig{position:fixed;inset:0;z-index:3;pointer-events:none;
  background:radial-gradient(ellipse at 50% 46%,rgba(251,242,227,0) 52%,rgba(120,84,48,.13) 100%)}
html.spatial #runway{width:1px;pointer-events:none}
html.spatial .guide{position:fixed;top:0;left:0;right:0;z-index:80;background:none;border:0;
  backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
html.spatial .guide .wrap{height:54px}
html.spatial .guide .mark{pointer-events:auto;opacity:.62;transition:opacity .4s}
html.spatial .guide .mark:hover{opacity:1}
html.spatial #stage{position:fixed;inset:0;z-index:2;overflow:hidden;perspective:1200px;perspective-origin:50% 50%}
html.spatial .obj{position:absolute;left:50%;top:50%;margin:0;padding:0;
  transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
html.spatial .obj{will-change:transform,opacity}
html.spatial .obj.off{display:none}
html.spatial .k-title{width:min(1500px,94vw)}
html.spatial .k-open{width:min(1120px,92vw)}
html.spatial .k-work{width:min(1260px,94vw)}
html.spatial .k-said{width:min(660px,88vw)}
html.spatial .k-said.long{width:min(880px,90vw)}
html.spatial .k-quote{width:min(860px,90vw)}
html.spatial .k-closing{width:min(900px,92vw);text-align:center}
html.spatial .k-title .titlezone{padding-top:clamp(110px,21vh,300px);padding-bottom:6px}
html.spatial .k-title .who{margin-top:clamp(24px,3.4vw,46px)}
html.spatial .k-open .opening{margin-top:0;padding-top:0;border-top:0}
html.spatial .k-work .unit{justify-content:center;width:100%}
html.spatial .ext.single{margin:0;padding:0;max-width:none}
html.spatial .k-quote .quotecard{margin:0;max-width:none}
html.spatial .k-closing .closingbox{padding:0}
html.spatial .k-closing .rights{margin-top:clamp(44px,7vh,84px)}
html.spatial .k-work{width:min(1760px,96vw);--H:clamp(280px,calc(84vh - 76px),1500px);--Wm:59vw}
html.spatial .k-work .frame,html.spatial .k-work .bare,html.spatial .k-work .case{--h:calc(var(--H)/(1 + var(--stick,0)))}
html.spatial .k-work .art{flex:0 0 auto;max-width:none;padding-top:calc(var(--H)*var(--stick,0)/(1 + var(--stick,0)))}
html.spatial .k-work .frame > img:not(.print):not(.sframe),html.spatial .k-work .bare > img:not(.print),html.spatial .k-work .case img:not(.print):not(.sframe){
  width:min(calc(var(--h)*var(--ar,1)),var(--Wm));height:auto;max-width:none;max-height:none;cursor:zoom-in}
html.spatial .k-work .case{padding:0;background:none;border:0;box-shadow:none;--Wm:50vw}
html.spatial .k-work .case::after,html.spatial .k-work .plinth{display:none}
html.spatial .k-work .case img:not(.print):not(.sframe){border-radius:50%}
@media(max-width:1000px){
  html.spatial .k-work{--H:clamp(240px,60vh,820px);--Wm:84vw}
  html.spatial .k-work .case{--Wm:74vw}
  html.spatial .k-work .unit,html.spatial .k-work .unit.rev{gap:18px}
  html.spatial .label{max-width:380px}
  html.spatial .k-title .titlezone{padding-top:clamp(90px,16vh,200px)}
}
html.spatial .sframe{position:absolute;z-index:2;height:auto;max-width:none;max-height:none;pointer-events:none;display:block}
html.spatial .frame.shaped{border-image:none;background:none;box-shadow:none}
html.spatial .frame.shaped::after{display:none}
html.spatial .k-work .case.shaped{margin:calc(var(--fw)*1.3)}
html.spatial .print{position:absolute;z-index:3;height:auto;max-width:none;max-height:none;pointer-events:none;display:block}
#fill{position:fixed;inset:0;z-index:300;display:none;background:rgba(0,0,0,0);cursor:zoom-out;transition:background .42s ease;overflow:hidden}
#fill.on{display:block}
#fill.in{background:#000}
#fill .fb{position:absolute;left:0;top:0;transform-origin:0 0;transition:transform .46s cubic-bezier(.2,.75,.2,1);will-change:transform}
#fill .fb img{position:absolute;display:block;max-width:none;max-height:none;-webkit-user-drag:none;user-select:none}
#fill .fb img.round{border-radius:50%}
@media(prefers-reduced-motion:reduce){#fill,#fill .fb{transition:none}}
html.spatial .frame{filter:none;transition:none;
  box-shadow:0 3px 7px rgba(60,44,28,.20),0 30px 46px -14px rgba(60,44,28,.30)}
html.spatial .frame:hover{transform:none}
html.spatial .bare{filter:none;box-shadow:0 3px 7px rgba(90,62,34,.16),0 30px 46px -14px rgba(90,62,34,.28)}
html.spatial .art::before{filter:none}
html.spatial .plinth{filter:none;background:radial-gradient(ellipse at 50% 50%,rgba(60,44,28,.20),rgba(60,44,28,0) 70%);height:22px}
html.spatial .dots{position:fixed;right:clamp(8px,1.6vw,24px);top:50%;transform:translateY(-50%);z-index:60;
  display:flex;flex-direction:column;gap:2px}
.dots button{all:unset;box-sizing:border-box;cursor:pointer;width:24px;height:17px;display:grid;place-items:center}
.dots button::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink);opacity:.26;
  transition:opacity .5s,transform .5s,background .5s}
.dots button:hover::before{opacity:.7}
.dots button.on::before{opacity:.95;transform:scale(1.55);background:var(--accent)}
.dots button:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}
@media(max-width:640px){.dots{display:none!important}}
@media(prefers-reduced-motion:reduce){html.spatial .obj{transition:none}}
html.spatial .obj.entrance{background:none;padding:0;isolation:auto}
html.spatial .obj.entrance::before,html.spatial .obj.entrance::after{display:none}
html.spatial .k-title{text-align:center}
html.spatial .k-title .who{display:inline-block;border-top:1px solid var(--line);padding-left:.2em}
html.spatial .art::before{background:radial-gradient(closest-side at 50% 42%,rgba(255,246,232,.85),rgba(255,240,220,.30) 52%,rgba(255,236,212,0) 100%)}
html.spatial .tomb{position:relative;isolation:isolate}
html.spatial .tomb::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:2px;
  background:#E8D5BA;opacity:var(--plate,0);pointer-events:none}
html.spatial .guide,html.spatial .dots{transition:color .5s}
html.spatial .guide .mark{color:inherit}
#night{display:none}
html.spatial #night{display:block;position:fixed;inset:0;z-index:0;background:#000;pointer-events:none}
html.intro-on,html.intro-on body{overflow:hidden!important}
html.spatial .k-bleed{left:0;top:0;width:100vw;height:100vh;transform:none!important;opacity:1!important;filter:none!important}
html.spatial .k-bleed .mmc{position:absolute;inset:0;width:100%;height:100%;display:block}
html.spatial .k-bleed .unit{position:absolute;inset:0;display:block;margin:0;width:auto}
html.spatial .k-bleed .art{position:absolute;inset:0;opacity:1;pointer-events:none;overflow:hidden;padding:0}
html.spatial .k-bleed.melting .art{opacity:0}
html.spatial .k-bleed .frame{position:absolute;inset:0;border:0;border-image:none;background:#000;box-shadow:none;max-width:none}
html.spatial .k-bleed .frame::after{display:none}
html.spatial .k-bleed .frame > img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
@media(max-aspect-ratio:20/21){html.spatial .k-bleed .frame > img{object-fit:contain}}
html.spatial .k-bleed .label{position:absolute;left:clamp(16px,4vw,60px);bottom:clamp(18px,6vh,64px);margin:0;max-width:300px;z-index:3}
html.spatial .k-bleed .tomb{--plate:1}
html.spatial .k-open,html.spatial .k-thanks{left:0;top:0;width:100vw;height:100vh;display:grid;place-items:center;transform:none!important;filter:none!important}
html.spatial .k-open.off,html.spatial .k-thanks.off{display:none}
html.spatial .k-open .opening{display:block;margin:0;padding:0;border:0;max-width:none}
html.spatial .k-open .statement{position:relative;max-width:none;margin:0;font-family:"Courier Prime","Courier New",Courier,monospace;font-weight:400;
  line-height:1.56;letter-spacing:0;color:#fff;will-change:transform}
html.spatial .k-open .statement p{margin:0 0 .8em}
html.spatial .k-open .statement p:first-child::first-letter{color:inherit}
html.spatial .k-open .statement .sign{font-style:normal;font-size:1em;line-height:1.5;margin:1.1em 0 0;color:#fff}
html.spatial .k-open .statement .sign>span:not(.w){display:block;margin:0 0 .8em;font:inherit;color:#fff;letter-spacing:inherit;text-transform:none}
html.spatial .k-open .statement .sign span.w{display:inline-block;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none}
html.spatial .k-open .statement .sign span.ch{display:inline;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none}
.w{display:inline-block;white-space:nowrap}
html.spatial .k-open .ch,html.spatial .k-thanks .ch{visibility:hidden}
html.spatial .k-open .ch.on,html.spatial .k-thanks .ch.on{visibility:visible}
.caret{position:absolute;left:0;top:0;width:.46em;height:1.2em;margin-left:.1em;background:#fff;opacity:0;pointer-events:none}
.caret.rest{animation:caretrest 1.15s steps(1) infinite}
@keyframes caretrest{50%{opacity:0}}
.thanks{position:relative;width:min(90vw,24em);font-family:"Courier Prime","Courier New",Courier,monospace;font-weight:400;
  font-size:clamp(18px,2.8vw,44px);line-height:1.6;letter-spacing:0;color:#fff}
.thanks .tline{margin:0;min-height:1.55em}
.thanks .tline+.tline{color:#fff}
.tcredit{margin:28px auto 0;max-width:40em;text-align:center;color:#fff;
  font:500 clamp(8px,.7vw,11px)/1.9 "Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;text-wrap:balance}
html.spatial .k-thanks .tcredit{position:absolute;left:50%;bottom:clamp(22px,5.5vh,58px);transform:translateX(-50%);margin:0;width:max-content;max-width:min(88vw,96em);
  opacity:0;transition:opacity 1.6s ease .7s}
html.spatial .k-thanks.credited .tcredit{opacity:.62}
@media(prefers-reduced-motion:reduce){html.spatial .k-thanks .tcredit{transition:none}}
#intro{display:none}
html.spatial #intro{display:block;position:fixed;inset:0;z-index:400;overflow:hidden;background:#000;color:#fff;cursor:pointer;
  -webkit-user-select:none;user-select:none;font-family:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace}
#intro .ivid{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;display:block;background:#000;
  opacity:0;transition:opacity 1.1s cubic-bezier(.3,0,.2,1);transform-origin:38.6% 58.5%}
#intro.live .ivid{opacity:1;animation:leanin 44s cubic-bezier(.2,.55,.3,1) both}
@keyframes leanin{from{transform:scale(1)}to{transform:scale(1.06)}}
#intro .iside{position:absolute;left:61%;top:56%;transform:translateY(-50%);text-align:left}
#intro .iword{margin:0;font:500 clamp(58px,9.2vw,168px)/.86 "Geist","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.058em;color:#fff;text-transform:lowercase;
  font-kerning:normal;-webkit-font-smoothing:antialiased}
#intro .iwho{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#intro .ienter{all:unset;display:block;margin:clamp(20px,2.5vw,40px) 0 0 .5em;cursor:pointer;color:#fff;white-space:nowrap;overflow:hidden;
  font:500 clamp(8px,.68vw,11px)/1.6 "Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;
  max-width:calc(5ch + .8em);transition:max-width .7s cubic-bezier(.2,.7,.2,1),opacity .35s}
#intro .ienter:hover,#intro .ienter:focus-visible{max-width:calc(23ch + 3.7em)}
#intro .ienter:focus-visible{outline:1px solid #fff;outline-offset:6px}
#intro .iask{position:absolute;left:.26em;top:100%;margin:clamp(20px,2.5vw,40px) 0 0;white-space:nowrap;
  font:400 clamp(16px,1.6vw,27px)/1.3 "Courier Prime","Courier New",Courier,monospace;letter-spacing:0;color:#fff;opacity:0}
#intro .iask .caret{position:static;display:inline-block;vertical-align:-.16em;width:.56em;height:1.12em;margin-left:.14em;opacity:1;animation:caretrest 1.05s steps(1) infinite}
#intro.asked .ienter{opacity:0;pointer-events:none}
#intro.asked .iask{opacity:1}
#intro.asked{cursor:default}
#intro .lid{position:absolute;left:0;right:0;height:0;background:#000;z-index:6;transition:height .46s cubic-bezier(.62,0,.38,1)}
#intro .lid.lt{top:0}#intro .lid.lb{bottom:0}
#intro.shut .lid{height:50.5%}
#intro .ihint{position:absolute;left:50%;top:50%;z-index:7;transform:translate(-50%,-50%);margin:0;width:max-content;max-width:84vw;text-align:center;color:#fff;
  font:500 clamp(9px,.8vw,12.5px)/1.9 "Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;
  opacity:0;transition:opacity .45s ease;pointer-events:none}
#intro.hinting .ihint{opacity:1}
#intro.clear{background:none;pointer-events:none}
#intro.clear>*:not(.lid){display:none}
#intro.clear .lid{transition:height .78s cubic-bezier(.2,.7,.2,1)}
@media(max-aspect-ratio:1/1){
  #intro .ivid{object-position:33% 50%;transform-origin:50% 58.5%}
  #intro .iside{left:50%;top:13%;transform:translate(-50%,-50%);text-align:center}
  #intro .iword{font-size:clamp(58px,19vw,150px)}
  #intro .ienter{margin:clamp(12px,3.4vw,22px) auto 0;font-size:9px}
  #intro .iask{left:50%;transform:translateX(-50%);margin-top:clamp(12px,3.4vw,22px);font-size:clamp(15px,4.4vw,24px)}
}
@media(prefers-reduced-motion:reduce){#intro .lid{transition:none}#intro .ienter{transition:none}#intro.live .ivid{animation:none}}
html.spatial{--ink:#F4F1EA;--ink2:rgba(244,241,234,.86);--ink3:rgba(244,241,234,.60);--line:rgba(244,241,234,.24);--line2:rgba(244,241,234,.14);--accent:#F4F1EA}
html.spatial body{background:#000;color:var(--ink)}
html.spatial .tomb{--ink:#6B4B2E;--ink2:rgba(107,75,46,.82);--ink3:rgba(107,75,46,.60);--line:rgba(140,102,62,.26);--accent:#A2622C;color:var(--ink)}
html.spatial .tomb::before{opacity:1;background:#E9D9BF}
html.spatial .tomb.toned{--ink:var(--pi);--accent:var(--pa);color:var(--pi);border-color:transparent;box-shadow:none}
html.spatial .tomb.toned::before{background:var(--pb)}
html.spatial .tomb.toned .cat{color:var(--pa)}
html.spatial .tomb.toned h3{color:var(--pi)}
html.spatial .tomb.toned .artist{color:var(--pi);opacity:.76}
html.spatial .tomb.toned .med{color:var(--pi);opacity:.88}
html.spatial .guide,html.spatial .dots{color:var(--ink)}
html.spatial .vig{display:none}
html.spatial .art::before{opacity:0}
html.spatial .guide .mark{transition:opacity .5s}
html.spatial.world-on .guide .mark{opacity:0}