/* Studio identity surrounds the introduction only; the house has its own art direction. */
.studio-splash{--studio-paper:#f3ead7;--studio-ink:#1f1f1f;--studio-rust:#c26a3d;position:fixed;z-index:10000;inset:0;margin:0;background:var(--studio-paper);color:var(--studio-ink);display:grid;grid-template-rows:1fr auto;align-items:center;padding:32px 24px max(28px,env(safe-area-inset-bottom));text-align:center;font-family:Arial,sans-serif;opacity:1;transition:opacity .3s ease;isolation:isolate}
.studio-splash::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#57442a0d .6px,transparent .8px),radial-gradient(#fff9e580 .6px,transparent .9px);background-size:5px 7px,9px 11px;background-position:0 0,3px 5px}
.studio-splash.is-leaving{opacity:0;pointer-events:none}
.studio-splash[hidden]{display:none!important}
.studio-splash [hidden]{display:none!important}
.studio-intro{width:100%;max-width:680px;margin:0 auto;transform:translateY(14px)}
.studio-logo{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;margin:0 auto}
.studio-fallback{margin:20px auto;font-weight:900;font-size:clamp(26px,7vw,56px);letter-spacing:.02em}
.studio-fallback small{display:block;margin-top:8px;font-size:.3em;letter-spacing:.3em}
.studio-tagline{margin:25px 0 0;font-size:clamp(10px,1.5vw,12px);line-height:1.8;font-weight:400;letter-spacing:.24em;text-transform:uppercase}
.studio-loading-status{margin:0;min-height:92px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:14px}
.studio-spark{display:block;width:14px;height:22px;background:var(--studio-rust);clip-path:polygon(50% 0,67% 34%,100% 50%,67% 66%,50% 100%,33% 66%,0 50%,33% 34%);animation:studio-breathe 2s ease-in-out infinite}
.studio-loading-status p{margin:0;max-width:340px;font-size:12px;line-height:1.6;color:#655747}
.studio-retry{background:none;color:var(--studio-ink);border:0;border-bottom:1px solid #c26a3d;padding:7px 0;font:14px Arial,sans-serif;cursor:pointer}
.studio-retry:focus-visible{outline:2px solid #264e4e;outline-offset:6px}
.studio-splash.is-stalled .studio-spark{animation:none}
@keyframes studio-breathe{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
@media(max-width:520px){.studio-splash{padding:28px 20px max(28px,env(safe-area-inset-bottom))}.studio-intro{transform:translateY(-8px)}.studio-tagline{letter-spacing:.15em;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.studio-splash{transition:none}.studio-spark{animation:none;opacity:.7}}
body.reduced .studio-splash{transition:none}body.reduced .studio-spark{animation:none}