:root{color-scheme:dark;font-family:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",sans-serif;color:#eeeae2;background:#08090a;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:1px solid #fff;outline-offset:7px}#space{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 30%,#292a25,#08090a 65%)}#stage{width:100%;height:100%;display:block}.film{position:absolute;inset:0;box-shadow:inset 0 0 120px #0005;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.055' filter='url(%23n)' d='M0 0h200v200H0z'/%3E%3C/svg%3E")}#curtain{position:fixed;z-index:5;inset:0;background:#060708;pointer-events:none;opacity:0}header{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:30px 38px;background:linear-gradient(#05050566,transparent);text-shadow:0 2px 12px #000}.brand{font-size:22px;font-weight:600;letter-spacing:.12em}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.12em;margin-top:8px;color:#c9c8c2}header nav{display:flex;gap:32px;font-size:12px}header button{padding:10px 0}header button span{margin-left:12px;font-size:12px}.journey{position:relative;height:560svh}.sticky-copy{position:sticky;top:0;height:100svh;pointer-events:none;overflow:hidden}.title-block{position:absolute;left:65%;top:46%;white-space:nowrap;will-change:opacity,transform;text-shadow:0 2px 25px #0008}.chapter{display:flex;align-items:center;gap:17px;font-size:11px;letter-spacing:.22em;color:#c4c3ba;margin:0 0 23px}.chapter i{width:35px;height:1px;background:#92948966}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:400;font-size:clamp(24px,2.5vw,40px);letter-spacing:.3em;margin:0;line-height:1.6}.credit{font-size:11px;letter-spacing:.18em;color:#b6b7b0;margin:20px 0 0}#title-two{opacity:0;left:9%;top:62%}#title-two h2{font-size:clamp(56px,9vw,136px);line-height:1;font-family:Arial,Helvetica,sans-serif;letter-spacing:-.065em;font-weight:600;margin:0}#inside-copy{position:absolute;inset:44% 0 auto;text-align:center;opacity:0;font-family:"Yu Mincho",serif;font-size:16px;letter-spacing:.55em;color:#f7f5eb;text-shadow:0 1px 8px #000}.transport{position:fixed;bottom:30px;left:38px;right:38px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#d1d1c8;transition:opacity .25s;font-size:11px;letter-spacing:.1em;text-shadow:0 2px 10px #000}.transport button{font-size:11px;min-height:40px}.transport button span{font-size:15px;margin-left:16px}.transport p{margin:0}.transport p span{display:inline-block;margin-left:15px;font-size:16px}.transport #position{min-width:70px;text-align:right}.progress{height:1px;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff2}.progress i{display:block;height:100%;width:0;background:#e8e9dc}#end{position:relative;z-index:6;min-height:100svh;padding:110px 10% 40px;background:linear-gradient(#08090a10,#08090a 22%);display:grid;grid-template-columns:1fr 1.1fr;gap:40px 10%;align-content:center}.end-heading h2{font-family:"Yu Mincho",serif;font-size:clamp(30px,3.7vw,52px);font-weight:400;letter-spacing:.1em;line-height:1.75;margin:0}.official-works a{display:flex;align-items:center;gap:26px;padding:28px 0;border-bottom:1px solid #aaa6;font-family:"Yu Mincho",serif;font-size:28px}.official-works a:first-child{border-top:1px solid #aaa6}.official-works a>span{font:12px Georgia,serif;color:#a8a8a0}.official-works small{display:block;font-family:"Yu Gothic",sans-serif;font-size:11px;color:#acafa6;margin-top:12px;line-height:1.8}.official-works b{font-size:20px;font-weight:400;margin-left:auto}.official-works a:hover{color:#fff}.restart{grid-column:2;font-size:13px;text-align:left;padding:15px 0;width:max-content;max-width:100%;border-bottom:1px solid #eee5}.restart span{margin-left:35px}footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:80px;font-size:11px;color:#b2b5ab}footer button{font-size:12px}.skip{position:fixed;left:20px;top:-100px;padding:15px;background:#111;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{background:#111413;color:#eeeee7;border:1px solid #62686c;max-width:690px;width:calc(100% - 32px);padding:50px;max-height:85svh;line-height:1.9}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog h2{font-family:"Yu Mincho",serif;font-size:30px;font-weight:400;margin:0 0 35px}dialog p{font-size:16px}.close{position:absolute;right:16px;top:8px;font-size:28px;padding:8px}.sources{display:grid;gap:12px;margin:26px 0}.sources a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.dialog-note{color:#adb1a9;font-size:12px!important}.set-song{display:flex;width:100%;gap:20px;align-items:center;padding:25px 0;border-block-start:1px solid #eee4;text-align:left}.set-song strong{font-family:"Yu Mincho",serif;font-size:27px;font-weight:400}.set-song span{font-size:12px}.set-song span:last-child{margin-left:auto;font-size:24px}.noscript{position:fixed;top:90px;left:10%;max-width:80%;z-index:20;background:#111;padding:20px}
@media(max-width:650px){header{padding:22px}.brand{font-size:20px}.brand small{font-size:9px}header nav{gap:20px;font-size:11px}header button span{display:none}.title-block{left:auto;right:8%;top:60%}h1{font-size:27px;letter-spacing:.2em}.chapter{font-size:10px;margin-bottom:20px}.credit{font-size:10px;margin-top:17px}#title-two{left:7%;right:auto;top:64%}#title-two h2{font-size:66px;letter-spacing:-.06em}.transport{left:22px;right:22px;bottom:21px;font-size:10px}.transport button{font-size:10px}.transport button span{margin-left:8px}.transport #position{min-width:40px;font-size:10px}.transport p span{margin-left:5px}.journey{height:500svh}#inside-copy{font-size:13px;letter-spacing:.2em}#end{padding:105px 8% 30px;display:block}.end-heading h2{font-size:32px;margin-bottom:45px}.official-works a{font-size:25px;padding:24px 0;gap:22px}.official-works small{font-size:11px}.restart{margin-top:30px}footer{display:flex;flex-wrap:wrap;margin-top:65px;font-size:10px;gap:20px}footer button{font-size:11px}dialog{padding:42px 25px}dialog h2{font-size:25px}}
body.motion-stopped *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
@media(max-width:650px){header nav,.transport,.transport button,.transport #position,.credit{font-size:12px}.transport{gap:10px}.transport p span{font-size:14px}.brand small{font-size:10px}}
body.fallback .journey{height:100svh}body.fallback #title-one{opacity:1!important;transform:none!important}body.fallback #title-two,body.fallback #inside-copy,body.fallback #curtain,body.fallback #stage,body.fallback .transport{display:none}

#stage-monitor{position:fixed;inset:0;z-index:7;pointer-events:none;overflow:hidden}
#stage-monitor[hidden]{display:none}.monitor-face{position:absolute;left:0;top:0;transform-origin:0 0;background:#050505;box-shadow:0 25px 80px #0009;will-change:transform,opacity}
.monitor-face img{width:100%;height:100%;display:block;object-fit:contain;background:#030303}.monitor-face [hidden]{display:none!important}
.monitor-face iframe{display:block;width:100%;height:100%;border:0;background:#000;pointer-events:auto}
.monitor-play{position:absolute;inset:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;pointer-events:auto;background:linear-gradient(transparent,#0004)}
.monitor-play span{display:grid;place-items:center;width:88px;height:88px;border:1px solid #fff9;border-radius:50%;background:#080808a8;font-size:28px;padding-left:5px}.monitor-play small{font-size:26px;letter-spacing:.12em;text-shadow:0 2px 6px #000}
.monitor-actions{position:absolute;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 24px;pointer-events:auto;text-shadow:0 2px 10px #000}.monitor-actions[hidden]{display:none}.monitor-kicker{font-size:10px;letter-spacing:.12em;color:#c5c3b9;margin:0 0 8px}.monitor-actions h2{font-family:"Yu Mincho",serif;font-size:24px;font-weight:400;margin:0}.monitor-next{font-size:12px;border-bottom:1px solid #bcbbae;padding:16px 0;min-height:44px}.monitor-external{font-size:11px;color:#c4c3b9;width:max-content;min-height:30px;grid-column:1/-1}.docked .monitor-face{pointer-events:auto}
body.fallback #stage-monitor{display:none}
@media(max-width:650px){.monitor-actions{gap:10px}.monitor-actions h2{font-size:21px}.monitor-kicker{font-size:10px;max-width:210px;line-height:1.5}.monitor-next{font-size:11px;max-width:145px;line-height:1.7;text-align:right}.monitor-play span{width:110px;height:110px;font-size:36px}.monitor-play small{font-size:31px}}

/* The first title sits outside the narrow light field; the next opens horizontally. */
#title-one{left:auto;right:14%;top:28%}#title-one h1{writing-mode:vertical-rl;font-size:clamp(32px,3.2vw,48px);letter-spacing:.35em;line-height:1.2}#title-one .chapter{font-size:10px;letter-spacing:.15em;margin-bottom:25px}#title-one .credit{writing-mode:vertical-rl;position:absolute;right:-31px;top:57px;font-size:10px;letter-spacing:.25em;margin:0}#title-two{top:64%}#space{background:#030406}
@media(max-width:650px){#title-one{right:13%;top:27%}#title-one h1{font-size:34px}#title-one .chapter{gap:10px;font-size:10px}#title-one .chapter i{width:20px}#title-two{top:66%}#title-two h2{font-size:clamp(52px,16vw,76px)}}

.docked .monitor-play span{width:64px;height:64px;font-size:22px}.docked .monitor-play small{font-size:13px}.docked .monitor-play{gap:12px}

@media(max-height:500px){#stage-monitor.docked{overflow-y:auto;pointer-events:auto}body:has(#stage-monitor.docked) header,body:has(#stage-monitor.docked) .transport{display:none}.monitor-actions{padding-bottom:30px}}

/* Keep the native player unobscured while its surrounding stage recedes. */
header,.monitor-actions>div,.monitor-external,.monitor-next,#space,.progress{transition:opacity .65s ease}
body.watching-film header{opacity:0;pointer-events:none}
body.watching-film .transport{opacity:0!important;pointer-events:none}
body.watching-film .monitor-actions>div,body.watching-film .monitor-external,body.watching-film .progress{opacity:0}
body.watching-film #space{opacity:.12}
body.watching-film .monitor-next{opacity:.38}
body.watching-film .monitor-next:hover,body.watching-film .monitor-next:focus-visible,body.watching-film .monitor-external:focus-visible,body.watching-film header:focus-within,body.watching-film .transport:focus-within{opacity:1!important;pointer-events:auto}


/* Stop inertial scrolling at a film landing, including iOS body scrolling. */
html{scrollbar-gutter:stable}
html.monitor-locked{overflow:hidden;overscroll-behavior:none}
html.monitor-locked body{position:fixed;top:var(--dock-offset);left:0;right:0;overscroll-behavior:none}
.monitor-back{font-size:11px;color:#aaa79f;padding:10px 0;text-align:left;width:max-content;min-height:44px}
.film-controls-toggle,.film-light-toggle{display:none}
#film-lights{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .18s linear}
#film-lights .venue-lights{display:block;width:100%;height:100%}
body.watching-film .monitor-next,body.watching-film .monitor-back,body.watching-film .film-light-toggle{opacity:0;pointer-events:none;transition:opacity .35s}
body.watching-film .film-controls-toggle{display:block;position:absolute;right:0;bottom:-12px;width:44px;height:44px;opacity:.2;font-size:15px;letter-spacing:3px}
body.watching-film .film-light-toggle{display:block;font-size:11px;min-height:44px;text-align:right;grid-column:2}
body.watching-film .monitor-external{pointer-events:none}
body.watching-film .film-controls-visible .monitor-next,body.watching-film .film-controls-visible .monitor-back,body.watching-film .film-controls-visible .film-light-toggle{opacity:.65;pointer-events:auto}
body.watching-film .monitor-next:focus-visible,body.watching-film .monitor-back:focus-visible,body.watching-film .film-light-toggle:focus-visible{opacity:1;pointer-events:auto}
body.watching-film .monitor-next:hover{opacity:inherit!important}
body.motion-stopped #film-lights{display:none}

.monitor-actions .monitor-external{grid-column:2;grid-row:2;justify-self:end;align-self:center}.monitor-back{grid-column:1;grid-row:2}.film-light-toggle{grid-row:2}
.monitor-detail{grid-column:1/-1;grid-row:3;font-size:11px;width:max-content;min-height:30px;color:#c4c3b9;transition:opacity .35s}
body.watching-film .monitor-detail{opacity:0;pointer-events:none}
body.watching-film .film-controls-visible .monitor-detail{opacity:.65;pointer-events:auto}
body.watching-film .monitor-detail:focus-visible{opacity:1;pointer-events:auto}
.enter-film{display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid #b9b29f;padding:18px 0;margin-top:24px;font-size:14px;pointer-events:auto}.title-block .live-heading{font-size:clamp(38px,7vw,96px);line-height:1.1;letter-spacing:.03em}.film-credits{max-height:85svh;overflow-y:auto}.film-credits h2{font-size:28px}.film-credits dl{margin:24px 0}.film-credits dl>div{display:grid;grid-template-columns:120px 1fr;gap:14px;border-bottom:1px solid #ffffff20;padding:10px 0;font-size:14px}.film-credits dt{color:#b5b0a5;font-size:12px}.film-credits dd{margin:0}.monitor-detail{text-align:left;padding:5px 0}.set-song strong{font-size:clamp(17px,3vw,26px)}
#title-one{display:none}body:not(.after-opening)>header{visibility:hidden;pointer-events:none}body.opening .transport,body.opening .progress{visibility:hidden;pointer-events:none}#site-introduction[hidden]{display:none}#site-introduction{position:fixed;z-index:9;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:9vw;background:#08090af5}#site-introduction>p:first-child{font-size:12px;letter-spacing:.18em;color:#b9b4a9}#site-introduction h2{font-family:"Yu Mincho",serif;font-size:clamp(30px,5vw,64px);font-weight:400;line-height:1.6;margin:22px 0}#site-introduction .introduction-note{font-size:12px;color:#b9b4a9;line-height:2}#continue-films{font-size:14px;margin-top:35px;padding:16px 0;border-bottom:1px solid #aaa;display:flex;gap:60px}body.introducing>header,body.introducing .transport,body.introducing .progress{visibility:hidden}body.fallback>header,body.fallback .transport{visibility:visible}
#site-introduction{display:block;overflow-y:auto;background:radial-gradient(ellipse at 25% 25%,#30271888,transparent 60%),#070809;padding:65px 7vw 40px}.home-identity{max-width:1320px;margin:0 auto 38px}.home-identity h2{font-family:inherit!important;font-size:28px!important;font-weight:600!important;letter-spacing:.08em;margin:0 0 10px!important}.home-identity p{font-size:12px;color:#c1bbae}.home-identity small{font-size:9px;color:#8c897f}.film-shelf{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;align-items:start;gap:6vw}.home-film{position:relative;display:block;width:100%;padding:0;text-align:left}.home-film img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;box-shadow:0 30px 70px #0008}.opening-film{margin-top:100px}.film-label{display:block;margin:18px 0 0}.film-label small{font-size:9px;letter-spacing:.12em;color:#aaa494}.film-label strong{display:block;font-family:inherit;font-weight:400;font-size:clamp(24px,3vw,40px);line-height:1.25;margin:10px 0 16px}.film-label>span{font-size:12px;color:#c8c4b9}.home-official{display:block;max-width:1320px;margin:65px auto 0;font-size:10px;color:#969387}.inline-credits[hidden]{display:none}.inline-credits{grid-column:1/-1;grid-row:4;max-height:27svh;overflow:auto;padding:12px 0 20px;font-size:11px;color:#bcb7ab;text-shadow:none}.inline-credits h2,.inline-credits>p{display:none}.inline-credits dl{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 16px}.inline-credits dl>div{display:flex;gap:9px}.inline-credits dt{font-size:10px;color:#99958b}.inline-credits dd{margin:0}.inline-credits .sources{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0}.inline-credits .sources a{font-size:10px;padding:2px 0;border:0}.watching-film .inline-credits{opacity:0;pointer-events:none}.watching-film .film-controls-visible .inline-credits{opacity:1;pointer-events:auto}body.introducing #stage-monitor{visibility:hidden}@media(max-width:650px){#site-introduction{padding:48px 6vw 35px}.home-identity{margin-bottom:30px}.film-shelf{display:block}.opening-film{margin-top:44px;width:78%;margin-left:auto}.film-label strong{font-size:26px}.opening-film .film-label strong{font-family:"Yu Mincho",serif;font-size:29px}.home-official{margin-top:45px}}@media(prefers-reduced-motion:no-preference){.home-film img{transition:filter .4s}.home-film:hover img{filter:brightness(1.12)}}
#introduction-title:focus{outline:none}
/* Film catalogue: one featured work, then a compact browsable index. */
#site-introduction{padding:38px 6vw 44px;scroll-padding-top:24px;background:radial-gradient(ellipse at 75% 0%,#383b334d,transparent 48%),#08090a}.catalogue-top{max-width:1280px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.catalogue-top h2{font-family:inherit!important;font-weight:600!important;font-size:28px!important;letter-spacing:.08em;margin:0 0 8px!important;line-height:1.2!important}.catalogue-top p{font-size:11px;color:#bdb9b0;margin:0}.all-jump{font-size:12px;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:9px}.all-jump span{font-size:10px;color:#999}.featured-film{max-width:1280px;margin:auto}.featured-film>button{width:100%;position:relative;padding:0;text-align:left;display:block;overflow:hidden;min-height:250px;background:#111}.featured-film img{width:100%;height:100%;max-height:480px;aspect-ratio:2.6;object-fit:cover;display:block;opacity:.78}.featured-film>button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 65%),linear-gradient(0deg,#000a,transparent 65%);pointer-events:none}.featured-copy{position:absolute;z-index:1;left:5%;bottom:12%;display:flex;flex-direction:column;gap:14px}.featured-copy small{font-size:10px;letter-spacing:.12em}.featured-copy strong{font-family:"Yu Mincho",serif;font-size:clamp(34px,5vw,66px);font-weight:400}.featured-copy>span{font-size:12px}#all-films{max-width:1280px;margin:44px auto 0}.catalogue-heading{display:flex;justify-content:space-between;align-items:center}.catalogue-heading h3{font-size:18px;font-weight:400;margin:0}.catalogue-heading>span{font-size:10px;letter-spacing:.1em;color:#aaa}.film-filters{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0 25px}.film-filters button{padding:9px 0;font-size:12px;color:#a5a29a;min-height:40px;border-bottom:1px solid transparent}.film-filters button[aria-pressed=true]{color:#fff;border-color:#d0c9b8}.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px}.catalogue-film{padding:0;text-align:left;min-width:0;align-self:start}.catalogue-film[hidden]{display:none}.catalogue-image{display:block;position:relative;overflow:hidden;background:#101112}.catalogue-image img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.catalogue-image>span{position:absolute;right:12px;bottom:10px;font-size:22px;text-shadow:0 2px 8px #000}.catalogue-film>small{display:block;font-size:9px;color:#aaa59a;margin:12px 0 7px;line-height:1.6}.catalogue-film>strong{display:block;font-size:18px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}.catalogue-caption{color:#8d8b83;font-size:10px;margin:30px 0}.catalogue-footer{max-width:1280px;margin:48px auto 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#99958c}.catalogue-film:focus-visible{outline-offset:6px}#site-introduction .featured-film:has(button:focus-visible){outline-offset:5px}@media(max-width:650px){#site-introduction{padding:30px 6vw}.catalogue-top{margin-bottom:23px}.catalogue-top h2{font-size:24px!important}.catalogue-top p{font-size:9px}.all-jump{font-size:10px}.featured-film>button{min-height:190px}.featured-film img{aspect-ratio:1.65;min-height:190px}.featured-copy{bottom:18px;left:18px;gap:9px}.featured-copy strong{font-size:36px}.featured-copy>span{font-size:10px}.featured-copy small{font-size:8px}#all-films{margin-top:30px}.catalogue-heading h3{font-size:15px}.film-filters{gap:19px;margin:13px 0 20px}.film-filters button{font-size:11px}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.catalogue-film>strong{font-size:14px;line-height:1.65}.catalogue-film>small{font-size:8px;margin:8px 0 5px}.catalogue-image>span{font-size:18px;right:8px;bottom:5px}.catalogue-caption{font-size:9px;line-height:1.8}.catalogue-footer{font-size:9px;margin-top:32px}}@media(prefers-reduced-motion:no-preference){.catalogue-image img{transition:transform .5s,filter .4s}.catalogue-film:hover img{transform:scale(1.025);filter:brightness(1.1)}}
.catalogue-image img{height:auto}
/* The index is a secondary interruption; the primary surface stays in space. */
#passage-title{display:none;position:fixed;z-index:8;left:8vw;right:8vw;bottom:18vh;margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(24px,4vw,50px);font-weight:400;letter-spacing:.12em;pointer-events:none;outline:0;text-shadow:0 2px 30px #000}
.in-passage #passage-title{display:block;animation:passage-name 4.4s both}
@keyframes passage-name{0%,35%{opacity:0;transform:translateY(12px)}55%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-8px)}}
body.in-passage>header,body.in-passage .transport,body.in-passage .progress,body.in-passage #stage-monitor,body.in-passage #curtain{visibility:hidden!important;pointer-events:none}
body.exhibition .sticky-copy,body.exhibition .progress,body.exhibition .transport{display:none}
body.exhibition header .brand{font-size:14px;font-weight:400;letter-spacing:.12em}
body.exhibition header .brand small{font-size:10px}
body.exhibition header nav{font-size:14px}
body.exhibition #curtain{opacity:0!important}
body.exhibition .monitor-next{max-width:220px;text-align:right;border:0;font-size:14px;line-height:1.7}
body.exhibition .monitor-actions h2{font-size:clamp(24px,3vw,36px)}
body.exhibition .monitor-kicker{font-size:12px}
body.exhibition .monitor-face img{object-fit:cover}
#site-introduction{background:#070809f5;padding-top:35px}
#site-introduction .catalogue-top h2{font-family:"Yu Mincho",serif!important;font-size:24px!important;font-weight:400!important}
#close-films{min-height:44px;font-size:14px;padding:0}
#site-introduction .catalogue-heading h3{display:none}
#site-introduction #all-films{margin-top:20px}
.catalogue-film>small{font-size:12px}.film-filters button{font-size:14px}
@media(max-width:650px){body.exhibition .monitor-actions{grid-template-columns:1fr;gap:8px}body.exhibition .monitor-next{grid-column:1;grid-row:2;justify-self:end;max-width:100%;margin:8px 0 12px}body.exhibition .monitor-back{grid-row:3}body.exhibition .monitor-external{grid-row:4;grid-column:1;justify-self:start}body.exhibition .monitor-detail{grid-row:5}body.exhibition .inline-credits{grid-row:6}body.exhibition header{padding:22px}body.exhibition header nav{gap:22px;font-size:12px}.catalogue-film>small{font-size:11px}.film-filters{gap:18px}}

body.exhibition:not(.in-passage):not(.introducing)>header{visibility:visible;pointer-events:auto}
body.costume-surface .monitor-actions,body.costume-surface .monitor-actions button,body.costume-surface .monitor-actions a,body.costume-surface .inline-credits dt,body.costume-surface .inline-credits dd{color:#18181c;text-shadow:0 1px 5px #ffffffb0}
body.costume-surface .monitor-next{border-color:#29292d}
body.costume-impact .monitor-actions,body.costume-impact .monitor-actions button,body.costume-impact .monitor-actions a{color:#eee;text-shadow:0 1px 5px #000}

/* The site title shares one light field across the image plane. */
#experience-entry[hidden]{display:none}
#experience-entry{position:fixed;inset:0;z-index:12;overflow:hidden;background:#050607;color:#eeeae2}
#entry-title-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#experience-title{position:absolute;left:0;right:0;top:42%;transform:translateY(-50%);text-align:center;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(48px,12vw,170px);font-weight:400;letter-spacing:0;margin:0;line-height:1;outline:0}
.title-ready #experience-title{opacity:0;pointer-events:none}
.title-entry-actions{position:absolute;top:74%;left:50%;transform:translateX(-50%);text-align:center;width:280px}
#begin-experience{font-size:15px;letter-spacing:.12em;min-height:48px;padding:10px 14px}
#begin-experience span{display:inline-block;margin-left:28px;font-size:22px}
.title-entry-actions p{font-size:10px;letter-spacing:.05em;color:#b5b0a4;margin:8px 0 12px}
#experience-full{font-size:11px;color:#b5b0a4;min-height:40px;padding:8px 12px}
#experience-choose{position:absolute;right:6vw;bottom:26px;font-size:12px;min-height:44px;padding:10px 0}
.experience-footnote{position:absolute;left:6vw;bottom:41px;font-size:10px;color:#99958c}
body.experience-entry>header,body.experience-entry .transport,body.experience-entry .progress,body.experience-entry #stage-monitor{visibility:hidden!important;pointer-events:none}
body.experience-entry #space{opacity:0}
.monitor-restart{font-size:12px;padding:10px 0;min-height:44px;text-align:left;grid-column:1/-1;grid-row:7;color:#c4c3b9}
.monitor-restart[hidden]{display:none}
body.watching-film .monitor-restart{opacity:0;pointer-events:none;transition:opacity .35s}
body.watching-film .film-controls-visible .monitor-restart,body.watching-film .monitor-restart:focus-visible{opacity:.8;pointer-events:auto}
@media(max-width:650px){.title-entry-actions{top:70%}#experience-choose{right:7vw;bottom:22px}.experience-footnote{left:7vw;bottom:37px;font-size:9px}}
@media(max-height:550px){.title-entry-actions{top:auto;bottom:12px}.title-entry-actions p{display:none}#experience-full{min-height:30px}#experience-choose{bottom:15px}.experience-footnote{bottom:30px}}

/* One continuous introduction uses the existing stage and its camera. */
body.experience-entry #space{opacity:1;clip-path:inset(var(--entry-inset,32%) 0)}
#experience-entry{background:transparent;pointer-events:none}
#entry-title-canvas,#experience-title,.title-entry-actions p,#experience-full{display:none}
.title-entry-actions{top:auto!important;bottom:26px;left:6vw;transform:none;text-align:left;width:auto}
#begin-experience,#experience-choose{pointer-events:auto;font-size:12px;color:#b9b5ac}
#begin-experience{padding-left:0}#begin-experience span{margin-left:12px;font-size:16px}
.experience-footnote{display:none}
body.experience-entry .sticky-copy,body.experience-entry #curtain{visibility:hidden}

body.experience-entry.entry-reveal #stage-monitor{visibility:visible!important;pointer-events:none;animation:entry-monitor 1s both}
@keyframes entry-monitor{from{opacity:0}to{opacity:1}}
body.fallback #experience-title{display:block;font-size:clamp(38px,10vw,100px)}

.member-credits{margin:12px 0 24px}.member-credits h3{font:inherit;font-size:20px;margin:0 0 8px}.member-credits p{font-size:11px;color:#a7a59f}.member-credits ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:16px 24px;padding:18px 0;margin:0}.member-credits li{display:flex;gap:10px;align-items:baseline;font-size:15px;white-space:nowrap}.member-credits small{font-size:10px;color:#aaa}.member-credits a{font-size:11px}.film-finished .monitor-face{visibility:hidden}.film-finished .inline-credits{max-height:55svh}.film-finished .monitor-actions{opacity:1}.film-finished .monitor-kicker,.film-finished .monitor-actions>div:first-child,.film-finished .monitor-detail{display:none}.film-finished .monitor-restart{display:block!important}.film-finished .inline-credits{grid-row:1}.film-finished .monitor-next{grid-row:2}@media(max-width:650px){.member-credits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.member-credits li{font-size:14px}.film-finished .inline-credits{max-height:58svh;grid-row:1!important}.film-finished .monitor-next{grid-row:2!important}}

.members-open .monitor-face{visibility:hidden}.members-open .inline-credits{max-height:53svh;grid-row:1!important;opacity:1!important;pointer-events:auto!important}.members-open .monitor-next{grid-row:2!important}.members-open .monitor-actions>div:first-child{display:none}.members-open .monitor-actions button,.members-open .monitor-actions a{opacity:1!important;pointer-events:auto!important}

.members-open .monitor-actions,.film-finished .monitor-actions{position:fixed;top:12svh!important;left:50%!important;transform:translateX(-50%);width:min(88vw,860px)!important;display:flex!important;flex-direction:column;align-items:stretch;gap:12px}.members-open .inline-credits,.film-finished .inline-credits{order:-1;width:100%;flex-shrink:0;box-sizing:border-box}.members-open .film-light-toggle,.members-open .film-controls-toggle,.film-finished .film-light-toggle,.film-finished .film-controls-toggle{display:none!important}.members-open .monitor-actions button,.film-finished .monitor-actions button{align-self:flex-start;margin:0;padding:4px 0}.members-open .member-credits li,.film-finished .member-credits li{overflow:visible}

body:has(.film-finished) #space{visibility:hidden}.film-finished .monitor-back{display:none!important}
/* Preserve the official 7 / 5 / 5 positions, including on small screens. */
.member-credits .formation{padding:18px 0 12px;animation:formation-reveal 1.1s ease both}
.member-credits .formation ul{display:flex;justify-content:center;gap:0;padding:12px 0;margin:0}
.member-credits .formation li{width:14.2857%;flex:none;justify-content:center;white-space:normal;text-align:center}
.member-credits .member-name{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:48px;width:100%;font:inherit;font-size:14px;color:#e6e4dd;text-decoration:none}
.member-credits a.member-name>span{text-decoration:underline;text-decoration-color:#79776f;text-underline-offset:5px}
.member-credits a.member-name:hover{color:#d8cd8c}.member-credits a.member-name:focus-visible{outline:1px solid #d8cd8c;outline-offset:2px}
.member-credits .formation-note{font-size:10px;margin:12px 0 18px}
@keyframes formation-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:650px){.member-credits .formation ul{padding:10px 0}.member-credits .member-name{font-size:14px;gap:9px;min-height:104px;justify-content:flex-start}.member-credits .member-name>span{writing-mode:vertical-rl;letter-spacing:.13em}.members-open .inline-credits,.film-finished .inline-credits{max-height:64svh}.members-open .monitor-actions,.film-finished .monitor-actions{top:7svh!important;width:94vw!important}.member-credits .formation-note{font-size:10px}}

body:has(.members-open) #space{visibility:hidden}

.member-credits .formation li{width:calc(100% / var(--formation-columns,7))}

.brand{font-family:Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.05em}.brand small{font-family:inherit;letter-spacing:.02em;font-size:10px}
.related-sites{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:11px;line-height:1.7}.related-sites a{color:#a7a59f;text-decoration:none}.related-sites a:hover{color:#edece7}.related-sites a:focus-visible{outline:1px solid currentColor;outline-offset:5px}.catalogue-footer{flex-wrap:wrap}.catalogue-footer .related-sites{flex-basis:100%;margin-top:16px}.inline-credits .related-sites{display:none}.film-finished .inline-credits .related-sites{display:flex;margin-top:32px;padding-top:16px}
@media(max-width:650px){.brand small{max-width:160px;line-height:1.5}.catalogue-footer{gap:16px}.catalogue-footer .related-sites{margin-top:0}}

header #motion{font-size:10px;color:#99968f;letter-spacing:0;min-height:44px}header #motion:hover,header #motion:focus-visible{color:#edece7}

.watching-film .monitor-face{box-shadow:none;will-change:auto}
/* UNFRAME: a viewing room, with Jigoujitoku as the permanent first work. */
#site-introduction{padding:0;background:#f0eee7;color:#242521;color-scheme:light;scroll-padding-top:28px}
.mv-home{width:100%;overflow:hidden}.mv-masthead{max-width:1280px;margin:auto;padding:32px 6%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.mv-masthead>a:first-child{font-size:21px;font-weight:650;letter-spacing:.12em}.mv-masthead span{margin-left:18px}
.mv-feature{position:relative;max-width:1280px;margin:auto;padding:12px 10% 90px}.mv-pigment{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mv-intro{position:relative;margin:20px 0 38px}.mv-intro h1{font-family:inherit;font-size:clamp(21px,2.2vw,31px);font-weight:400;letter-spacing:.04em;line-height:1.6}.mv-intro p{font-size:12px;color:#64665f;margin:8px 0 0}.mv-screen{display:block;position:relative;width:100%;padding:0;background:#111;line-height:0}.mv-screen img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.mv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#111a;color:#fff;font-size:19px;line-height:1;padding-left:3px}.mv-feature-caption{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:23px;gap:24px}.mv-feature-caption small{font-size:11px;color:#67695f}#site-introduction .mv-feature-caption h2{font-family:inherit;font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:.04em;margin:6px 0 0;line-height:1.3}.mv-feature-caption>button{font-size:13px;padding:14px 0}.mv-feature-caption>button span{margin-left:28px}
.mv-new{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;background:#0b1016;color:#e9edef;max-width:1280px;margin:0 auto;padding:58px 6%;gap:6%}.mv-new-copy>p{font-size:11px;color:#a8b8c7;margin:0 0 25px}#site-introduction .mv-new h2{font-family:inherit;font-size:clamp(32px,4vw,54px);line-height:1.1;font-weight:400;margin:0 0 16px}.mv-new-copy small{font-size:11px;color:#bac1c7}.mv-new-copy button{display:block;margin-top:33px;padding:12px 0;font-size:13px}.mv-new-copy button span{margin-left:28px}.mv-new-image{position:relative;padding:0;line-height:0}.mv-new-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.mv-new-image>span{position:absolute;right:15px;bottom:24px;font-size:25px;color:white}
.mv-more{max-width:1280px;margin:0 auto;padding:78px 6% 65px}#site-introduction .mv-more>h2{font-family:inherit;font-size:15px;font-weight:400;letter-spacing:.05em;margin:0 0 28px}.mv-pair{display:grid;grid-template-columns:1fr 1fr;gap:6%}.mv-work{text-align:left;padding:0}.mv-work img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.mv-work-caption{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.mv-work-caption small{display:block;font-size:10px;color:#74776f}.mv-work-caption strong{display:block;font-size:clamp(19px,2vw,27px);font-weight:400;margin-top:6px}.mv-work-caption>span:last-child{font-size:24px}.mv-footer{max-width:1280px;margin:0 auto;padding:24px 6% 45px;align-items:flex-end;color:#66695f;font-size:11px;gap:30px}.mv-footer strong{color:#292d27;letter-spacing:.12em;font-size:15px}.mv-footer p{line-height:1.9}.mv-footer .related-sites a{color:#555d55}.mv-footer button{font-size:11px}.mv-home :is(a,button):focus-visible{outline:2px solid #58787b;outline-offset:7px}body.introducing #space{visibility:hidden}body.introducing .skip{display:none}
@media(max-width:650px){.mv-masthead{padding:24px 6%;font-size:11px}.mv-masthead>a:first-child{font-size:18px}.mv-feature{padding:8px 6% 55px}.mv-intro{margin:16px 0 27px}.mv-intro h1{font-size:21px}.mv-intro p{font-size:11px}.mv-feature-caption{margin-top:18px;gap:12px}.mv-feature-caption>button{font-size:12px}.mv-feature-caption>button span{margin-left:12px}.mv-play{width:49px;height:49px;font-size:15px}.mv-new{padding:35px 6% 40px;display:flex;flex-direction:column;align-items:stretch;gap:25px}.mv-new-copy{display:grid;grid-template-columns:1fr auto;align-items:center}.mv-new-copy>p{grid-column:1/-1;margin-bottom:19px}.mv-new-copy small{grid-column:1}#site-introduction .mv-new h2{font-size:35px;margin:0 0 9px}.mv-new-copy button{grid-column:2;grid-row:2/4;margin:0;font-size:11px}.mv-new-copy button span{margin-left:8px}.mv-more{padding-top:45px;padding-bottom:36px}.mv-pair{grid-template-columns:1fr;gap:35px}.mv-work-caption strong{font-size:24px}.mv-footer{display:flex;align-items:flex-start;flex-direction:column;margin-top:0;gap:19px;padding-bottom:36px}.mv-footer .related-sites{gap:20px}.mv-footer p{font-size:11px}.mv-feature-caption h2{white-space:nowrap}}
@media(min-width:651px){.mv-screen,.mv-feature-caption,.mv-intro{width:min(100%,max(480px,calc((100svh - 300px)*16/9)));margin-left:auto;margin-right:auto}.mv-feature{padding-bottom:60px}.mv-intro{margin-top:7px;margin-bottom:26px}}
