:root{--ink:#202124;--ink-deep:#17191b;--paper:#f6f5f2;--muted:#6b6d70;--lime:#d5d8db;--line:#d5d5d2}
body{background:var(--paper);color:var(--ink)}.site-header{position:sticky;top:0;height:88px;background:var(--paper);z-index:25}.desktop-nav a{font-size:13px;min-height:44px;display:flex;align-items:center}.desktop-nav a:hover{color:#525e68}.header-contact{font-size:12px;border-color:#aeb1b2;min-height:44px}.header-contact:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}html{scroll-padding-top:95px}.section-pad{padding:80px var(--gutter)}.section-top{margin-bottom:48px}.section-index,.tiny{font-size:10px;letter-spacing:.1em}.films{background:var(--paper);border:0;padding-top:45px}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:75px}.work-heading h1,.about h2,.contact h2{font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:.8}.work-heading h1{font-size:clamp(100px,16vw,250px)}.work-heading h1 span,.about h2 span,.contact h2 span{color:#8c3f43}.work-intro{max-width:330px;padding-bottom:8px}.work-intro p{font-size:15px;line-height:1.7}.work-intro .text-link{margin-top:28px;font-size:10px;align-items:center}.text-link:hover{color:#8c3f43}.work-bar{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.work-bar p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:10px}.work-count{font-size:10px;color:var(--muted)}.filter-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.filter{border-color:#bfc0bf;color:#54585a;min-height:42px;font-size:11px;padding:9px 15px}.filter.active,.filter:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.preview-notice{margin:22px 0 28px;font-size:11px;color:var(--muted);line-height:1.6}.film-grid{gap:55px 30px}.film-card-offset{margin-top:0}.film-thumb{color:white;background:#323638}.film-thumb img{filter:saturate(.7) brightness(.85)}.film-thumb:hover img{filter:saturate(.9) brightness(.95)}.film-play{font-size:17px}.film-thumb:hover .film-play{background:var(--paper);border-color:var(--paper);color:var(--ink)}.film-info h2{font-family:var(--display);font-size:34px;font-weight:500}.film-info>span{color:var(--muted)}.film-badge,.film-watch{font-size:9px}.about{background:#eaeae6;grid-template-columns:1fr 1fr;gap:10%;padding-top:110px;padding-bottom:110px}.about-index{display:flex;flex-direction:column;justify-content:space-between;min-height:300px}.about-mark{font-family:var(--display);font-size:130px;line-height:.8;color:#b8b9b6}.about h2{font-size:clamp(80px,8vw,130px);margin-bottom:30px}.about-copy>p{font-size:14px;color:#616466;line-height:1.8;max-width:450px}.about-copy>.about-lead{font-size:19px;color:var(--ink);line-height:1.55}.about-copy .text-link{font-size:11px}.contact{background:var(--ink);color:var(--paper);padding-top:80px;padding-bottom:100px}.contact h2{font-size:clamp(90px,12vw,190px)}.contact h2 span{color:#d88f8e}.contact-row{border-top:1px solid #555;margin-top:50px;padding-top:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.contact-row p{font-size:17px;line-height:1.6}.contact-email{font-size:clamp(20px,3vw,40px);border-bottom:1px solid #aaa;padding-bottom:10px;overflow-wrap:anywhere}.contact-email span{margin-left:20px}.contact-email:hover{color:#e9aaa8}.site-footer{background:var(--paper);color:var(--ink)}.site-footer>span,.site-footer>div>span{color:var(--muted)}.media-dialog{color:var(--paper)}.dialog-top h2{font-family:var(--display)}.mobile-nav{background:var(--paper);color:var(--ink)}.mobile-nav>a{border-color:var(--line)}.mobile-nav>a>span{color:#8c3f43}.noscript-note{margin:25px 0;font-size:14px}.noscript-note a{text-decoration:underline}
@media(max-width:760px){.site-header{height:78px}.mobile-nav{position:fixed;top:78px;max-height:calc(100dvh - 78px);overflow:auto}.menu-toggle{min-height:44px}.section-pad{padding:55px var(--gutter)}.section-top{margin-bottom:35px}.films{padding-top:32px}.section-top>.tiny{font-size:8px}.work-heading{display:block;margin-bottom:45px}.work-heading h1{font-size:25vw}.work-intro{margin-top:30px}.work-intro p{font-size:14px}.work-intro .text-link{margin-top:20px;min-height:44px}.work-bar p{font-size:12px}.filter-group{justify-content:flex-start;margin-top:20px}.filter{font-size:11px;min-height:44px}.film-grid{grid-template-columns:1fr;gap:30px}.film-card-large{grid-column:auto}.film-thumb,.film-card-large .film-thumb{aspect-ratio:1.35}.film-info{flex-direction:row;align-items:center}.film-info h2{font-size:27px}.film-info>span{font-size:8px}.about{grid-template-columns:1fr;gap:35px}.about-index{min-height:90px;flex-direction:row;align-items:flex-start}.about-mark{font-size:70px}.about h2{font-size:22vw}.about-copy>.about-lead{font-size:18px}.about-copy>p{font-size:14px}.contact h2{font-size:21vw}.contact-row{display:block;margin-top:35px}.contact-row p{font-size:16px}.contact-email{display:inline-block;margin-top:30px;font-size:clamp(18px,5vw,25px)}.contact-email span{margin-left:8px}.site-footer>div{border-color:var(--line)}.mobile-nav>a{min-height:55px}.dialog-close{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Portfolio readability and separation between controls and content. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.work-bar{border-top:0;padding-top:0}
.film-grid{margin-top:32px}
.work-count{white-space:nowrap;flex-shrink:0;font-size:11px}
.filter{font-size:12px}
.film-badge,.film-watch,.film-info>span{font-size:10px}
.dialog-top .tiny,.dialog-bottom,.dialog-close{font-size:11px}
.dialog-top .tiny,.dialog-bottom{color:#c5c6c6}
button:focus-visible,a:focus-visible{outline-color:#8c3f43}
.media-dialog button:focus-visible,.media-dialog a:focus-visible,.contact a:focus-visible{outline-color:#fff}
@media(max-width:760px){
  .film-grid{margin-top:28px}
  .work-count{font-size:10px}
  .filter{font-size:12px}
  .film-info>span,.film-badge,.film-watch{font-size:10px}
  .section-top>.tiny,.contact .section-index,.contact .section-top>.tiny{font-size:9px}
  .dialog-top .tiny,.dialog-bottom,.dialog-close{font-size:10px}
  .site-footer>span,.site-footer>div{font-size:9px}
}

.language-switch{display:flex;align-items:center;gap:3px;font-size:11px;letter-spacing:.06em;white-space:nowrap}
.language-switch button{min-width:32px;min-height:44px;color:var(--muted);padding:8px 4px}
.language-switch button[aria-pressed=true]{color:var(--ink);font-weight:700}
.film-client{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.4}
.film-info>div{min-width:0}
@media(max-width:760px){.language-switch{margin-left:auto;margin-right:14px}.film-client{font-size:11px}}

/* A quiet wash of warm neutrals behind the navigation and opening portfolio. */
body{position:relative;isolation:isolate}
.films{background:transparent}
.site-header{background:transparent;transition:background-color .25s}
.site-header.is-scrolled{background:var(--paper)}
.hero-light{position:absolute;inset:0 0 auto;height:clamp(380px,60vh,650px);overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 78% 0%,#a985781c,transparent 65%),radial-gradient(ellipse at 18% 35%,#b7b4ad18,transparent 60%);mask-image:linear-gradient(#000 75%,transparent);-webkit-mask-image:linear-gradient(#000 75%,transparent)}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

.header-actions{display:flex;align-items:center;gap:24px}
@media(max-width:760px){.header-actions{margin-left:auto}.header-actions .language-switch{margin:0}}