:root{--paper:#100f0e;--blue:#c84b3e;--ink:#ede4d4;--orange:#e26451;--line:rgba(237,228,212,.22);--serif:'Cormorant Garamond',Georgia,serif;color-scheme:dark}body{background:#100f0e;color:var(--ink)}::selection{background:#9c362b;color:#fff}.header{padding-top:24px;padding-bottom:24px;background:#100f0e;border-color:#33302a}.wordmark{font-family:var(--serif);font-weight:600;font-size:38px;letter-spacing:.02em;display:flex;align-items:center;gap:22px}.wordmark span{font:10px var(--font);letter-spacing:.13em;max-width:90px;line-height:1.5;margin:0}.header nav a{color:#c6bcac;font-weight:400}.header nav a:hover{color:#fff}.map-link{border-color:#666054;border-radius:0;font-size:12px;text-transform:uppercase;letter-spacing:.07em;padding:12px 20px}.noir-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 58%,#30291e 0,transparent 47%),#100f0e;min-height:760px}.hero-grain{position:absolute;inset:0;z-index:4;pointer-events:none;background-image:url('assets/grain.png');opacity:.095;mix-blend-mode:screen}.hero-light{position:absolute;inset:-30%;background:conic-gradient(from 165deg at 70% 0%,transparent 0deg,#cba86616 9deg,transparent 22deg,#d7b7810d 28deg,transparent 40deg);filter:blur(16px);pointer-events:none;transform:rotate(-10deg)}.noir-hero .hero-top{padding-top:27px;color:#a9a092;font-size:11px;position:relative;z-index:5;letter-spacing:.14em}.hero-body{display:grid;grid-template-columns:1fr 1fr;min-height:610px;position:relative}.hero-copy{position:relative;z-index:3;padding-top:65px;padding-bottom:70px;pointer-events:none}.hero-copy a{pointer-events:auto}.red-label{font-size:11px;letter-spacing:.15em;font-weight:600;color:#dd7868}.hero-copy h1{font-family:var(--serif);font-size:clamp(72px,8.3vw,132px);font-weight:400;letter-spacing:-.055em;line-height:.84;margin:28px 0 34px}.hero-copy h1 em{font-weight:400;color:#cd5949}.hero-description{font-size:16px;line-height:1.7;color:#bdb3a4}.noir-button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:17px 0;border-bottom:1px solid #947b61;font-size:13px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;margin-top:20px}.noir-button span{color:#dd7868}.camera-area{position:relative;min-width:0;min-height:550px;align-self:stretch;touch-action:pan-y}.camera-area canvas{position:absolute;width:100%;height:100%;inset:0;cursor:grab;touch-action:pan-y;outline:none}.camera-area canvas:active{cursor:grabbing}#camera-fallback{position:absolute;height:75%;width:auto;max-width:65%;object-fit:contain;top:8%;left:27%;mix-blend-mode:luminosity;opacity:.65;filter:sepia(.5);transition:opacity .5s}.camera-area.ready #camera-fallback{opacity:0;pointer-events:none}.object-label{position:absolute;top:55px;right:0;font-size:10px;letter-spacing:.14em;color:#b5a991;line-height:1.8;border-left:1px solid #71634f;padding-left:15px;pointer-events:none}.camera-controls{position:absolute;bottom:60px;right:0;display:flex;gap:8px;z-index:4}.camera-controls button{background:#161410b3;color:#cfc4b1;border:1px solid #756751;padding:9px 14px;font-size:12px;min-height:40px}.camera-controls button:hover{background:#443425}#camera-status{position:absolute;bottom:27px;right:0;font-size:11px;color:#a49b8b;text-align:right}.noir-hero .hero-bottom{padding:22px 0 28px;border-top:1px solid #5549385c;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;color:#b0a18c}.noir-hero .hero-bottom p{font-size:10px;letter-spacing:.08em}.hero-bottom strong{font-size:21px;font-weight:400;font-family:var(--serif);margin-right:7px;color:#f2e6d1}.time-section{padding:70px 0 85px}.section-label{font-size:11px;letter-spacing:.13em;border-color:#4c4238;color:#b8aa99}.time-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;margin:40px 0}.time-grid h2{font:400 clamp(90px,10vw,155px)/1 var(--serif);letter-spacing:-.065em;margin:20px 0 5px;white-space:nowrap}.time-grid h2 small{font-size:.45em;margin-left:9px}.time-minutes{font:400 20px var(--serif);letter-spacing:0;margin-left:18px}.time-grid>div>p:last-child{font-size:14px;color:#b8aa99}.time-explanation{padding:25px 0;max-width:440px}.time-explanation h3{font:400 34px/1.05 var(--serif);margin-bottom:22px}.time-explanation p{color:#b8aa99;font-size:15px;line-height:1.7}.time-explanation a{font-size:13px;display:inline-block;margin-top:20px}.time-register{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4c4238;padding-top:26px;gap:30px}.time-register>div{border-right:1px solid #4c4238;display:flex;flex-direction:column;gap:10px}.time-register>div:last-child{border:0}.time-register span{font-size:10px;color:#bd8069;letter-spacing:.14em}.time-register strong{font:400 35px var(--serif)}.time-register small{font-size:12px;color:#b8aa99}.cinema-section{background:#e0d5be;color:#242019;position:relative;padding:85px 0}.cinema-section:before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#100f0e 0 18px,transparent 18px 40px)}.cinema-section .section-label{color:#5c4f3e;border-color:#8b7b62}.section-intro h2{font:400 clamp(56px,6.5vw,98px)/.9 var(--serif);letter-spacing:-.04em}.section-intro h2 em{color:#8c332a;font-weight:400}.section-intro p{font-size:16px;line-height:1.65}.cinema-section .text-link{font-size:13px}.search input,.sort select{background:transparent;color:#242019;border-color:#98866d;border-radius:0}.search input::placeholder{color:#655845}.filters button{border-color:#8b7961;color:#463b2d;border-radius:0;background:transparent}.filters button[aria-pressed=true]{background:#25211b;border-color:#25211b;color:#e7dcc5}.results{color:#665746}.film{color:#242019}.poster{border-radius:0;background:#4a4033;box-shadow:0 8px 15px #22180926;padding:5px;border:1px solid #b1a187}.poster img{filter:saturate(.75);transition:filter .3s,transform .4s}.film:hover img{filter:saturate(1);transform:scale(1.025)}.film-title{font-weight:500;font-size:15px}.film-year{color:#675946}.films{gap:30px 24px}.light{background:#25211b;color:#e7dcc5;border-radius:0}.collection-details{border-color:#98866d;margin-top:45px}.stats-main strong{font-family:var(--serif);font-weight:400;color:#8c332a}.stats-main p{color:#665746}.stats-main>span{font-size:20px}.chart-row{grid-template-columns:112px 1fr 80px;font-size:13px}.chart-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.chart-track{border-radius:0;background:#bcaf97;height:6px}.chart-track span{background:#8c332a}.stats-layout h3{font:500 26px var(--serif)}.section{padding-top:90px;padding-bottom:90px}.games .subheading h3{font:400 40px/1 var(--serif)}.games li{font-family:var(--serif);font-size:27px;font-weight:400;color:#d6c8b2;border-color:#483e32;padding:15px 0}.games li:before{color:#ba7364;font:12px var(--font);margin-top:9px}.channels{background:#3e1c19;border:1px solid #794135;border-radius:0;padding:35px}.channels h3{font:400 76px/.85 var(--serif);letter-spacing:-.04em}.channels .eyebrow{color:#d1947e}.channels p{color:#c8aa97;font-size:16px}.channel-foot{color:#ba8975}.subheading h3{font:400 30px var(--serif)}#atelier{border-top:1px solid #44382d}.portfolio-fold{border-block:1px solid #544432;padding:22px 0;margin-bottom:35px}.portfolio-fold summary{font-size:16px;cursor:pointer}.portfolio-fold summary span{font-size:12px;color:#b8aa99;float:right}.portfolio-fold #motion-projects{padding-top:25px;font-size:14px;color:#b8aa99}.projects{column-gap:70px}.project{border-color:#473d32}.project h4{font:500 25px var(--serif);letter-spacing:-.02em}.project p{color:#b4a593;font-size:14px}.project-num,.project-meta{color:#b4a593}.project-meta a{color:#d88d79}.about{background:#1d1915;border-top:1px solid #483c2e}.about h2{font:400 clamp(60px,7vw,102px)/.88 var(--serif);letter-spacing:-.05em}.about-grid p{color:#b9aa96}.about-grid .about-lead{color:#e0d2bc;font:400 32px/1.15 var(--serif)}.dark{background:#dfd2ba;color:#231a14;border-radius:0}.principles{border-color:#574632}.principles p{font:400 25px/1.1 var(--serif)}.principles span{font:12px var(--font);color:#ce7965}.footer-word{font-family:var(--serif);font-weight:500;color:#b24637;letter-spacing:-.05em;font-size:23.2vw;line-height:.75;padding:55px 0}.footer-top p{font-family:var(--serif);font-size:25px}.footer-bottom{color:#ac9d89;border-color:#544332}.footer-top a{color:#c1b198;font-size:12px}dialog{background:#251f19;color:#e4d8c1;border:1px solid #6c5840;border-radius:0}.dialog-film h2{font:400 42px/.95 var(--serif)}.dialog-film img{border-radius:0}.dialog-close{color:#e4d8c1}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s}.reveal.revealed{opacity:1;transform:none}body:has(dialog[open]){overflow:hidden}.camera-area[data-mode=detail] .object-label{color:#e4cda6}
@media(min-width:1600px){.noir-hero{min-height:850px}.hero-body{min-height:700px}}@media(max-width:1100px){.wordmark span{display:none}.header nav{gap:18px}.header nav a{font-size:12px}.noir-hero{min-height:680px}.hero-body{min-height:530px}.hero-copy{padding-top:58px}.hero-copy h1{font-size:90px}.camera-area{min-height:500px}.hero-description{font-size:14px}.object-label{font-size:9px;right:0}.time-grid h2{font-size:110px}.hero-bottom>span:last-child{display:none}}
@media(max-width:760px){.header{padding:17px 20px;gap:15px}.wordmark{font-size:30px}.header nav{border-color:#42382c}.header nav a{font-size:12px}.map-link{font-size:11px;padding:10px 15px}.noir-hero{min-height:0}.noir-hero .hero-top{padding-top:22px;font-size:10px}.hero-top p:last-child{display:none}.hero-body{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 0 0}.hero-copy h1{font-size:clamp(70px,18vw,110px);margin:22px 0;line-height:.85}.red-label{font-size:10px}.hero-description{font-size:14px}.hero-copy .noir-button{margin-top:12px}.camera-area{height:390px;min-height:390px;margin-top:5px}.object-label{top:22px;right:0;font-size:9px}.camera-controls{bottom:28px}.camera-controls button{font-size:12px;padding:8px 12px}#camera-status{bottom:5px;font-size:10px}.noir-hero .hero-bottom{flex-direction:row;align-items:center;gap:15px;padding:22px 0;font-size:9px}.noir-hero .hero-bottom p{font-size:9px;max-width:160px;line-height:1.6}.hero-bottom strong{font-size:20px}.time-section{padding:55px 0}.time-grid{grid-template-columns:1fr;gap:10px;margin:30px 0}.time-grid h2{font-size:100px}.time-minutes{font-size:19px}.time-explanation{padding:20px 0 10px}.time-explanation h3{font-size:32px}.time-register{grid-template-columns:1fr 1fr;gap:28px 20px}.time-register>div:nth-child(2){border:0}.time-register strong{font-size:30px}.time-register small{font-size:12px}.section-label{font-size:10px;letter-spacing:.1em}.cinema-section{padding:60px 0}.section-intro h2{font-size:56px;line-height:.9}.section-intro{margin:30px 0}.section-intro p{font-size:15px}.films{gap:27px 16px}.poster{padding:3px}.chart-row{grid-template-columns:85px 1fr 72px;gap:9px;font-size:12px}.stats-main strong{font-size:72px}.stats-layout{gap:30px}.section{padding:60px 0}.games .subheading h3{font-size:37px}.games li{font-size:25px}.channels h3{font-size:70px}.channels{min-height:360px;padding:30px}.portfolio-fold summary span{display:block;float:none;margin:12px 0 0 18px}.subheading>span{font-size:10px}.about h2{font-size:68px}.about-grid .about-lead{font-size:29px}.footer-word{padding:45px 0;font-size:23vw}.footer-bottom{font-size:10px}.footer-top{gap:16px}.hero-grain{opacity:.06}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero-light{filter:none}html{scroll-behavior:auto}}
.hero-grain{opacity:.055}.hero-light{inset:-20% -10% -25% 32%;background:linear-gradient(90deg,transparent 10%,#d3b47a0a 24%,#dac18c30 25%,#dac18c09 29%,transparent 36%,#bd9f7326 46%,#dac18c08 53%,transparent 65%);transform:rotate(-25deg);filter:blur(8px);animation:light-breath 18s ease-in-out infinite alternate;transform-origin:top center}@keyframes light-breath{from{opacity:.45;transform:rotate(-25deg)}to{opacity:1;transform:rotate(-19deg)}}
dialog[open]{animation:shutter-open .5s cubic-bezier(.2,.7,.2,1)}dialog::backdrop{animation:backdrop-in .4s ease-out}@keyframes shutter-open{from{clip-path:inset(48% 0);opacity:.3;transform:translateY(8px)}to{clip-path:inset(0);opacity:1;transform:none}}@keyframes backdrop-in{from{background:#100f0e00}to{background:#100f0ecc}}
.camera-area canvas{height:calc(100% - 75px)}.camera-controls{bottom:35px}#camera-status{bottom:10px}.camera-controls button:disabled{opacity:.45;cursor:wait}@media(max-width:760px){.object-label{top:0;left:0;right:auto;font-size:9px}.camera-area canvas{top:22px;height:calc(100% - 85px)}.camera-controls{bottom:17px}#camera-status{bottom:-5px}.camera-area{margin-top:28px;margin-bottom:15px}}