*{margin:0;padding:0;box-sizing:border-box}
html{background:#F1EDE4}
body{background:#F1EDE4;color:#1A1917;font:400 15px/1.6 'Archivo',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid #1A1917;outline-offset:2px}
[data-skip="1"]:focus{left:12px !important;outline:2px solid #FCB12B;outline-offset:2px}
.nav a{text-decoration:none}
.nav a:hover{color:#FCB12B}

@media (hover:hover) and (pointer:fine){[data-wm]:hover [data-wmmenu]{display:block !important}}
[data-wm][data-open="1"] [data-wmmenu]{display:block !important}
[data-wmmenu] a:hover{color:#FCB12B !important}
@media (hover:hover) and (pointer:fine){
  [data-wmmenu] a{font:600 12px/1.4 'IBM Plex Mono',monospace !important;letter-spacing:.1em !important;text-transform:uppercase}
  [data-wmmenu] a[href="/work.html"]{font:400 15px/1.2 'Anton',sans-serif !important;letter-spacing:.05em !important;border-bottom:1px solid rgba(26,25,23,.16);margin-bottom:6px;padding-bottom:13px !important}
}
.nav [data-wmtrig]:hover{color:#FCB12B}

[data-flbtn]{transition:background .2s ease,color .2s ease,border-color .2s ease}
[data-flbtn]:hover{background:#FCB12B !important;color:#1A1917 !important;border-color:#FCB12B !important}

.film-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:clamp(36px,5vw,64px) clamp(20px,4vw,48px) clamp(48px,6vw,84px)}
.film-breadcrumb{font:500 10px/1 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#6E6A60;margin-bottom:22px}
.film-breadcrumb a{text-decoration:none;padding:8px 0}
.film-breadcrumb [aria-current="page"]{color:#1A1917}
.film-kicker{font:500 12px/1 'IBM Plex Mono',monospace;letter-spacing:.2em;color:#6E6A60;margin-bottom:14px}
.film-title{font:400 clamp(34px,6vw,64px)/1.05 'Anton',sans-serif;letter-spacing:.02em;text-transform:uppercase;margin-bottom:18px}
.film-accent{width:56px;height:3px;background:#FCB12B;margin-bottom:clamp(24px,4vw,40px)}
.film-player{position:relative;aspect-ratio:16/9;background:#1A1917;margin-bottom:clamp(28px,4vw,44px);overflow:hidden}
.film-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.film-actions{display:flex;flex-wrap:wrap;gap:12px;margin:-10px 0 clamp(30px,4vw,46px)}
.film-action{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 26px;border:1px solid rgba(26,25,23,.3);color:#1A1917;font:600 13px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.film-action.is-primary{background:#1A1917;color:#F1EDE4;border-color:#1A1917}
.film-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 clamp(20px,3vw,40px);margin-bottom:clamp(28px,4vw,44px)}
.film-fact{border-top:1px solid rgba(0,0,0,.12);padding:12px 0}
.film-fact-label{font:500 10px/1 'IBM Plex Mono',monospace;letter-spacing:.18em;color:#6E6A60;margin-bottom:7px}
.film-fact-value{font:600 14px/1.45 'Archivo',sans-serif;color:#1A1917}
.film-section-title{font:500 12px/1 'IBM Plex Mono',monospace;letter-spacing:.2em;color:#1A1917;text-transform:uppercase;margin:28px 0 16px}
.film-copy{font:400 15px/1.75 'Archivo',sans-serif;color:#57534A;margin:0 0 14px;max-width:68ch}
.film-credit{font:500 12px/1.7 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#6E6A60;margin:18px 0 0}
.film-related{margin-top:clamp(36px,5vw,56px)}
.film-related-title{font:500 12px/1 'IBM Plex Mono',monospace;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}
.film-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.fcard{display:flex;align-items:stretch;text-decoration:none;color:#1A1917;border:1px solid rgba(26,25,23,.18);overflow:hidden;background:#F7F4EC;transition:transform .22s ease,border-color .22s ease}
.fcard .fthumb{flex:none;width:150px;position:relative;overflow:hidden;background:#1A1917}
.fcard .fthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.fcard .fmeta{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 16px;min-height:78px}
.fcard .fkick{font:500 9.5px/1.4 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#6E6A60}
.fcard .ftitle{font:400 17px/1.15 'Anton',sans-serif;letter-spacing:.03em;text-transform:uppercase;transition:color .2s ease}
@media (hover:hover) and (pointer:fine){
  .fcard:hover{transform:scale(1.02);border-color:#FCB12B}
  .fcard:hover .ftitle{color:#FCB12B}
  .fcard:hover .fthumb img{transform:scale(1.07)}
}
@media (prefers-reduced-motion:reduce){
  .fcard,.fcard .fthumb img,.fcard .ftitle,[data-flbtn]{transition:none}
  .fcard:hover{transform:none}
}
@media (max-width:760px){
  .nav > div{flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
  .nav > div::-webkit-scrollbar{display:none}
  [data-wmmenu]{position:fixed !important;left:12px !important;right:12px !important;top:64px !important;padding-top:0 !important}
  [data-wmmenu] > div{max-height:62vh;overflow-y:auto}
  .film-action{padding:0 20px}
  .film-related-grid{grid-template-columns:1fr}
}