:root{--paper:#eae6dc;--ink:#ece8de;--blue:#be2427;--orange:#df3936;--poster:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--line:#d8d3c233;color-scheme:dark}
body{background:#111110;color:#eae6dc}.wrap{max-width:1440px;width:calc(100% - 96px)}.header{background:#eae6dc;color:#171716;border:0;padding:16px 48px;min-height:76px}.wordmark{font:800 37px/.85 var(--poster);letter-spacing:-.03em;gap:18px}.wordmark span{font:10px/1.4 'Courier New',monospace;letter-spacing:.08em}.header nav a{color:#34332f;font-size:12px}.map-link{background:#171716;color:#eae6dc;border:0;font:600 12px var(--font)}
.noir-hero{min-height:0;background:linear-gradient(90deg,#111110 0 51%,#eae6dc 51%);padding-bottom:0;position:relative}.hero-grain{z-index:6;opacity:.065;mix-blend-mode:difference}.hero-light{inset:15% 0 0;filter:none;opacity:.18;clip-path:polygon(49% 60%,100% 15%,100% 88%);background:linear-gradient(90deg,transparent,#eee4ce);animation:projection-breathe 7s ease-in-out infinite;z-index:1}.noir-hero .hero-top{padding-top:22px;display:flex;font:10px 'Courier New',monospace;letter-spacing:.15em;color:#bdbbae}.hero-top p:last-child{color:#393731}.poster-title{position:relative;z-index:2;margin:5px 0 0;text-align:center;font:800 clamp(115px,25vw,390px)/.8 var(--poster);letter-spacing:-.035em;color:#bc2729;text-transform:uppercase;padding:8px 0 26px}.poster-title span{display:block;font:11px 'Courier New',monospace;letter-spacing:.26em;color:#cfccc2;margin-bottom:20px;text-align:left;padding-left:4px}
.hero-body{grid-template-columns:43% 57%;min-height:410px}.hero-copy{padding:25px 0 38px}.hero-copy .red-label{font:11px 'Courier New',monospace;color:#f0625c;letter-spacing:.12em}.hero-copy h2{font:600 clamp(38px,4.3vw,64px)/.92 var(--poster);letter-spacing:-.02em;margin:20px 0;text-transform:uppercase;max-width:390px}.hero-description{font-size:14px;color:#bbb8af;line-height:1.7;max-width:320px}.noir-button{border:1px solid #cfcbc0;color:#f2ede1;padding:14px 18px;gap:36px;font-size:11px;letter-spacing:.08em;margin-top:22px;transition:background .2s,color .2s}.noir-button:hover{background:#eae6dc;color:#111}.noir-button span{color:inherit}.camera-area{min-height:410px;z-index:3}.camera-area canvas{inset:-20px 0 0;height:100%}.object-label{top:5px;right:0;color:#3f3c35;border-color:#8e877b;font:10px/1.5 'Courier New',monospace}.camera-controls{bottom:38px;right:0}.camera-controls button{background:transparent;color:#22211e;border-color:#858073;font:11px 'Courier New',monospace;padding:9px 12px}.camera-controls button:hover{background:#c9c4b7}#camera-status{bottom:12px;color:#575248;font:10px 'Courier New',monospace;max-width:250px}#camera-fallback{display:none}.tape-fallback{position:absolute;top:25%;left:17%;width:75%;height:46%;background:#1d1d1b;border:8px solid #282825;box-shadow:16px 25px 24px #17171433;transform:rotate(-12deg);border-radius:8px;padding:18px;color:#eae6dc}.tape-fallback b{display:block;background:#eae6dc;color:#bb292b;font:800 42px var(--poster);padding:0 12px}.tape-fallback span{font:12px 'Courier New',monospace}.ready .tape-fallback{display:none}
.noir-hero .hero-bottom{width:100%;max-width:none;padding:18px 48px;background:#be2427;color:#f5e9dc;border:0;position:relative;z-index:5;gap:20px;font:10px 'Courier New',monospace}.hero-bottom strong{font:600 30px var(--poster);color:#fff}.noir-hero .hero-bottom p{font:10px 'Courier New',monospace}.hero-bottom>span:last-child{border:1px solid #eeb9aa;padding:8px}.section-label{font:11px 'Courier New',monospace;letter-spacing:.06em;border-color:#68665c;color:#bbb8ad}.time-section{padding:64px 0 72px}.time-grid{margin:22px 0;gap:50px}.time-grid h2{font:700 clamp(110px,13vw,180px)/.88 var(--poster);letter-spacing:-.035em}.time-minutes{font:16px 'Courier New',monospace;color:#c3bdae}.time-explanation h3{font:600 37px/1 var(--poster);text-transform:uppercase}.time-explanation p{color:#b8b6ad}.red-label{color:#ee6a61}.time-register{border-color:#5a584f}.time-register strong{font:600 35px var(--poster)}.time-register span{color:#e46159}.time-register small{color:#aaa69b}
.cinema-section{background:#eae6dc;color:#191917;padding:70px 0}.cinema-section:before{background:repeating-linear-gradient(90deg,#111110 0 12px,transparent 12px 30px);height:7px}.section-intro h2{font:700 clamp(50px,7vw,110px)/.9 var(--poster);text-transform:uppercase;letter-spacing:-.025em}.section-intro h2 em{font-style:normal;color:#b82729;font-weight:700}.section-intro p{font-size:14px;line-height:1.7}.cinema-section .section-label{color:#4d4b43;border-color:#989387}.search input,.sort select{border-color:#8e897d;color:#191917}.filters button{border-color:#9f998c;color:#282722;font:11px 'Courier New',monospace}.filters button[aria-pressed=true]{background:#bd282a;border-color:#bd282a;color:#fff}.films{gap:30px 22px}.poster{padding:7px;border:1px solid #aaa496;background:#d4cfc2;box-shadow:4px 6px 0 #c5bfb1}.film-title{font:600 18px/1.1 var(--poster)}.film-year{font:10px 'Courier New',monospace;color:#625d52;margin-top:7px}.poster img{filter:saturate(.65) contrast(1.07)}.film:hover .poster{box-shadow:6px 8px 0 #b8272940}.collection-details{border-color:#979185}.stats-main strong{font-family:var(--poster);font-weight:700;color:#b82729}.chart-track span{background:#b82729}.chart-track{background:#c8c2b4}.stats-layout h3{font-family:var(--poster);font-weight:600}.light{background:#1a1a17;color:#eae6dc}
.section{padding-top:76px;padding-bottom:76px}.interests{gap:48px}.games .subheading h3,.subheading h3{font:600 36px/.95 var(--poster);text-transform:uppercase}.games li{font:500 27px var(--poster);color:#e4e0d4;border-color:#4d4a42}.games li:before{color:#e15b55}.channels{background:#b82729;color:#efe9de;border:1px solid #dc5c53;position:relative;overflow:hidden;transform:rotate(1deg)}.channels h3{font:700 86px/.86 var(--poster);letter-spacing:-.02em;text-transform:uppercase}.channels p{color:#f2c9bd}.channels .eyebrow,.channel-foot{color:#efc6b9}.channel-foot{font-family:'Courier New',monospace}.channels:after{content:'PLAY ▷';position:absolute;right:25px;top:32px;font:12px 'Courier New',monospace;border:1px solid currentColor;padding:5px 8px}.project h4{font:600 28px var(--poster);text-transform:uppercase}.project p,.project-num,.project-meta{color:#bdb9ad}.project-meta a{color:#ef7770}.portfolio-fold{border-color:#5c584d}.portfolio-fold summary span{color:#aaa497}.about{background:#eae6dc;color:#161614;padding:70px 0}.about .section-label{color:#615c52;border-color:#989183}.about h2{font:700 clamp(64px,8vw,130px)/.86 var(--poster);text-transform:uppercase;letter-spacing:-.035em}.about-grid .about-lead{font:600 34px/1.05 var(--poster);color:#292821}.about-grid p{color:#615c52}.about .dark{background:#b82729;color:#fff}.principles{border-color:#a39c8e}.principles p{font:500 25px/1.1 var(--poster)}.principles span{color:#b82729}.footer-word{font:800 clamp(110px,25vw,390px)/.85 var(--poster);letter-spacing:-.035em;color:#c22c2e;padding:24px 0}.footer-top{font-size:12px}.footer-bottom{font:10px 'Courier New',monospace;color:#a9a69c}.footer-top a{color:#d0ccbf}dialog{background:#eae6dc;color:#171714;border:1px solid #aaa294;border-radius:0}dialog h2{font-family:var(--poster);font-weight:700;text-transform:uppercase}.dialog-close{color:#29261f;background:#eae6dc;border-color:#aca495}dialog::backdrop{background:#080808c9;backdrop-filter:blur(5px)}
@keyframes projection-breathe{0%,100%{opacity:.1;transform:translateY(0)}50%{opacity:.22;transform:translateY(-12px)}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header{padding:18px 24px;flex-wrap:wrap}.header nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px}.wordmark span{display:none}.noir-hero .hero-bottom{padding:15px 24px}.poster-title{font-size:25vw}.hero-body{grid-template-columns:42% 58%;min-height:340px}.camera-area{min-height:340px}.hero-copy{padding-top:20px}.hero-copy h2{font-size:40px}.object-label{top:0;font-size:8px}.hero-description{font-size:12px}.noir-button{font-size:10px;padding:12px;gap:16px}.time-explanation h3{font-size:30px}}
@media(max-width:600px){.header{gap:16px}.header nav a{font-size:10px}.wordmark{font-size:32px}.map-link{font-size:11px;padding:10px 15px}.hero-top p{font-size:8px;letter-spacing:.04em}.poster-title{font-size:27vw;padding-bottom:17px;margin-top:10px;letter-spacing:-.045em}.poster-title span{font-size:8px;margin-bottom:12px;letter-spacing:.13em;color:#bab6ac}.hero-body{width:100%;display:flex;flex-direction:column;min-height:0}.hero-copy{padding:22px 24px 32px;background:#111110;order:2}.hero-copy h2{font-size:47px;margin:15px 0}.hero-copy h2 br{display:none}.hero-description{font-size:14px;max-width:360px}.hero-description br{display:none}.hero-copy .red-label{font-size:10px}.camera-area{order:1;background:#eae6dc;min-height:310px;margin:0 16px}.camera-area canvas{inset:0;height:100%}.object-label{right:14px;top:12px;font-size:8px}.camera-controls{right:14px;bottom:30px}.camera-controls button{font-size:10px;min-height:36px;padding:7px 10px}#camera-status{right:14px;bottom:10px;font-size:8px}.noir-button{font-size:11px;padding:13px 18px}.noir-hero .hero-bottom{flex-wrap:wrap;gap:10px;padding:14px 24px}.hero-bottom>span:first-child{display:none}.hero-bottom>span:last-child{font-size:8px}.time-grid{grid-template-columns:1fr;gap:8px}.time-grid h2{font-size:134px}.time-register{grid-template-columns:1fr 1fr;gap:24px}.time-register>div:nth-child(2){border:0}.time-explanation{padding:10px 0 20px}.time-explanation h3{font-size:33px}.section-intro{margin:30px 0;display:block}.section-intro p{margin-top:20px}.section-intro h2{font-size:54px}.films{gap:24px 14px}.film-title{font-size:18px}.poster{padding:4px}.section-label{font-size:9px;line-height:1.5}.section-label span:last-child{text-align:right}.interests{gap:32px}.channels{transform:none}.channels h3{font-size:72px}.about h2{font-size:80px}.portfolio-fold summary span{display:block;float:none;margin-top:10px}.footer-word{font-size:26vw}.hero-light{display:none}}
@media(prefers-reduced-motion:reduce){.hero-light{animation:none}.channels{transform:none}}
