.site-page-frame{position:fixed;inset:0;width:100%;height:100dvh;border:0;background:#090909;z-index:100;opacity:0;filter:blur(7px);transition:opacity .45s ease,filter .55s ease}
.site-page-frame.is-ready{opacity:1;filter:blur(0)}
.site-page-frame.is-leaving{opacity:0;filter:blur(7px);pointer-events:none}
body.site-page-open{overflow:hidden}
body.site-page-open>canvas.site-film-grain{display:none!important}
body.site-page-open #sound-ui{z-index:120;--orange:#f40808}
body.site-page-open #sound-toggle{color:#f40808;border-color:#f4080870;background:#090909d9;box-shadow:0 0 22px #f4080814}
body.site-page-open #sound-toggle:hover{border-color:#f40808;background:#180606e8}
body.site-page-open .sound-dot{box-shadow:0 0 9px #f4080855}
body.site-page-open #sound-toggle[data-state=playing] .sound-dot{box-shadow:0 0 12px #f4080899}
body.site-page-open :is(#spoken-signal,.signal-bracket){color:#f40808}
@media(prefers-reduced-motion:reduce){.site-page-frame{transition:none;filter:none}}

/* Compact PH monogram beside the wordmark. */
.brand{display:flex;align-items:center;gap:9px}
.brand-mark{display:block;flex:0 0 auto;width:18px;height:18px;background:var(--orange);-webkit-mask:url('./assets/p-logo.svg') center/contain no-repeat;mask:url('./assets/p-logo.svg') center/contain no-repeat}
.series-nav .brand-mark{background:var(--red)}
.series-nav .brand>span{font:800 12px/1.1 Syne,sans-serif}
@media(max-width:700px){.brand{gap:7px}.brand-mark{width:15px;height:15px}.series-nav .brand>span{font-size:10px}}