@font-face{font-family:Polymath;src:local("Helvetica Neue");font-display:swap}
:root{--ink:#20211e;--muted:#70716b;--paper:#fff;--warm:#f4f3ee;--line:#d9d9d2;color:var(--ink);background:#fff;font-family:Polymath,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid var(--ink);outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-5rem;left:1rem;padding:1rem;background:var(--ink);color:white;z-index:100}.skip:focus{top:1rem}
.masthead{position:absolute;top:0;left:0;right:0;z-index:2;padding:34px 4.5vw;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:169px;line-height:0}.brand img{display:block;width:100%;height:auto;filter:brightness(0);opacity:.87}.masthead nav{display:flex;align-items:center;gap:32px;font-size:11px;letter-spacing:.02em}.masthead nav a,.masthead nav button{padding:10px 0;background:none;border:0;color:inherit}.masthead nav a:hover,.masthead nav button:hover{text-decoration:underline;text-underline-offset:6px}
.cinema-hero{height:100svh;min-height:560px;position:relative;overflow:hidden;background:#fff}.hero-photograph{position:absolute;bottom:0;left:0;display:block;width:100%;height:auto;min-width:100%;max-width:none}.hero-caption{position:absolute;left:4.5vw;top:143px;width:230px;font-size:12px;line-height:1.6}.overline{display:block;font-size:8px;letter-spacing:.07em;margin-bottom:14px;color:var(--muted)}.hero-caption>button{padding:0;background:none;border:0;text-align:left;font:inherit;color:inherit}.hero-caption>button:hover{text-decoration:underline;text-underline-offset:4px}
.film-boxes{position:absolute;top:142px;right:4.5vw;display:grid;grid-template-columns:repeat(2,96px);gap:24px;align-items:start}.film-box{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;padding:0;color:var(--ink);text-align:center}.box-image{display:block;width:96px;height:96px;overflow:hidden}.box-image img{display:block;width:100%;height:100%;object-fit:cover}.box-title{font-size:10px;line-height:1.4;min-height:28px}.film-box:hover .box-title{text-decoration:underline;text-underline-offset:4px}
.project-dialog{width:min(800px,calc(100% - 36px));padding:0;background:var(--warm);border:0;color:var(--ink);max-height:90dvh;overflow:auto}.project-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.project-dialog::backdrop{background:#20211e77}.dialog-close{position:absolute;right:14px;top:12px;background:var(--warm);border:0;width:33px;height:33px;font-size:22px;z-index:2;color:var(--ink)}.dialog-image img{width:100%;height:100%;min-height:410px;max-height:650px;object-fit:cover;display:block}.dialog-copy{align-self:center;padding:55px 32px 40px}.eyebrow{font-size:8px;font-weight:400;letter-spacing:.08em;line-height:1.6;color:var(--muted)}.dialog-copy h2{font-family:Georgia,serif;font-size:32px;line-height:1.12;letter-spacing:-.035em;font-weight:400;margin:15px 0 25px}.dialog-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}#detail-links{display:grid;gap:16px;margin-top:28px}#detail-links a{font-size:11px;text-decoration:underline;text-underline-offset:5px}
@media(min-aspect-ratio:2/1){.film-boxes{top:110px}.hero-caption{top:110px}.box-image{width:76px;height:76px}.film-boxes{grid-template-columns:repeat(2,76px);gap:20px}.box-title{font-size:9px}}
@media(max-width:760px){.masthead{padding:24px 25px}.brand{width:129px}.masthead nav{gap:20px;font-size:10px}.hero-caption{top:125px;left:26px;width:240px;font-size:12px}.overline{font-size:7px;margin-bottom:12px}.film-boxes{top:245px;left:26px;right:auto;grid-template-columns:repeat(2,76px);gap:25px}.box-image{width:76px;height:76px}.box-title{font-size:9px}.hero-photograph{width:142%;min-width:142%;left:-21%}.project-dialog[open]{grid-template-columns:1fr}.dialog-image img{min-height:0;height:230px;max-height:none}.dialog-copy{padding:28px}.dialog-copy h2{font-size:29px}}
@media(max-height:680px) and (max-width:760px){.hero-caption{top:105px}.film-boxes{top:205px}.hero-photograph{width:123%;min-width:123%;left:-11.5%}.box-image{width:64px;height:64px}.film-boxes{grid-template-columns:repeat(2,64px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}