@font-face{font-family:RobotoThin;src:url('fonts/roboto-thin.ttf') format('truetype');font-weight:100;font-display:swap}@font-face{font-family:OpenSansCondensed;src:url('fonts/open-sans-condensed-light.ttf') format('truetype');font-weight:300;font-display:swap}:root{color-scheme:dark;--gold:#edb809}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#000;color:#ddd;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.site-header{height:137px;position:sticky;top:0;z-index:5;background:#000;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .2s ease-in}.site-header.is-hidden{opacity:0;pointer-events:none}.site-header:has(:focus-visible){opacity:1;pointer-events:auto}.site-header nav{display:flex;align-items:center;gap:57px;font-size:14px;line-height:18px;letter-spacing:.35px}.site-header nav a,.site-header nav button{color:var(--gold)}.site-header nav button{background:none;border:0;padding:0;font-size:inherit;letter-spacing:inherit}.site-header nav [aria-pressed=true]{color:#ddd}.site-header nav a:hover,.site-header nav button:hover{color:#fff}.menu-button{display:none}.identity{height:185px;text-align:center;padding-top:25px}.identity h1{font-family:RobotoThin,'Helvetica Neue',sans-serif;font-size:35px;font-weight:100;line-height:42px;letter-spacing:10px;margin:0;text-transform:lowercase;color:#aaa}.diamond{display:block;width:8px;height:8px;background:var(--gold);transform:rotate(45deg);margin:22px auto 15px}.identity p{font-family:RobotoThin,'Helvetica Neue',sans-serif;font-size:14px;font-weight:100;line-height:18px;letter-spacing:4.5px;margin:0;color:#999}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:51px;padding:0 64px;margin:0 auto}.film-card{min-width:0;margin:0}.film-card[hidden]{display:none}.film-media{position:relative;aspect-ratio:16/9;background:#000}.poster-play{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#000;cursor:pointer;color:#ddd}.poster-play img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .22s ease}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:2px solid #aaa;border-radius:50%;opacity:0;transition:opacity .22s ease}.play-mark::after{content:'';position:absolute;left:18px;top:14px;border-left:14px solid #bbb;border-top:9px solid transparent;border-bottom:9px solid transparent}.poster-play:focus-visible img{opacity:0}.poster-play:focus-visible .play-mark{opacity:1}.film-title{font-family:OpenSansCondensed,'Arial Narrow',sans-serif;font-size:16px;font-weight:300;text-align:center;line-height:22px;margin:24px 0 0;color:#ddd}.inline-video{position:absolute;inset:0;display:block;width:100%;height:100%;background:#000;object-fit:contain}.inline-video[hidden],.inline-close[hidden],.inline-source[hidden],.poster-play[hidden]{display:none}.inline-close{position:absolute;right:6px;top:6px;width:34px;height:34px;border:0;background:#000b;color:white;font:25px Arial;z-index:2}.inline-source{font-size:10px;line-height:1.6;text-align:center;padding:12px 10px}.inline-source a{color:#ddd;text-decoration:underline;text-underline-offset:3px}.inline-source p{margin:8px 0 0;color:#888}.contact{text-align:center;padding:95px 25px 70px}.contact h2{font-family:RobotoThin,'Helvetica Neue',sans-serif;font-size:24px;font-weight:100;letter-spacing:3px;margin:0 0 25px;color:var(--gold)}.contact .email{font:300 clamp(20px,2.7vw,38px)/1.4 OpenSansCondensed,sans-serif;color:var(--gold);overflow-wrap:anywhere}.demo-note{font-size:10px;line-height:1.6;color:#888;margin:60px 0 14px}.footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:10px}.footer-links a{text-decoration:underline;text-underline-offset:4px}.skip{position:fixed;top:10px;left:10px;z-index:10;padding:10px;background:#fff;color:#000;transform:translateY(-160%)}.skip:focus{transform:none}.noscript{padding:25px;text-align:center;font-size:13px}@media(hover:hover) and (pointer:fine){.poster-play:hover img{opacity:0}.poster-play:hover .play-mark{opacity:1}}@media(min-width:768px) and (max-width:1050px){.work-grid{padding:0 35px;grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav{gap:38px}.identity h1{font-size:32px}}@media(max-width:767px){.site-header{height:72px;position:relative;opacity:1!important;pointer-events:auto!important}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;width:48px;height:48px;padding:10px;border:0;background:#000;color:#ddd;z-index:7}.menu-button span{display:block;width:27px;height:2px;background:currentColor}.site-header nav{display:none;position:absolute;left:0;right:0;top:72px;z-index:6;background:#000;padding:25px 20px 35px;gap:24px;justify-content:center;flex-wrap:wrap;border-bottom:1px solid #333}.site-header nav.is-open{display:flex}.identity{height:102px;padding-top:9px}.identity h1{font-size:25px;letter-spacing:5px;line-height:30px}.diamond{width:6px;height:6px;margin:13px auto 11px}.identity p{font-size:11px;line-height:15px;letter-spacing:3px}.work-grid{padding:0;grid-template-columns:1fr;gap:20px;border-top:1px solid #555}.film-card{border-bottom:2px solid #ddd}.film-media{aspect-ratio:16/11}.poster-play img{object-fit:contain}.play-mark{opacity:1;width:32px;height:32px;border:1px solid #fff;top:62%}.play-mark::after{left:12px;top:9px;border-left-width:10px;border-top-width:6px;border-bottom-width:6px;border-left-color:#fff}.film-title{position:absolute;left:15px;right:15px;top:calc(50% - 35px);margin:0;font-size:20px;line-height:26px;color:#fff;text-shadow:0 1px 5px #000;pointer-events:none}.film-card{position:relative}.film-card.is-playing .film-title{display:none}.contact{padding:64px 22px 40px}.contact .email{font-size:25px}.demo-note{font-size:9px;margin-top:40px}}@media(prefers-reduced-motion:reduce){.site-header,.poster-play img,.play-mark{transition:none}}
/* The automatic mobile entry uses only the short loop; tapping keeps the original play target. */
.film-card.is-preview .poster-play{z-index:1;background:transparent}.film-card.is-preview .poster-play img{opacity:0}.film-card.is-preview .inline-video{pointer-events:none}.film-card.is-preview .film-title{display:block}
