
/* Bilingual navigation: retain the original typefaces and weights. */
.language-toggle { flex:0 0 18px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:18px; height:18px; padding:0; margin-left:22px; border:0; text-decoration:none; line-height:1; overflow:hidden; }
.navbar .language-toggle > img { display:block !important; width:18px !important; height:18px !important; min-width:0 !important; max-width:18px !important; max-height:18px !important; margin:0 !important; padding:0 !important; object-fit:contain; transition:filter .2s ease; }
.language-toggle:hover img { filter:brightness(.65); }
.language-toggle:focus-visible { outline:2px solid white; outline-offset:4px; }
html[lang="en"] .main-title { font-size:clamp(2.1rem,5vw,5rem); line-height:1.12; overflow-wrap:break-word; }
html[lang="en"] .left-col, html[lang="en"] .right-col { min-width:0; }
html[lang="en"] .info-columns { gap:clamp(32px,8vw,120px); }
html[lang="en"] .film-title { line-height:1.35; }
@media(max-width:1000px) { .navbar { padding:18px 24px; } .nav-links { gap:14px; } .nav-links a { font-size:12px; } .logo,.logo-img { width:100px; height:auto; } .language-toggle { margin-left:12px; } }
@media(max-width:600px) { .navbar { height:auto; min-height:80px; padding:12px 16px; flex-wrap:wrap; gap:8px; } .navbar .logo { order:0; } .navbar .language-toggle { order:1; margin-left:auto; } .navbar .nav-links { order:2; width:100%; justify-content:space-between; gap:6px; } .nav-links a { font-size:10px; letter-spacing:.02em; } .film-row { flex-direction:column; gap:24px; } .preview-box { width:100%; height:auto; aspect-ratio:16/9; } .film-grid { grid-template-columns:1fr; } .info-columns { flex-direction:column; } .right-col { transform:none; } .site-footer { padding:60px 24px; } .intro-image img { margin-right:0; } }

/* Shared navigation sizing on every page. */
.navbar .nav-links .nav-link { font-size:16px; }
@media(max-width:1000px) { .navbar .nav-links .nav-link { font-size:12px; } .navbar .language-toggle { flex-basis:14px; width:14px; height:14px; } .navbar .language-toggle > img { width:14px !important; height:14px !important; max-width:14px !important; max-height:14px !important; } }
@media(max-width:600px) { .navbar .nav-links .nav-link { font-size:10px; } .navbar .language-toggle { flex-basis:12px; width:12px; height:12px; } .navbar .language-toggle > img { width:12px !important; height:12px !important; max-width:12px !important; max-height:12px !important; } }

/* Keep page body typography out of shared navigation. */
.navbar, .navbar .nav-links { line-height:1.2; }
.navbar .nav-links { align-items:center; }
.navbar .nav-links .nav-link { display:block; line-height:1.2; padding-top:0; padding-bottom:0.2em; margin:0; }
.navbar .nav-underline { bottom:-3px; height:1px; margin:0; padding:0; line-height:0; }

/* The document scrolls vertically only; full-bleed media stays inside the viewport. */
html, body { max-width:100%; overflow-x:hidden; }
@supports (overflow:clip) { html, body { overflow-x:clip; } }
body .site-footer { width:100%; margin-left:0; }
body .moment-grid-wrapper, body .showreel { width:100%; max-width:100%; }
@media(max-width:600px) {
  .screenshot-grid { grid-template-columns:minmax(0,1fr); }
  .info-columns > * { min-width:0; max-width:100%; }
}
