/* ANY MOMENT NOW: the film page. Ink black, projector light, one red line. */
:root{color-scheme:dark;--ground:#0b0909;--text:#ece6da;--smoke:rgba(236,230,218,.66);--faint:rgba(236,230,218,.4);--line:rgba(236,230,218,.14);--line-strong:rgba(236,230,218,.4);--red:#c8102e;--focus:#c8102e;--gutter:clamp(22px,5.4vw,96px);--serif:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;--sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;--mono:"DM Mono",ui-monospace,Menlo,monospace}
.pbar,.pfoot{font-family:var(--mono)}
.label{font:500 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:14px}
.label:before{content:"";width:34px;height:1px;background:var(--red)}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;padding:0 24px;background:var(--text);color:#0b0909;text-decoration:none;font:500 13px var(--sans);letter-spacing:.02em;border-radius:2px;transition:background .3s,color .3s}
.cta:hover{background:var(--red);color:#fff}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:120px var(--gutter) 84px;overflow:hidden;isolation:isolate}
.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:62% 38%}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.94) 24%,rgba(9,9,9,.45) 52%,rgba(9,9,9,.05) 78%),linear-gradient(0deg,#0b0909 2%,rgba(9,9,9,.2) 34%,rgba(9,9,9,.5) 100%)}
.kicker{font:500 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smoke)}
.hero h1{font:400 clamp(64px,10.5vw,176px)/.88 var(--serif);letter-spacing:-.035em;margin:26px 0 28px}
.hero h1 em{font-style:italic;color:#fff}
.note{font:italic 400 clamp(19px,1.8vw,25px)/1.4 var(--serif);color:var(--smoke);margin-bottom:34px}
.slate{position:absolute;right:var(--gutter);bottom:84px;display:flex;flex-direction:column;align-items:flex-end;gap:7px;font:500 10px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.slate span:first-child{color:var(--text)}
.film,.walls,.room{padding:clamp(70px,10vw,150px) var(--gutter)}
.film{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3.4fr);gap:30px;align-items:start}
.statement{font:400 clamp(24px,3vw,46px)/1.24 var(--serif);letter-spacing:-.015em;max-width:21em;text-wrap:pretty}
.walls{padding-top:0}
.triptych{margin-top:44px;display:grid;grid-template-columns:1fr 1.32fr 1fr;gap:0;align-items:center;perspective:1500px;perspective-origin:50% 46%}
.wall{position:relative}
.screen{overflow:hidden;background:#000;box-shadow:0 0 90px rgba(236,230,218,.07)}
.screen img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wall-a .screen{transform:rotateY(46deg);transform-origin:right center}
.wall-c .screen{transform:rotateY(-46deg);transform-origin:left center}
.wall figcaption{margin-top:22px;font:500 10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke);text-align:center}
.room{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3.4fr);gap:30px;align-items:start;border-top:1px solid var(--line)}
.room .statement{font-size:clamp(21px,2.2vw,32px);line-height:1.34;max-width:24em;margin-bottom:38px}
.fine{margin-top:26px;font:500 10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
@media(max-width:760px){
 .hero{padding:96px var(--gutter) 96px;min-height:92svh}
 .hero-image{object-position:58% 30%;height:62%}
 .hero:after{background:linear-gradient(0deg,#0b0909 30%,rgba(9,9,9,.55) 52%,rgba(9,9,9,.1) 78%,rgba(9,9,9,.55) 100%)}
 .hero h1{font-size:19.5vw}
 .cta{width:100%}
 .slate{left:var(--gutter);right:auto;bottom:34px;flex-direction:row;gap:16px;align-items:center}
 .film,.room{grid-template-columns:1fr;gap:26px}
 .triptych{grid-template-columns:1fr;gap:30px;perspective:none}
 .wall-a .screen,.wall-c .screen{transform:none}
 .wall figcaption{text-align:left;margin-top:12px}
}