:root{color-scheme:dark;--bg:#151614;--ink:#f4f0e6;--muted:#b9b5aa;--line:#494a43;--accent:#e8917c;--serif:Georgia,'Times New Roman',serif;--mono:'Courier New',monospace;--pad:clamp(1.15rem,5vw,5rem)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
img{display:block;width:100%;height:100%;object-fit:cover}
figure,h1,h2,p,blockquote{margin:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;line-height:.98}
[hidden]{display:none!important}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;top:1rem;left:1rem;z-index:5;padding:.7rem;background:var(--ink);color:var(--bg)}
.shell{width:min(calc(100% - var(--pad)*2),1440px);margin-inline:auto}
.mono{font: .72rem/1.45 var(--mono);letter-spacing:.105em}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:1.45rem 0}
.brand{font-size:.79rem;letter-spacing:.14em;font-weight:bold}
.brand span{display:block;color:var(--muted);font: .62rem var(--mono);letter-spacing:.12em;margin-top:.2rem}
nav{display:flex;gap:clamp(.9rem,3vw,2.75rem);font-size:.9rem}
.opening{margin-top:clamp(.85rem,2vw,1.65rem)}
.landing{position:relative;isolation:isolate;display:flex;align-items:end;min-height:clamp(22rem,49vw,48rem);overflow:hidden;background:#222a30}
.landing-video,.landing::after{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.landing-video{object-fit:cover;object-position:center}
.landing::after{content:"";background:linear-gradient(0deg,#0b0c0de8,#0b0c0d45 48%,#0b0c0d05 76%)}
.landing-copy{padding:clamp(1.2rem,4.2vw,4.3rem)}
.landing-copy h1{font-size:clamp(3.15rem,8.9vw,8.6rem);margin:.55rem 0 1.2rem}
.landing-copy .pill{min-height:44px}
.latest-film{display:grid;grid-template-columns:clamp(6rem,18vw,12rem) minmax(0,1fr) auto;align-items:center;gap:clamp(.8rem,2.7vw,2rem);padding:1rem 0;margin-top:1rem;border-block:1px solid var(--line)}
.latest-film-still{height:auto;aspect-ratio:2/1}
.latest-film h2{font-size:clamp(1.6rem,4vw,3.5rem);margin-top:.35rem}
.latest-film .trailer-link{justify-self:start;min-height:44px;background:var(--ink);border-color:var(--ink);color:var(--bg)}
.latest-film .trailer-link:hover{background:#d9d4c7}
@media(max-width:520px){
  .latest-film{grid-template-columns:minmax(5.25rem,31%) minmax(0,1fr);row-gap:.65rem}
  .latest-film-still{grid-row:span 2;align-self:start}
  .latest-film .trailer-link{grid-column:2}
}
.landing .motion-control{position:absolute;right:1rem;bottom:1rem;width:44px;height:44px;justify-content:center;padding:0;background:#101110d9}
.landing .motion-control:hover{background:var(--ink);color:var(--bg)}
.motion-pause,.motion-control[data-playing] .motion-play{display:none}
.motion-control[data-playing] .motion-pause{display:inline}
.pill{display:inline-flex;align-items:center;gap:.9rem;padding:.6rem .9rem;border:1px solid #ffffff86;background:#12121066;font-size:.84rem}
.pill:hover{background:var(--ink);color:var(--bg)}
figcaption{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);padding:.7rem 0}
.section{margin-top:clamp(4rem,9vw,8.5rem);padding-top:1.1rem;border-top:1px solid var(--line);scroll-margin-top:1.25rem}
.section-title{display:grid;grid-template-columns:1fr auto;gap:1.05rem;align-items:end;margin-bottom:clamp(1.3rem,3vw,2.75rem)}
.section-title h2,footer h2{font-size:clamp(2.7rem,6.3vw,6rem)}
.index{grid-column:1/-1;color:var(--accent)}
.filters{display:flex;flex-wrap:wrap;gap:.35rem}
.filters button{background:none;border:1px solid var(--line);padding:.48rem .7rem;font-size:.78rem}
.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.filters button:hover:not([aria-pressed=true]){border-color:var(--ink)}
.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2.1vw,2rem);row-gap:clamp(1.5rem,4vw,3.3rem)}
.project{grid-column:span 6;min-width:0}
.project-button{display:block;width:100%;background:none;border:0;text-align:left;padding:0}
.art{display:grid;place-items:center;aspect-ratio:2.15;overflow:hidden;background:#282820;color:#eee4d2;font-family:var(--serif);text-align:center;font-size:clamp(1.6rem,4.1vw,4rem);letter-spacing:-.06em;line-height:.86}
.art img{transition:transform .4s ease;object-position:center}
.project-button:hover img{transform:scale(1.035)}
.art.tanafas{background:#17100d}
.art.tanafas img{object-position:center 32%}
.detail .art.tanafas{display:block;aspect-ratio:auto;height:min(43dvh,420px)}
.detail .art.tanafas img{object-fit:contain;object-position:center}
.project-meta{display:block;color:var(--muted);padding-top:.8rem}
.project-title{display:flex;justify-content:space-between;gap:.6rem;align-items:center;font:clamp(1.45rem,2.85vw,2.65rem)/1.15 var(--serif);letter-spacing:-.04em;padding:.24rem 0 .68rem;border-bottom:1px solid var(--line)}
.project-title span{font:1rem var(--mono);color:var(--accent)}
.project-button:hover .project-title{color:var(--accent)}
.press-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,2rem)}
.review{display:flex;flex-direction:column;min-height:12rem;background:#23241f;padding:clamp(1rem,2.7vw,2.2rem);gap:1rem}
.review .mono{display:flex;justify-content:space-between;gap:.6rem;color:var(--accent)}
.review blockquote{font:clamp(1.6rem,3.3vw,3.3rem)/1.04 var(--serif);letter-spacing:-.04em}
.byline{font-size:.85rem;color:var(--muted);margin-top:auto}
.review a.mono:hover{text-decoration:underline}
.review-translation{font-size:.78rem;color:var(--muted)}
.review-translation summary{width:fit-content;color:var(--ink);cursor:pointer}
.review-translation summary::marker{color:var(--accent)}
.review-translation blockquote{margin-top:.5rem;font:1rem/1.4 var(--serif);letter-spacing:normal}
.press-list{margin-top:1.5rem}
.press-list a,.press-list .press-mention{display:grid;grid-template-columns:minmax(8.5rem,.38fr) 1fr auto;gap:1rem;align-items:baseline;border-bottom:1px solid var(--line);padding:1rem 0}
.press-list a>span:first-child,.press-list .press-mention>span:first-child{color:var(--muted)}
.press-list a>span:last-child,.email span{color:var(--accent)}
.about-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,8vw,8rem)}
.portrait img{height:auto}
.bio p:first-child{font:clamp(1.45rem,3.1vw,3.1rem)/1.1 var(--serif);letter-spacing:-.035em}
.bio p+p{margin:1.15rem 0 1.35rem;max-width:53ch;color:var(--muted)}
.bio .affiliation{font-size:.82rem;margin:.8rem 0}
.email{border-bottom:1px solid var(--line);padding-bottom:.23rem}
footer h2{margin:.8rem 0 1.1rem}
.email{font-size:clamp(.94rem,2.1vw,1.55rem);overflow-wrap:anywhere}
.footer-bar{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:var(--muted);margin-top:clamp(2rem,7vw,6rem);padding:1.15rem 0;border-top:1px solid var(--line)}
.footer-bar div{display:flex;gap:1rem}
dialog{width:min(calc(100% - 2rem),780px);max-height:calc(100dvh - 2rem);overflow:auto;background:#20211e;color:var(--ink);border:1px solid var(--line);padding:0}
dialog::backdrop{background:#0a0a09d9}
body.modal-open{overflow:hidden}
.close{position:absolute;z-index:1;top:.7rem;right:.7rem;background:var(--bg);border:1px solid var(--muted);width:2.5rem;height:2.5rem;font-size:1.55rem;line-height:1}
.detail-copy{padding:clamp(1.2rem,4vw,2.8rem)}
.detail-copy .mono{color:var(--accent);padding-right:2.7rem}
.detail-copy h2{font-size:clamp(2.7rem,7vw,5rem);margin:.55rem 0 1rem}
.detail-copy p{max-width:57ch}
.detail-recognition{margin:1.2rem 0;padding:1rem 0;border-block:1px solid var(--line)}
.detail-recognition h3.mono{margin:0;padding-right:0}
.detail-recognition ul{display:flex;flex-wrap:wrap;gap:.45rem;margin:.65rem 0 0;padding:0;list-style:none}
.detail-recognition li{padding:.3rem .6rem;border:1px solid var(--line);font-size:.85rem}
.detail-copy dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;font-size:.9rem;margin:1rem 0 0}
.detail-copy dt{color:var(--muted)}
.detail-copy dd{margin:0}
.detail-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}
@media(max-width:700px){
  .landing{min-height:clamp(26rem,75svh,38rem)}
  .landing-copy{padding-bottom:4.2rem}
  .section-title{grid-template-columns:1fr}
  .press-grid{grid-template-columns:1fr}
  .review{min-height:10rem}
  .about-grid{grid-template-columns:1fr;gap:1.5rem}
  .portrait{max-width:520px}
}
@media(max-width:440px){
  .top{align-items:start;flex-direction:column;padding:1rem 0}
  nav{width:100%;justify-content:space-between}
  figcaption{font-size:.61rem}
  .work-grid{grid-template-columns:1fr}
  .project{grid-column:auto}
  .press-list a,.press-list .press-mention{grid-template-columns:1fr auto;gap:.2rem .7rem}
  .press-list a>span:first-child,.press-list .press-mention>span:first-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.arrow{display:inline-block;width:.7rem;height:.7rem;flex:none;background:currentColor;vertical-align:baseline;mask:url("arrow.svg") center/contain no-repeat}
.arrow-up{transform:rotate(-45deg)}

.arrow-down{transform:rotate(135deg)}
.still-gallery{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}
.still-gallery summary{cursor:pointer;color:var(--accent)}
.still-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.8rem}
.still-grid img{height:auto;aspect-ratio:2.38;object-fit:contain;background:var(--bg)}
@media(max-width:500px){.still-grid{grid-template-columns:1fr}}

.other-work{margin-top:clamp(2.5rem,6vw,5rem);padding-top:1.25rem;border-top:1px solid var(--line)}
.other-work summary{cursor:pointer;font:400 clamp(1.65rem,3vw,2.7rem)/1.15 var(--serif);letter-spacing:-.045em}
.other-work summary::marker{color:var(--accent);font-size:.65em}
.other-work[open] summary{margin-bottom:1.5rem}
.other-grid .art,.art.music-art{aspect-ratio:16/9}
.art.poster-art{display:block;background:#191723}
.art.poster-art img{object-fit:contain}
.detail .art.poster-art{aspect-ratio:auto;height:min(43dvh,420px)}
.art.dorst-art{display:block;background:#18181a}
.art.dorst-art img{object-position:center 68%}
.detail .art.dorst-art{aspect-ratio:auto;height:min(48dvh,450px)}
.detail .art.dorst-art img{object-fit:contain;object-position:center}
@media(min-width:701px){.other-grid .project{grid-column:span 4}}
.review-feature{grid-column:1/-1}
.review-feature blockquote{max-width:34ch}

.credit-panel{margin:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0}
.credit-panel summary{cursor:pointer;min-height:24px}
.credit-source{display:inline-block;margin-top:1.3rem;font-size:.8rem;color:var(--muted)}
.detail-cast{font-size:.9rem;color:var(--muted)}
@media(max-width:600px){.credit-panel dl{grid-template-columns:1fr;gap:.15rem}.credit-panel dd{margin-bottom:.8rem}}