:root{--mw-gold:#dca94f;--mw-gold-hot:#f6c66f;--mw-ink:#030201;--mw-panel:#090704;--mw-text:#f7f2e8;--mw-muted:#b8aa94;--mw-line:rgba(220,169,79,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mw-ink);color:var(--mw-text);overflow-x:hidden}.motionworks{min-height:100vh;background:radial-gradient(ellipse at 50% 5%,rgba(214,153,62,.12),transparent 26%),linear-gradient(180deg,#080603 0,#020201 58%,#070502 100%)}.mw-shell{width:min(1500px,calc(100% - clamp(1rem,4vw,4.5rem)));margin:auto;padding:clamp(1.2rem,3vw,2.8rem) 0 4rem}.mw-identity{text-align:center;margin:0 auto clamp(1.4rem,3vw,2.8rem);max-width:760px}.mw-signage{position:relative;padding:clamp(1rem,2.2vw,1.8rem) clamp(1.2rem,4vw,3rem);border-top:1px solid rgba(220,169,79,.38);border-bottom:1px solid rgba(220,169,79,.24);background:linear-gradient(90deg,transparent,rgba(220,169,79,.045) 18% 82%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.025),0 1rem 3rem rgba(0,0,0,.32)}.mw-logo{display:block;width:min(300px,80vw);height:auto;margin:-.6rem auto -.7rem;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,black 48%,transparent 73%)}.mw-signage h1{margin:.75rem 0 .35rem;color:#f8edd9;font:700 clamp(1.05rem,2.2vw,1.65rem)/1 var(--font-mono,"Space Mono",monospace);letter-spacing:.28em;text-transform:uppercase}.mw-signage p{margin:0;color:var(--mw-gold);font:700 .64rem/1.3 var(--font-mono,"Space Mono",monospace);letter-spacing:.38em;text-transform:uppercase}
.screening-room{position:relative;isolation:isolate;padding:clamp(1rem,2.5vw,2.4rem);overflow:hidden;border:1px solid rgba(220,169,79,.22);background:radial-gradient(ellipse at 50% 18%,rgba(142,90,27,.15),transparent 34%),linear-gradient(90deg,#030201,#0a0703 9%,#070502 50%,#0a0703 91%,#030201);box-shadow:0 2.4rem 7rem #000,inset 0 0 8rem rgba(0,0,0,.86)}.screening-room::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(255,187,83,.055) 0 1px,transparent 1px calc(10% - 1px),rgba(255,187,83,.035) 10% calc(10% + 1px),transparent calc(10% + 1px) 90%,rgba(255,187,83,.035) 90% calc(90% + 1px),transparent calc(90% + 1px))}.screening-room::after{content:"";position:absolute;left:4%;right:4%;bottom:0;height:43%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7%),linear-gradient(180deg,transparent,rgba(0,0,0,.65)),radial-gradient(ellipse at 50% 0,rgba(220,169,79,.09),transparent 64%);transform:perspective(520px) rotateX(56deg);transform-origin:bottom}.theater-architecture{position:absolute;inset:1rem;pointer-events:none;z-index:-1}.theater-architecture span{position:absolute;top:2%;bottom:43%;width:clamp(22px,4vw,58px);border:1px solid rgba(220,169,79,.24);background:linear-gradient(90deg,#050301,#130c05 50%,#050301);box-shadow:inset 0 0 2rem #000,0 0 1.5rem rgba(220,169,79,.09)}.theater-architecture span::before,.theater-architecture span::after{content:"";position:absolute;left:18%;right:18%;height:12%;border-radius:.35rem;background:radial-gradient(circle,#ffd78a 0,#bb7826 24%,#3b220d 58%,#070402 72%);box-shadow:0 0 1.2rem rgba(255,181,73,.48)}.theater-architecture span::before{top:9%}.theater-architecture span::after{bottom:12%}.theater-architecture span:first-child{left:1%}.theater-architecture span:last-child{right:1%}
.proscenium{position:relative;width:min(760px,100%);margin:2.4rem auto 0;padding:clamp(.6rem,1.3vw,1.15rem);background:linear-gradient(90deg,#120c05,#2b1c0a 8%,#0d0904 14% 86%,#2b1c0a 92%,#120c05);border:1px solid rgba(224,174,86,.44);box-shadow:0 1.3rem 4rem #000,0 0 2.2rem rgba(220,169,79,.12),inset 0 0 1.8rem #000}.proscenium::before{content:"";display:block;position:absolute;left:2%;right:2%;top:-.65rem;height:.55rem;background:linear-gradient(90deg,transparent,#a96e25 14%,#f4c46d 50%,#a96e25 86%,transparent);box-shadow:0 0 1.2rem rgba(245,185,83,.45)}.theater-screen{padding:clamp(.35rem,.75vw,.65rem);background:#030303;border:1px solid rgba(250,216,158,.5);box-shadow:0 0 0 .38rem #080603,0 0 3rem rgba(229,172,77,.15)}.screen-bezel{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 34%,#1b140a,#050403 66%,#020201);isolation:isolate}.screen-bezel::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 4rem rgba(0,0,0,.72);background:linear-gradient(180deg,rgba(255,220,164,.025),transparent 32% 78%,rgba(0,0,0,.34))}.screen-poster,#theater-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.screen-poster{z-index:1;filter:brightness(.63) saturate(.9)}#theater-video{z-index:5}.screen-placeholder{position:absolute;inset:0;z-index:3;display:grid;align-items:end;padding:clamp(1rem,3.2vw,2.5rem);background:linear-gradient(180deg,transparent 32%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.92) 100%)}.screen-placeholder[hidden],#theater-video[hidden],.screen-poster[hidden]{display:none}.screen-copy{max-width:48rem;text-align:left;text-shadow:0 .15rem .8rem #000}.screen-kicker,.theater-kicker{margin:0;color:var(--mw-gold-hot);font:700 .66rem/1.35 var(--font-mono,"Space Mono",monospace);letter-spacing:.2em;text-transform:uppercase}.screen-placeholder h2{margin:.45rem 0;color:#fff;font:700 clamp(1.35rem,3.3vw,3rem)/1 var(--font-mono,"Space Mono",monospace);text-transform:uppercase}.screen-placeholder .screen-copy>p:not(.screen-kicker):not(.screen-status){max-width:42rem;margin:.55rem 0;color:#e5ddd0;line-height:1.55}.screen-status{display:inline-block;margin:.35rem .65rem .6rem 0;padding:.32rem .5rem;border:1px solid rgba(220,169,79,.35);background:rgba(4,3,2,.65);color:#d6c4a7;font:600 .58rem/1.25 var(--font-mono,"Space Mono",monospace);letter-spacing:.08em;text-transform:uppercase}.screen-status.pending{color:#d7b774}.screen-placeholder button,.return-row a{min-height:46px;padding:.78rem 1rem;border:1px solid var(--mw-gold);background:#1b1207;color:#fff;font:700 .66rem/1 var(--font-mono,"Space Mono",monospace);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none}.screen-placeholder button:hover,.screen-placeholder button:focus-visible,.return-row a:hover,.return-row a:focus-visible{background:#3b260d;outline:3px solid #fff;outline-offset:3px}.screen-placeholder button[disabled]{cursor:not-allowed;opacity:.62;background:#0e0b07;color:#c6bba8}
.category-zone{position:relative;width:min(1180px,94%);margin:.5rem auto 0;text-align:center}.category-zone>header h2,.works-heading h2{margin:.3rem 0;color:#f6e2bd;font:700 clamp(1.05rem,2vw,1.55rem)/1.15 var(--font-mono,"Space Mono",monospace);letter-spacing:.08em;text-transform:uppercase}.category-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.45rem,1vw,.85rem);margin:1rem auto 0}.category-button{position:relative;min-width:0;min-height:96px;padding:.55rem .35rem .8rem;border:0;background:transparent;color:#f5ead8;cursor:pointer;display:grid;grid-template-rows:1fr auto;align-items:end;gap:.35rem}.category-button::after{content:"";position:absolute;left:12%;right:12%;bottom:.28rem;height:.3rem;background:radial-gradient(ellipse,rgba(220,169,79,.28),transparent 70%);filter:blur(.1rem)}.seat-shape{position:relative;width:76%;max-width:64px;aspect-ratio:.83;margin:auto;display:block;filter:drop-shadow(0 .75rem .85rem rgba(0,0,0,.82))}.seat-back{position:absolute;left:12%;right:12%;top:5%;height:62%;border:1px solid rgba(220,169,79,.52);border-radius:28% 28% 15% 15%;background:linear-gradient(90deg,#080705,#1a130b 48%,#080705);box-shadow:inset 0 0 1.1rem #000,0 0 .7rem rgba(220,169,79,.13)}.seat-base{position:absolute;left:15%;right:15%;bottom:13%;height:30%;border:1px solid rgba(220,169,79,.54);border-radius:16% 16% 24% 24%;background:linear-gradient(180deg,#1d150c,#080604);box-shadow:inset 0 -.55rem .9rem #000}.seat-arm{position:absolute;bottom:17%;width:17%;height:37%;border:1px solid rgba(220,169,79,.42);border-radius:.42rem;background:linear-gradient(180deg,#1b130a,#070503)}.seat-arm-left{left:0}.seat-arm-right{right:0}.seat-label{position:relative;z-index:2;font:700 clamp(.58rem,.9vw,.72rem)/1.2 var(--font-mono,"Space Mono",monospace);letter-spacing:.08em;text-transform:uppercase}.category-button:hover .seat-back,.category-button:focus-visible .seat-back{border-color:#f2c66e;box-shadow:inset 0 0 1.1rem #000,0 0 1rem rgba(242,198,110,.28)}.category-button:focus-visible{outline:3px solid #fff;outline-offset:2px}.category-button[aria-pressed="true"] .seat-back,.category-button[aria-pressed="true"] .seat-base{border-color:#ffd47b;background:linear-gradient(180deg,#34220d,#110b05);box-shadow:inset 0 0 1rem #000,0 0 1.4rem rgba(245,183,76,.35)}.category-button[aria-pressed="true"] .seat-label{color:#ffd783}
.works-zone{width:min(1240px,96%);margin:1.3rem auto 0;padding-top:1.1rem;border-top:1px solid rgba(220,169,79,.27)}.works-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem}.works-heading>p{margin:0 0 .2rem;max-width:28rem;color:var(--mw-muted);font-size:.9rem}.work-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem}.work-button{min-width:0;display:grid;grid-template-columns:88px 1fr;gap:.8rem;align-items:center;min-height:92px;padding:.55rem;text-align:left;border:1px solid rgba(220,169,79,.19);background:linear-gradient(120deg,#0b0906,#050403);color:#f2eadc;cursor:pointer}.work-thumb{display:block;width:88px;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(circle,#21170b,#050403 70%);border:1px solid rgba(255,255,255,.08)}.work-thumb img{display:block;width:100%;height:100%;object-fit:cover}.work-thumb.is-missing::after{content:"MW";display:grid;place-items:center;width:100%;height:100%;color:rgba(255,217,144,.56);font:700 1rem var(--font-mono,"Space Mono",monospace)}.work-copy{min-width:0}.work-button strong,.work-meta{display:block}.work-button strong{color:#f9f1e3;font:700 .72rem/1.3 var(--font-mono,"Space Mono",monospace);text-transform:uppercase}.work-meta{margin-top:.35rem;color:#9f917c;font:600 .57rem/1.35 var(--font-mono,"Space Mono",monospace);letter-spacing:.04em;text-transform:uppercase}.work-button[aria-pressed="true"]{border-color:#efbd61;box-shadow:inset 3px 0 #efbd61,0 0 1.2rem rgba(220,169,79,.1);background:linear-gradient(120deg,#211507,#070503)}.work-button:hover,.work-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.return-row{text-align:center;margin-top:3rem}
@media(max-width:1100px){.category-controls{grid-template-columns:repeat(3,1fr)}.category-button{min-height:96px}.work-controls{grid-template-columns:repeat(2,1fr)}.proscenium{width:min(760px,100%)}}
@media(max-width:760px){.mw-shell{width:calc(100% - .8rem)}.screening-room{padding:.65rem}.theater-architecture{display:none}.proscenium{width:100%;padding:.45rem}.screen-placeholder{padding:.85rem}.screen-placeholder .screen-copy>p:not(.screen-kicker):not(.screen-status){font-size:.78rem;line-height:1.4}.screen-status{font-size:.5rem}.category-zone,.works-zone{width:100%}.category-controls{grid-template-columns:repeat(2,1fr)}.category-button{min-height:96px}.work-controls{grid-template-columns:1fr}.works-heading{display:block}.works-heading>p{margin-top:.5rem}}
@media(max-width:430px){.screen-placeholder h2{font-size:1.05rem}.screen-placeholder button{min-height:42px;padding:.62rem .72rem;font-size:.58rem}.category-button{min-height:96px}.seat-shape{width:68%}.work-button{grid-template-columns:72px 1fr}.work-thumb{width:72px}.mw-signage h1{letter-spacing:.18em}.mw-signage p{letter-spacing:.24em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.screen-status[hidden]{display:none}
@media(max-width:430px){.screen-placeholder .screen-copy>#screen-description{display:none}}