:root { --seraphine-brand: #839bdc; }
.site-page-dialog { position: fixed; inset: 0; width: 100%; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: #020304; }
.site-page-dialog:not([open]) { display: none; }
.site-page-dialog::backdrop { background: #020304; }
.site-page-dialog iframe { display: block; width: 100%; height: 100%; border: 0; }
body { isolation: isolate; }
#pixel-snow-layer { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
#pixel-snow-layer canvas { display: block; width: 100%; height: 100%; image-rendering: pixelated; }
#pixel-snow-layer.is-static canvas { display: none; }
#pixel-snow-layer.is-static { background-image: radial-gradient(#36549b 1px,transparent 1px),radial-gradient(#233d77 1px,transparent 1px); background-size: 107px 131px,173px 191px; background-position: 23px 39px,81px 71px; }
#scroll-track,#next-scene,#systems-chapter,#projects-chapter,#closing-chapter { position: relative; z-index: 1; }
#next-scene,#systems-chapter,#projects-chapter,#closing-chapter,.projects-menu { background: transparent; }
#stage { z-index: 2; background: transparent; }
#portrait-scene { background: transparent; }
#gateOverlay { background: #030303; }
#gateOverlay > #pixel-snow-layer { position: absolute; }
.page-header,.page-footer,.workshop-main,.about-main { position: relative; z-index: 1; }
.wordmark .brand-x,.page-brand > span,.about-alias b span { color: var(--seraphine-brand); }
.site-continuation-brand { position: fixed; z-index: 8; left: 6%; top: max(22px,env(safe-area-inset-top)); display: inline-flex; align-items: center; min-height: 44px; padding: 7px 12px; margin-left: -12px; border-radius: 8px; background: #02050bb3; color: #e9e9e7; font: 700 30px/1 Arial,Helvetica,sans-serif; letter-spacing: -.055em; }
.site-continuation-brand:hover { color: #fff; }
#projects-chapter { padding-top: 110px; }
@media(max-width:700px) {
  .site-continuation-brand { font-size: 28px; top: max(14px,env(safe-area-inset-top)); }
  #projects-chapter { padding-top: 90px; }
}