.px-stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#060b14;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.px-layer{position:absolute;inset:0}
.px-inner{position:absolute;inset:0;will-change:transform}
.px-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.px-masked{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.neon-glow{position:absolute;left:2%;top:0;width:26%;height:42%;background:radial-gradient(60% 55% at 42% 30%,rgba(255,116,38,.30),rgba(255,116,38,.10) 45%,transparent 70%);mix-blend-mode:screen;animation:neon-flicker 6.5s linear infinite}
@keyframes neon-flicker{0%,86%,92%,100%{opacity:1}88%,90%{opacity:.55}96%{opacity:.8}}
.fog{position:absolute;inset:-10%;pointer-events:none}
.fog-a{background:radial-gradient(55% 45% at 25% 88%,rgba(168,188,208,.13),transparent 70%);animation:fog-drift-a 47s ease-in-out infinite alternate}
.fog-b{background:radial-gradient(50% 42% at 78% 82%,rgba(150,172,198,.11),transparent 70%);animation:fog-drift-b 34s ease-in-out infinite alternate-reverse}
@keyframes fog-drift-a{from{transform:translateX(-3.5%)}to{transform:translateX(3.5%)}}
@keyframes fog-drift-b{from{transform:translateX(4%)}to{transform:translateX(-4%)}}
.px-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px rgba(2,6,14,.6);background:linear-gradient(180deg,rgba(3,7,15,.35),transparent 18%,transparent 82%,rgba(3,7,15,.45))}
.scrim{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(4,2,8,.55),rgba(4,2,8,.22) 30%,rgba(4,2,8,.22) 70%,rgba(4,2,8,.6))}
.px-hint{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:2;padding:7px 14px;border-radius:999px;background:rgba(6,11,20,.62);color:#e8eef6;font:13px system-ui;letter-spacing:.01em;backdrop-filter:blur(6px);transition:opacity .6s;pointer-events:none;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}
.px-hint.is-hidden{opacity:0}
.about{position:relative;z-index:2;max-width:620px;margin:0 auto;padding:110px 20px 90px;pointer-events:none;display:flex;flex-direction:column;gap:14px}
.about .eyebrow{text-align:left}
.about h1{font:400 44px/1.08 Georgia,serif;margin:0 0 4px;text-shadow:0 2px 24px rgba(0,0,0,.55)}
@media(min-width:768px){.about h1{font-size:56px}}
.card{pointer-events:auto;background:rgba(10,6,14,.66);border:1px solid rgba(245,237,226,.18);border-radius:14px;padding:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.card p{margin:0 0 10px}
.card p:last-child{margin-bottom:0}
.card.faint{font-size:14px;color:rgba(245,237,226,.72)}
.actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;margin-bottom:0}
a.brand{color:#f5ede2;text-decoration:none}
@media (prefers-reduced-motion:reduce){.fog,.neon-glow{animation:none}}