/* component: living-portal-holding-screen
 * intent: ../README.md
 * constraints: media keeps its original colors in all themes; controls stay outside the central logo
 * last_intent_review: 2026-09-24 */
:root[data-theme] #stage:has(>.holding-intro){background:#070910;border-color:#252536;box-shadow:0 12px 40px #07091035}
:root[data-theme] #stage>.slide.holding-intro{padding:0;background:#070910!important;color:#fff;overflow:hidden}
:root[data-theme] .holding-intro .intro-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root[data-theme] .intro-video,:root[data-theme] .intro-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;opacity:1}
:root[data-theme] .intro-video[hidden]{display:none}
:root[data-theme] .intro-welcome{position:absolute;left:30px;bottom:28px;padding:14px 20px;background:#090d19ee;border:1px solid #777097;border-radius:8px;color:#fff}
:root[data-theme] .intro-welcome span{font:12px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.17em;color:#e2d6ff}
:root[data-theme] .intro-welcome p{font:600 26px/1.25 'Segoe UI',Arial,sans-serif;letter-spacing:-.025em;margin:6px 0 0;color:#fff}
:root[data-theme] .intro-controls{position:absolute;right:30px;bottom:30px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
:root[data-theme] #stage #introMotion{font:600 15px/1.3 'Segoe UI',Arial,sans-serif;min-height:44px;padding:10px 18px;border:1px solid #b3a5d1;border-radius:24px;background:#090d19ee;color:#fff;box-shadow:none;cursor:pointer}
:root[data-theme] #stage #introMotion:hover{background:#28213c;color:#fff;border-color:#e1d4ff}
:root[data-theme] #stage #introMotion:focus-visible{outline:2px solid #fff!important;outline-offset:4px!important}
:root[data-theme] #stage #introMotion:disabled{background:#090d19ee!important;color:#d5cce4!important;border-color:#777097!important;cursor:default}
:root[data-theme] #introStatus{font:11px/1.4 'Segoe UI',Arial,sans-serif;color:#ede7f8;background:#090d19ee;padding:3px 8px;border-radius:4px}
@media(max-width:650px){
 :root[data-theme] #stage>.slide.holding-intro{min-height:calc(100svh - 160px);padding:0}
 :root[data-theme] .intro-video,:root[data-theme] .intro-poster{object-fit:contain;object-position:center 28%}
 :root[data-theme] .intro-welcome{left:20px;right:20px;bottom:112px;padding:14px 16px}
 :root[data-theme] .intro-welcome p{font-size:24px}
 :root[data-theme] .intro-controls{right:20px;bottom:26px}
}