body.work-route .site-header{position:absolute;top:32px;left:0;right:0;color:#fbfaf5;border-color:#ffffff35}body.work-route .theme-toggle{border-color:#ffffff35}body.work-route .theme-toggle:hover{background:#ffffff20}
.cinema{height:calc(100svh - 32px);min-height:860px;max-height:1200px;position:relative;overflow:hidden;isolation:isolate;background:#171914;color:#fbfaf5;touch-action:pan-y}
.visuals{position:absolute;inset:-2%;z-index:-3;transform:translate3d(var(--pan-x,0),var(--pan-y,0),0);transition:transform 1.5s var(--ease)}.landscape{position:absolute;inset:0;visibility:hidden;opacity:0}.landscape img{height:100%;width:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.04)}.landscape.active{opacity:1;visibility:visible;z-index:2}.landscape.leaving{opacity:1;visibility:visible;z-index:1}.landscape.active img{animation:camera 12s linear both}.landscape.entering{animation:aperture 1.2s var(--ease) both}.cinema.paused .landscape img{animation-play-state:paused}
.scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090d0ba6 0%,#090d0b63 55%,#090d0b15 100%),linear-gradient(0deg,#090d0bf5 0%,#090d0b80 22%,transparent 53%,#090d0b6b 100%)}
.cinema-headline{position:absolute;left:var(--gutter);top:24%;max-width:78%}.cinema-headline h1{font:400 clamp(3.75rem,2rem + 5vw,7rem)/1.02 'Boska',serif;letter-spacing:-.04em;margin:var(--s6) 0}.cinema-headline h1 em{font-family:'Boska',serif}.cinema-headline>p:not(.eyebrow){font-size:var(--base);color:#e0e0d8;line-height:1.65}.cinema-link{display:inline-flex;align-items:center;gap:var(--s8);min-height:48px;border-bottom:1px solid #ffffff66;margin-top:var(--s5);font-size:var(--sm)}
.reveal-project{position:absolute;right:10%;top:54%;display:flex;align-items:center;flex-direction:column;gap:var(--s4);padding:var(--s4);border:0;background:none;font-size:var(--xs);letter-spacing:.08em;color:#fbfaf5}.reveal-project>span{display:grid;place-items:center;width:72px;height:72px;border:1px solid #ffffff99;border-radius:50%;background:#11171144;backdrop-filter:blur(5px);font-size:var(--heading);transition:transform .5s}.reveal-project:hover>span{transform:rotate(90deg)}
.film-caption{position:absolute;right:var(--gutter);top:75%;font-size:var(--xs);display:flex;gap:var(--s5)}.film-caption>span{border-left:1px solid #ffffff55;padding-left:var(--s5)}
.director{position:absolute;left:var(--gutter);right:var(--gutter);bottom:var(--s8)}.director-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s4);font-size:var(--xs);letter-spacing:.1em}.director-heading .icon-button{border-color:#ffffff50;font-size:var(--sm)}.director-heading .icon-button:hover{background:#ffffff20}
.chapter-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s8)}.chapter{display:flex;align-items:flex-start;gap:var(--s5);min-height:82px;border:0;border-top:1px solid #ffffff55;padding:var(--s5) 0 0;background:none;position:relative;color:#dddcd5;text-align:left;opacity:.7}.chapter.selected,.chapter:hover{opacity:1}.chapter>span{font-size:var(--xs)}.chapter>div{display:flex;flex-direction:column;gap:var(--s1)}.chapter strong{font-size:var(--base);font-weight:500}.chapter small{font-size:var(--xs)}.chapter>i{font-style:normal;margin-left:auto}.chapter>b{height:2px;position:absolute;top:-1px;left:0;width:100%;transform:scaleX(0);transform-origin:left;background:#fbfaf5}.chapter:not(.selected)>b{opacity:0}
.portfolio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s6);margin-bottom:var(--s10)}.portfolio-heading .eyebrow{color:var(--muted);margin-bottom:var(--s5)}.project-filters{display:flex;gap:var(--s2);flex-wrap:wrap}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12) var(--s8)}.project-card{border:0;padding:0;background:none;text-align:left}.project-thumbnail{aspect-ratio:1.5;overflow:hidden;background:var(--section);position:relative;border:1px solid var(--line)}.project-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s var(--ease)}.project-card:hover img{transform:scale(1.035)}.project-thumbnail>span{position:absolute;bottom:var(--s4);right:var(--s4);padding:var(--s2) var(--s3);background:var(--bg);color:var(--fg);font-size:var(--xs);opacity:0;transition:opacity .3s}.project-card:hover .project-thumbnail>span,.project-card:focus-visible .project-thumbnail>span{opacity:1}.project-card>div:nth-child(2){display:flex;justify-content:space-between;align-items:center;margin-top:var(--s5)}.project-card p{font-size:var(--sm);color:var(--muted);margin-top:var(--s2)}.project-count{font-size:var(--xs);color:var(--muted);margin-top:var(--s8)}
@keyframes camera{from{transform:scale(1.025)}to{transform:scale(1.11)}}@keyframes aperture{from{clip-path:inset(0 50%);filter:brightness(.6)}to{clip-path:inset(0 0);filter:brightness(1)}}
@media(max-width:1000px){.cinema-headline{top:22%;max-width:92%}.cinema-headline h1{font-size:clamp(3.5rem,2rem + 5vw,6rem)}.reveal-project{top:58%;right:var(--gutter)}.film-caption{display:none}.portfolio-heading{flex-direction:column;align-items:flex-start}.chapter-list{gap:var(--s5)}.chapter{gap:var(--s3)}}
@media(max-width:850px){.cinema{min-height:850px}.cinema-headline{top:160px;right:var(--gutter)}.chapter>span{display:none}.chapter strong{font-size:var(--sm)}.chapter i{display:none}.reveal-project{flex-direction:row-reverse;gap:var(--s3);padding:0;top:59%}.reveal-project>span{width:56px;height:56px}.project-grid{gap:var(--s10) var(--s5)}}
@media(max-width:520px){.cinema{min-height:820px}.cinema-headline{top:148px;max-width:none}.cinema-headline h1{font-size:clamp(2.7rem,10.5vw + .5rem,4rem);line-height:1.08;letter-spacing:-.035em}.cinema-headline>p:not(.eyebrow){font-size:var(--base);max-width:310px}.cinema-headline br{display:none}.cinema-headline h1 br{display:block}.cinema-link{margin-top:var(--s4)}.reveal-project{top:60%;font-size:12px;letter-spacing:.04em}.director{bottom:var(--s5)}.director-heading{font-size:12px;letter-spacing:.06em}.chapter-list{gap:var(--s3)}.chapter{padding-top:var(--s4);min-height:102px}.chapter strong{font-size:13px;line-height:1.4}.chapter small{font-size:12px;line-height:1.4}.landscape img{object-position:55% center}.landscape[data-scene="2"] img{object-position:44% center}.project-grid{grid-template-columns:1fr;gap:var(--s10)}.project-thumbnail>span{opacity:1}.project-filters button{padding:var(--s3);font-size:var(--xs)}.portfolio-heading h2{max-width:290px}}
@media(max-width:520px){.cinema{min-height:960px}.reveal-project{top:620px;left:var(--gutter);right:auto;flex-direction:row}.cinema-headline{top:135px}}
@media(prefers-reduced-motion:reduce){.visuals{transform:none!important}.landscape img{transform:scale(1.025)!important}.chapter>b{display:none}.landscape.entering{clip-path:none!important}}