.fursati-intro{display:none}
html.fursati-intro-pending .fursati-intro{display:grid;place-items:center;position:fixed;inset:0;z-index:99999;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 5% 5%,rgba(128,80,184,.11),transparent 25%),radial-gradient(circle at 95% 92%,rgba(233,182,83,.13),transparent 28%),#fffbf8;color:#102c5c}
.fursati-intro::before{content:"";position:absolute;z-index:-1;width:min(92vw,760px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(128,80,184,.12);box-shadow:0 0 0 85px rgba(128,80,184,.018),0 0 0 185px rgba(233,182,83,.017);pointer-events:none;animation:intro-halo 3.1s ease-in-out both}
.intro-ambient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.46}
.intro-dotted-route{opacity:.52}.intro-plane{opacity:.45;animation:intro-plane 3.1s ease-in-out both}.intro-globe{opacity:.32;animation:intro-float 8s ease-in-out infinite}.intro-book{opacity:.3;animation:intro-float 7s ease-in-out -2s infinite}.intro-cap{opacity:.3;animation:intro-float 8s ease-in-out -4s infinite}.intro-particles{opacity:.66;animation:intro-twinkle 2.8s ease-in-out both}
.intro-center{position:relative;z-index:2;width:min(90vw,690px);text-align:center;pointer-events:none}
.intro-logo-wrap{position:relative;width:100%;aspect-ratio:1270/940}
.intro-logo{display:block;width:100%;height:100%;object-fit:contain;clip-path:inset(0 100% 0 0);opacity:0;animation:intro-logo-reveal 2.1s ease-in-out .15s forwards}
.intro-light-trail{position:absolute;inset:0;width:100%;height:100%;opacity:.72;pointer-events:none}.intro-light-trail path{stroke-dasharray:560;stroke-dashoffset:560;filter:drop-shadow(0 0 8px rgba(233,182,83,.7));animation:intro-trace .9s ease-out .15s forwards}
.intro-glint{position:absolute;left:34%;top:13%;width:8%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.15);opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.96) 0 5%,rgba(233,182,83,.65) 11%,transparent 65%);filter:drop-shadow(0 0 9px #e9b653);animation:intro-spark 1s ease-out 1.4s both}
.intro-glint::before,.intro-glint::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#fff 50%,transparent)}.intro-glint::before{width:140%;height:2px}.intro-glint::after{width:2px;height:140%;background:linear-gradient(transparent,#fff 50%,transparent)}
.intro-caption{font-family:'Cairo',sans-serif;color:#633791;font-size:clamp(.88rem,2.5vw,1.15rem);font-weight:700;margin:0;opacity:0;transform:translateY(12px);animation:intro-caption-in .6s ease-out 2s forwards}
.intro-controls{position:absolute;z-index:4;bottom:max(22px,env(safe-area-inset-bottom));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;direction:rtl}
.intro-controls button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 15px;border-radius:10px;border:1px solid rgba(16,44,92,.22);background:rgba(255,255,255,.86);color:#102c5c;font-family:'Cairo',sans-serif;font-size:.88rem;font-weight:700;box-shadow:0 7px 20px rgba(16,44,92,.08);cursor:pointer;transition:background .2s,transform .2s}.intro-controls button:hover{background:#fff;transform:translateY(-2px)}.intro-controls button:focus-visible{outline:3px solid #e9b653;outline-offset:3px}.intro-sound[aria-pressed="true"]{background:#102c5c;color:#fff}.intro-skip{order:0}.intro-sound{order:1}
.fursati-intro.is-leaving{opacity:0;pointer-events:none;transition:opacity .25s ease}
@keyframes intro-halo{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes intro-plane{from{transform:translate(-150px,95px);opacity:0}to{transform:translate(0,0);opacity:.45}}
@keyframes intro-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes intro-twinkle{0%,100%{opacity:.35}55%{opacity:.8}}
@keyframes intro-trace{to{stroke-dashoffset:0}}
@keyframes intro-logo-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:translateY(8px) scale(.975)}23%{clip-path:inset(0 57% 0 0);opacity:1}46%{clip-path:inset(0 57% 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0) scale(1)}}
@keyframes intro-spark{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.15)}43%{opacity:.92;transform:translate(-50%,-50%) scale(1)}}
@keyframes intro-caption-in{to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.intro-center{width:min(94vw,510px)}.intro-ambient .intro-globe,.intro-ambient .intro-book,.intro-ambient .intro-cap{display:none}.intro-ambient{opacity:.23}.intro-controls{left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom))}.intro-controls button{font-size:.79rem;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){html.fursati-intro-pending .fursati-intro{display:none!important}.fursati-intro *,.fursati-intro::before{animation:none!important;transition:none!important}}
html.fursati-intro-pending .site-header .brand-image{visibility:hidden}
html.fursati-intro-pending .fursati-intro.is-handoff{opacity:0;pointer-events:none;transition:opacity 900ms ease}
.fursati-intro.is-handoff .intro-logo-wrap{visibility:hidden}
html[data-theme="dark"].fursati-intro-pending .fursati-intro{background:radial-gradient(circle at 8% 8%,rgba(128,80,184,.17),transparent 27%),radial-gradient(circle at 92% 90%,rgba(233,182,83,.1),transparent 30%),#111f3b}
html[data-theme="dark"] .intro-caption{color:#e9d4ff}
html[data-theme="dark"] .intro-controls button{background:#25395c;color:#fff;border-color:#587097}
@media(prefers-reduced-motion:reduce){html.fursati-intro-pending .site-header .brand-image{visibility:visible}}