:root{--black:#050506;--near:#0d0b0b;--red:#b80c1f;--yellow:#f1bd18;--gold:#d8b15a;--ivory:#f3ebdd;--smoke:#b9aea0;--line:rgba(216,177,90,.32)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
a{color:inherit}button,a{font:inherit}.wrap{width:min(1220px,calc(100% - 42px));margin:auto}
.eyebrow{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--gold)}.eyebrow.red{color:var(--red)}.eyebrow.pale{color:#f7d873}
.nav{position:fixed;inset:0 0 auto;z-index:40;height:66px;background:linear-gradient(#050506,transparent);display:flex;align-items:center}
.nav .wrap{display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.nav-links{display:flex;gap:22px;align-items:center;font-size:.8rem}.nav-links a{text-decoration:none}.nav-links .ticket{border:1px solid var(--gold);padding:9px 13px;color:var(--gold)}
.arrival{min-height:100svh;position:relative;isolation:isolate;display:flex;align-items:end;overflow:hidden;background:#050506}
.arrival-image{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:center 36%;animation:arrivalPush 15s ease-out both;z-index:-4}
.arrival::before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(5,5,6,.96) 0%,rgba(5,5,6,.74) 38%,rgba(5,5,6,.12) 72%),linear-gradient(0deg,#050506 0%,transparent 47%)}
.arrival::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,transparent 20%,rgba(255,235,193,.12) 43%,transparent 57%);animation:searchlight 8s ease-in-out infinite alternate}
.curtain{position:absolute;inset:0 auto 0 0;width:50%;background:#020202;z-index:8;animation:openLeft 1.6s .15s cubic-bezier(.7,0,.2,1) forwards}.curtain.right{left:auto;right:0;animation-name:openRight}
.arrival-copy{position:relative;z-index:10;padding:135px 0 78px;max-width:730px}.arrival h1{font:400 clamp(3.5rem,8vw,8.3rem)/.84 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:18px 0 24px;text-wrap:balance}.arrival h1 span{display:block;font-style:italic;color:var(--gold);font-size:.57em;margin-left:15%}
.arrival p{max-width:540px;font:400 clamp(1.02rem,1.7vw,1.32rem)/1.55 Georgia,'Times New Roman',serif;color:#eadfce}.event-data{display:flex;gap:18px;flex-wrap:wrap;margin:25px 0 29px;color:#c2b6a7;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.actions{display:flex;gap:11px;flex-wrap:wrap}.btn{min-height:49px;padding:0 20px;border:1px solid var(--gold);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;cursor:pointer;background:transparent;color:var(--ivory);transition:.2s}.btn.primary,.btn:hover,.btn:focus-visible{background:var(--gold);color:var(--black);outline:none}
.scroll-cue{position:absolute;right:34px;bottom:28px;z-index:9;writing-mode:vertical-rl;font-size:.67rem;letter-spacing:.22em;text-transform:uppercase;color:#d7cab7}.scroll-cue::after{content:"";display:block;width:1px;height:58px;background:var(--gold);margin:12px auto 0;animation:pulseLine 1.8s ease-in-out infinite}
.intermission{height:18px;background:linear-gradient(90deg,var(--red) 0 46%,var(--yellow) 46% 54%,var(--red) 54%);box-shadow:0 0 40px rgba(184,12,31,.5)}
.gallery{padding:105px 0 120px;background:radial-gradient(circle at 50% 15%,#321016 0,#0b0909 38%,#050506 80%);position:relative;overflow:hidden}.gallery::before{content:"EXHIBITION 01";position:absolute;top:46px;right:-20px;font:700 clamp(4rem,12vw,10rem)/1 Arial,sans-serif;color:rgba(255,255,255,.025);letter-spacing:-.06em}
.gallery-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:55px}.gallery h2,.room h2,.projection h2,.finale h2{font:400 clamp(2.8rem,5.8vw,6rem)/.92 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:12px 0 0}.gallery-head p{font:400 1.3rem/1.55 Georgia,'Times New Roman',serif;color:#cbbdac;margin:0}
.portrait-instruction{margin:-25px 0 22px;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.portrait-instruction::before{content:"";display:inline-block;width:34px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}.portrait-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;perspective:1200px}.portrait-card{position:relative;min-height:530px;border:1px solid rgba(255,255,255,.15);background:#080707;overflow:hidden;cursor:pointer;padding:0;color:white;text-align:left;transform:translateY(38px);opacity:0;transition:transform .45s ease,filter .35s ease,border-color .35s ease;animation:portraitEnter .75s forwards}.portrait-card:nth-child(2){animation-delay:.13s}.portrait-card:nth-child(3){animation-delay:.26s}.portrait-card:nth-child(4){animation-delay:.39s}
.portrait-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s}.portrait-card::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent 53%);z-index:1}.portrait-card::after{content:"";position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 42%,rgba(255,236,185,.15) 50%,transparent 58%);transform:translateX(-70%);transition:transform .7s}.portrait-card:hover::after,.portrait-card:focus-visible::after{transform:translateX(70%)}.portrait-card:hover img,.portrait-card:focus-visible img{transform:scale(1.045);filter:saturate(1.08)}.portrait-card:hover,.portrait-card:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-8px)}.portrait-card.active{border:2px solid var(--gold);transform:translateY(-8px)}.portrait-label{position:absolute;z-index:2;inset:auto 20px 20px}.portrait-label small{display:block;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:.67rem}.portrait-label strong{font:400 1.45rem/1.1 Georgia,'Times New Roman',serif;display:block;margin-top:5px}.portrait-action{display:inline-block;margin-top:13px;padding-bottom:3px;border-bottom:1px solid var(--gold);color:#f3e3bf;font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.spotlight-stage{margin-top:18px;min-height:760px;border:1px solid var(--line);display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(120deg,#050505,#14100e);position:relative;overflow:hidden}.spotlight-stage::before{content:"";position:absolute;width:45%;height:120%;left:4%;top:-20%;background:radial-gradient(ellipse,rgba(244,218,158,.19),transparent 67%);filter:blur(10px);animation:stageLight 5s ease-in-out infinite alternate}.featured-image{position:relative;min-height:760px;overflow:hidden}.featured-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;animation:portraitFocus .55s ease both}.featured-copy{position:relative;z-index:2;padding:clamp(36px,5vw,68px);display:flex;flex-direction:column;justify-content:flex-start}.featured-number{color:var(--red);font-size:.75rem;font-weight:700;letter-spacing:.23em;text-transform:uppercase}.featured-copy h3{font:400 clamp(2.6rem,5vw,5.2rem)/.92 Georgia,'Times New Roman',serif;margin:14px 0 18px}.featured-intro{color:#c8bbac;font-size:1.02rem;max-width:600px;margin:0 0 22px}.portrait-advice{border-top:1px solid var(--line)}.portrait-advice section{border-bottom:1px solid var(--line);padding:14px 0}.portrait-advice h4{color:var(--gold);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;margin:0 0 5px}.portrait-advice p{margin:0;color:#e9dece;font-size:.96rem;line-height:1.58}
.room{padding:110px 0;background:#e9dfcf;color:#090808;position:relative;overflow:hidden}.room::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 109px,rgba(104,73,44,.045) 110px);pointer-events:none}.room-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:48px}.room-head p{font:400 1.25rem/1.55 Georgia,'Times New Roman',serif;color:#40362f}.display-cases{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative}.display-case{min-height:600px;background:#faf7f0;border:1px solid #a58a60;position:relative;overflow:hidden}.display-case img{width:100%;height:100%;object-fit:contain;transition:transform .6s ease}.display-case:hover img{transform:scale(1.025)}.case-plaque{position:absolute;left:22px;right:22px;bottom:22px;background:rgba(8,7,7,.92);color:white;padding:20px;border-left:3px solid var(--gold)}.case-plaque small{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.68rem}.case-plaque strong{display:block;font:400 1.55rem/1.15 Georgia,'Times New Roman',serif;margin-top:5px}
.room-subtitle{display:block;margin-top:17px;color:var(--red);font:700 clamp(.82rem,1.15vw,1.04rem)/1.2 Arial,Helvetica,sans-serif;letter-spacing:.28em;text-transform:uppercase}
.hotspot{position:absolute;width:28px;height:28px;border-radius:50%;border:1px solid var(--red);background:rgba(184,12,31,.86);color:white;font-weight:700;display:grid;place-items:center;cursor:pointer;animation:hotspot 2s ease-in-out infinite}.hotspot:focus-visible{outline:3px solid white}.hair-note{top:27%;left:48%}.gloves-note{top:31%;left:27%}.jewellery-note{top:25%;right:24%}.bag-note{top:58%;right:22%}
.detail-drawer{margin-top:18px;border:1px solid #9b8058;padding:30px;display:grid;grid-template-columns:.65fr 1.35fr;align-items:start;gap:34px;background:#f5eee2}.detail-drawer h3{font:400 clamp(1.8rem,3vw,2.7rem)/1.05 Georgia,'Times New Roman',serif;margin:0}.detail-drawer p{margin:0 0 14px;color:#4c4035;max-width:760px}.detail-drawer p:last-child{margin-bottom:0}.detail-drawer ul{margin:4px 0 0;padding-left:20px;color:#4c4035}.detail-drawer li+li{margin-top:10px}.etiquette-note{border-left:3px solid var(--red);padding-left:14px}
.transformation{margin-top:72px;display:grid;grid-template-columns:1.2fr .8fr;min-height:560px;border:10px solid #171311;outline:1px solid #9b8058;background:#0b0909;color:var(--ivory);box-shadow:0 28px 70px rgba(67,43,20,.18)}
.transformation-screen{min-height:540px;background:#f7f0e6;display:grid;place-items:center;overflow:hidden}.transformation-screen img{width:100%;height:100%;object-fit:contain}
.transformation-copy{padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:center}.transformation-copy h3{font:400 clamp(2.5rem,4.8vw,4.8rem)/.93 Georgia,'Times New Roman',serif;margin:12px 0 14px}.transformation-intro{color:#d6c8b7;margin:0 0 6px}.transformation-copy .projection-note{color:#f0e5d7}
.cinema-screen{margin-top:78px;position:relative;min-height:860px;padding:84px 24px;background:radial-gradient(circle at center,#351016 0,#080707 63%);border:12px solid #171311;outline:1px solid #9b8058;overflow:hidden;box-shadow:0 28px 70px rgba(67,43,20,.2)}
.flyer-stage{height:100%;min-height:670px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(320px,1.28fr);gap:clamp(34px,6vw,84px);align-items:center;width:min(1040px,calc(100% - 40px));margin:auto}.film-poster-link{position:relative;display:block;justify-self:center;text-decoration:none;transition:transform .3s ease}.film-poster-link:hover,.film-poster-link:focus-visible{transform:translateY(-6px);outline:none}.film-poster-link img{display:block;width:100%;max-height:650px;max-width:420px;object-fit:contain;box-shadow:0 25px 70px #000;border:1px solid rgba(216,177,90,.5)}.film-poster-link span{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 14px;background:rgba(5,5,6,.92);border:1px solid var(--gold);color:var(--gold);text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700}.film-copy{max-width:590px}.film-copy h3{font:400 clamp(2.7rem,5vw,5rem)/.94 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:14px 0 24px}.film-copy p{color:#d7cbbb;font:400 1.08rem/1.62 Georgia,'Times New Roman',serif;margin:0 0 18px}.film-copy .btn{margin-top:8px}
.film-strip{position:absolute;left:0;right:0;height:67px;background:#050506;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);overflow:hidden;z-index:2}.film-strip.top{top:0}.film-strip.bottom{bottom:0}
.film-strip::before,.film-strip::after{content:"";position:absolute;left:0;right:0;height:7px;z-index:3;background:repeating-linear-gradient(90deg,#e8d7b7 0 12px,transparent 12px 23px)}.film-strip::before{top:4px}.film-strip::after{bottom:4px}
.film-track{height:100%;display:flex;gap:10px;align-items:center;width:max-content;padding:12px 5px;animation:filmRun 24s linear infinite}.film-track.reverse{animation-direction:reverse;animation-duration:28s}.film-track span{display:block;width:96px;height:43px;border-left:2px solid #c6a75a;border-right:2px solid #c6a75a;overflow:hidden;background:#111}.film-track img{width:100%;height:100%;object-fit:cover;filter:sepia(.22) contrast(1.06)}
.projection{padding:110px 0;background:#050506;position:relative;overflow:hidden}.projection::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,225,166,.05),transparent 33%);animation:projector 1.8s steps(2) infinite}.projection-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:46px;align-items:center;position:relative}.poster-frame{background:var(--red);padding:14px;transform:rotate(-1.8deg);box-shadow:0 25px 70px #000}.poster-frame img{display:block;width:100%;max-height:700px;object-fit:contain;background:var(--red)}.screen{border:8px solid #e3d4b9;background:#f7f0e6;box-shadow:0 0 70px rgba(255,233,186,.13);position:relative;overflow:hidden;min-height:480px}.screen img{width:100%;height:100%;min-height:480px;object-fit:contain}.screen::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.035) 50%);background-size:100% 4px;pointer-events:none}.projection-copy{grid-column:2}.projection-copy p{max-width:660px;color:#c5b8a6;font:400 1.2rem/1.55 Georgia,'Times New Roman',serif}.projection-controls{display:flex;gap:8px;margin-top:22px}.projection-controls button{border:1px solid var(--gold);background:transparent;color:white;padding:10px 14px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.projection-controls button.active{background:var(--gold);color:#050506}.projection-note{margin-top:18px;min-height:60px;color:#eadfce}
.finale{padding:110px 0;background:linear-gradient(135deg,#6f0712,#b50c1f);position:relative;overflow:hidden}.finale::after{content:"007";position:absolute;right:-.04em;bottom:-.32em;color:rgba(0,0,0,.17);font:700 22rem/1 Arial,sans-serif;letter-spacing:-.1em}.finale-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:start}.finale p{max-width:650px;font:400 1.22rem/1.55 Georgia,'Times New Roman',serif}.finale-cards{display:grid;gap:12px}.finale-card{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.34);padding:28px;backdrop-filter:blur(8px)}.finale-card small{color:#f3d26e;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.finale-card strong{display:block;font:400 1.8rem/1.15 Georgia,'Times New Roman',serif;margin:8px 0 12px}.finale-card h3{font:400 1.15rem/1.35 Georgia,'Times New Roman',serif;margin:0 0 12px;color:#fff}.finale-card p{font:400 .98rem/1.5 Arial,Helvetica,sans-serif;margin:0 0 18px;color:#eadfd2}
footer{padding:36px 0;border-top:1px solid var(--line);color:#a69b8e;font-size:.8rem}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@keyframes arrivalPush{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes searchlight{from{transform:translateX(-18%)}to{transform:translateX(18%)}}@keyframes openLeft{to{transform:translateX(-101%)}}@keyframes openRight{to{transform:translateX(101%)}}@keyframes pulseLine{0%,100%{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes portraitEnter{to{opacity:1;transform:translateY(0)}}@keyframes portraitFocus{from{opacity:0;transform:translateX(-24px) scale(.985)}to{opacity:1;transform:none}}@keyframes stageLight{to{transform:translateX(32px) rotate(3deg)}}@keyframes hotspot{50%{box-shadow:0 0 0 10px rgba(184,12,31,0)}}@keyframes projector{50%{opacity:.7}}@keyframes filmRun{to{transform:translateX(-50%)}}
@media(max-width:960px){.portrait-wall{grid-template-columns:1fr 1fr}.portrait-card{min-height:620px}.gallery-head,.room-head,.spotlight-stage,.projection-grid,.finale-grid,.transformation,.flyer-stage{grid-template-columns:1fr}.projection-copy{grid-column:auto}.featured-image{min-height:650px}.spotlight-stage{min-height:auto}.display-case{min-height:520px}.finale-grid{gap:36px}.transformation-screen{min-height:500px}.detail-drawer{grid-template-columns:1fr}.cinema-screen{padding-top:110px;padding-bottom:110px}.film-poster-link{max-width:390px}.film-copy{max-width:680px;margin:auto}}
@media(max-width:650px){.wrap{width:min(100% - 26px,1220px)}.nav-links a:not(.ticket){display:none}.arrival{min-height:820px}.arrival-image{object-position:60% center}.arrival::before{background:linear-gradient(0deg,#050506 4%,rgba(5,5,6,.25) 65%),linear-gradient(90deg,rgba(5,5,6,.87),rgba(5,5,6,.05))}.arrival h1{font-size:3.9rem}.arrival-copy{padding:120px 0 74px}.event-data{flex-direction:column;gap:5px}.actions .btn{width:100%}.scroll-cue{display:none}.gallery-head,.room-head{gap:20px}.portrait-wall{grid-template-columns:1fr 1fr;gap:7px}.portrait-card{min-height:365px}.portrait-label{inset:auto 12px 14px}.portrait-label strong{font-size:1.03rem}.spotlight-stage{grid-template-columns:1fr}.featured-image{min-height:560px}.featured-copy{padding:34px 24px}.display-cases{grid-template-columns:1fr}.display-case{min-height:480px}.detail-drawer{align-items:flex-start;flex-direction:column}.transformation{border-width:6px}.transformation-screen{min-height:330px}.cinema-screen{min-height:700px;padding:100px 12px}.flyer-stage{min-height:520px;width:100%;gap:34px}.film-poster-link{max-width:310px}.film-copy h3{font-size:2.8rem}.film-copy p{font-size:1rem}.film-copy .btn{width:100%}.screen,.screen img{min-height:260px}.poster-frame{max-width:360px;margin:auto}.finale::after{font-size:12rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}