/* One viewport coordinate system for the persistent texture and navigation. */
html{scrollbar-gutter:stable}
body[data-theme=cinema] #site-texture.texture-layer{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:10!important;pointer-events:none!important;background-position:0 0!important;background-size:26.4px 26.4px!important;opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
body[data-theme=cinema] header>a#site-logo.logo{position:fixed!important;top:10px!important;left:50vw!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;margin:0!important;padding:0!important;line-height:0!important;z-index:31}
body[data-theme=cinema] header>a#site-logo.logo img{display:block;width:200px!important;height:auto!important}
body[data-theme=cinema] header #navigation{position:fixed!important;top:auto!important;bottom:33px!important;left:50vw!important;right:auto!important;transform:translateX(-50%)!important;margin:0!important;padding:0!important;gap:38px!important;z-index:32}
body[data-theme=cinema] header #navigation a{font-size:12px!important;padding:9px 0!important}
body[data-theme=cinema] header:before{content:'';position:fixed;inset:0 0 auto;height:105px;background:linear-gradient(to bottom,#0e0e0e 0%,#0e0e0edd 30%,transparent 100%);pointer-events:none;z-index:20}
@media(max-width:600px){body[data-theme=cinema] header>a#site-logo.logo img{width:180px!important}body[data-theme=cinema] header #navigation{bottom:26px!important;gap:24px!important}body[data-theme=cinema] header #navigation a{font-size:10px!important;padding:10px 0!important}}

/* Profile photography sits above the same persistent, viewport-anchored dots. */
body[data-theme=cinema]:is(.is-lynzi-bio,.is-producer) #site-texture.texture-layer{z-index:0!important}
body[data-theme=cinema]:is(.is-lynzi-bio,.is-producer) main{position:relative;z-index:1}

body[data-theme=cinema].is-about #site-texture.texture-layer{display:none!important}
body[data-theme=cinema].is-about main{position:relative;z-index:1;width:100%;max-width:none;padding:0!important;margin:0!important}

body[data-theme=cinema].is-events #site-texture.texture-layer{z-index:0!important}
body[data-theme=cinema].is-events main{position:relative;z-index:1}

body[data-theme=cinema].is-events main{width:100%;max-width:none!important;margin:0!important;padding:0!important}

/* Edge fades belong to the viewport, never the translated navigation. */
html{background:#0e0e0e}
body[data-theme=cinema] header #navigation:before{display:none!important}
body[data-theme=cinema] header:after{content:'';position:fixed;left:0;right:0;bottom:0;height:145px;background:linear-gradient(to top,#0e0e0e 0%,#0e0e0ecc 36%,transparent 100%);pointer-events:none;z-index:20}
@media(max-width:650px){
 body[data-theme=cinema]{--mobile-control-bottom:calc(16px + env(safe-area-inset-bottom,0px));--edge-bleed-top:max(64px,env(safe-area-inset-top,0px));--edge-bleed-bottom:max(64px,env(safe-area-inset-bottom,0px))}
 body[data-theme=cinema] header:before{top:calc(-1 * var(--edge-bleed-top));bottom:auto;height:calc(105px + var(--edge-bleed-top));background:linear-gradient(to bottom,#0e0e0e 0px,#0e0e0e calc(var(--edge-bleed-top) + 20px),#0e0e0edd calc(var(--edge-bleed-top) + 40px),transparent 100%)}
 body[data-theme=cinema] header:after{bottom:calc(-1 * var(--edge-bleed-bottom));height:calc(145px + var(--edge-bleed-bottom) + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,#0e0e0e 0px,#0e0e0e calc(var(--edge-bleed-bottom) + env(safe-area-inset-bottom,0px) + 16px),#0e0e0ecc calc(var(--edge-bleed-bottom) + env(safe-area-inset-bottom,0px) + 62px),transparent 100%)}
 body[data-theme=cinema] header #navigation{bottom:var(--mobile-control-bottom)!important;height:44px;box-sizing:border-box;display:flex;align-items:center;gap:14px!important;max-width:calc(100vw - 108px)}
 body[data-theme=cinema] header #navigation a{height:44px;box-sizing:border-box;display:flex;align-items:center;font-size:10px!important;line-height:1!important;padding:0!important}
 body[data-theme=cinema] .about-option{bottom:var(--mobile-control-bottom)!important;right:10px;height:44px;box-sizing:border-box;display:flex;align-items:center;padding:0;font-size:10px;line-height:1}
 body[data-theme=cinema].cinema-is-home .video-control{bottom:var(--mobile-control-bottom)!important;left:4px;right:auto;width:44px;height:44px;box-sizing:border-box;margin:0;padding:10px;border:0;border-bottom:1px solid transparent}
}

/* Solid backing fills mobile WebView insets independently of the fades. */
.site-edge-fill{display:none}
@media(max-width:650px){
 html{background:#0e0e0e;color-scheme:dark}
 .site-edge-fill{display:block;position:fixed;left:-10vw;width:120vw;background:#0e0e0e;pointer-events:none;z-index:19}
 .site-edge-fill-top{top:-100vh;height:calc(100vh + 16px + env(safe-area-inset-top,0px))}
 .site-edge-fill-bottom{bottom:-100vh;height:calc(100vh + 16px + env(safe-area-inset-bottom,0px))}
}

/* Restore the original centered home wordmark; inner pages keep their top logo. */
body[data-theme=cinema].cinema-is-home header>a#site-logo.logo{top:50%!important;left:50vw!important;transform:translate(-50%,-50%)!important}
body[data-theme=cinema].cinema-is-home header>a#site-logo.logo img{width:clamp(280px,43vw,560px)!important}
@media(max-width:600px){body[data-theme=cinema].cinema-is-home header>a#site-logo.logo img{width:min(88vw,420px)!important}}
.media-load-pending{opacity:0!important}
.af-track-media video{transition:opacity .48s ease-out}
@media(prefers-reduced-motion:reduce){.af-track-media video{transition:none}}
.game-entry{position:fixed;right:24px;top:22px;z-index:30;font:10px monospace;color:#c9ff6b;text-decoration:none}

body[data-theme=cinema].is-events #site-texture.texture-layer{z-index:10!important}
body[data-theme=cinema].is-producer #site-texture.texture-layer{display:none!important}

body[data-theme=cinema].is-about .xa-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2726.4%27%20height%3D%2726.4%27%20viewBox%3D%270%200%2026.4%2026.4%27%3E%3Cg%20fill%3D%27white%27%3E%3Ccircle%20cx%3D%276.6%27%20cy%3D%276.6%27%20r%3D%27.75%27%20fill-opacity%3D%27.4%27%2F%3E%3Ccircle%20cx%3D%2719.8%27%20cy%3D%276.6%27%20r%3D%27.75%27%20fill-opacity%3D%27.3%27%2F%3E%3Ccircle%20cx%3D%276.6%27%20cy%3D%2719.8%27%20r%3D%27.75%27%20fill-opacity%3D%27.3%27%2F%3E%3Ccircle%20cx%3D%2719.8%27%20cy%3D%2719.8%27%20r%3D%27.75%27%20fill-opacity%3D%27.4%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:26.4px 26.4px;background-position:0 0}
body[data-theme=cinema].is-about .xa-content{background:#0e0e0e}

/* Shared page base across every site route. */
html,body[data-theme=cinema]{background-color:#0e0e0e!important;--bg:#0e0e0e!important}

/* Keep photographs textured while leaving video links and players clear. */
body[data-theme=cinema].is-events #site-texture.texture-layer{z-index:0!important}
body.is-events .de-portrait::after,body.is-events .de-montage figure.de-media::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2726.4%27%20height%3D%2726.4%27%20viewBox%3D%270%200%2026.4%2026.4%27%3E%3Cg%20fill%3D%27white%27%3E%3Ccircle%20cx%3D%276.6%27%20cy%3D%276.6%27%20r%3D%27.75%27%20fill-opacity%3D%27.4%27%2F%3E%3Ccircle%20cx%3D%2719.8%27%20cy%3D%276.6%27%20r%3D%27.75%27%20fill-opacity%3D%27.3%27%2F%3E%3Ccircle%20cx%3D%276.6%27%20cy%3D%2719.8%27%20r%3D%27.75%27%20fill-opacity%3D%27.3%27%2F%3E%3Ccircle%20cx%3D%2719.8%27%20cy%3D%2719.8%27%20r%3D%27.75%27%20fill-opacity%3D%27.4%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:26.4px 26.4px;background-attachment:fixed;background-position:0 0}