.exi-season-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:#24152e;color:#fff;opacity:1}
.exi-intro-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;animation:exiIntroScene 2.2s ease-out both}
.exi-season-intro::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,#1b0b2bcc,#1c0e2a45 48%,#21112dbb)}
.exi-season-intro::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #ffda9233;margin:14px;z-index:-1}
.exi-intro-center{display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 22px 74px;max-width:100%;animation:exiIntroArrival .55s cubic-bezier(.2,.7,.3,1) both}
.exi-intro-plate{width:min(350px,69vw);height:min(295px,44vh);display:flex;align-items:center;justify-content:center;padding:20px;border-radius:14px;background:linear-gradient(130deg,#fff,#f1f3f6);box-shadow:0 18px 70px #140b2d66,inset 0 0 0 1px #fff9}
.exi-intro-logo{display:block;width:100%;height:100%;object-fit:contain}
.exi-intro-title{font:600 clamp(20px,4vw,30px)/1.2 Arial,sans-serif;letter-spacing:.2px;text-align:center;margin:8px 0 0;text-shadow:0 2px 12px #000a}
.exi-intro-caption{font:11px/1.5 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#ffe8c5;margin:0;text-align:center}
.exi-intro-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #ffffffa0;background:#1e1333cc;border-radius:7px;color:#fff;font:600 13px/1.3 Arial,sans-serif;cursor:pointer}
.exi-intro-skip:hover{background:#50306c}.exi-intro-skip:focus-visible{outline:3px solid #ffcc71;outline-offset:4px}
.exi-intro-petal{position:absolute;top:-20px;left:var(--x);width:var(--s);height:calc(var(--s) * 1.6);background:#ffad24;border-radius:70% 20% 60% 30%;box-shadow:0 0 8px #f78a3033;pointer-events:none;z-index:-1;animation:exiIntroPetal 2.8s linear var(--delay) infinite}
.exi-season-intro.leaving{opacity:0;pointer-events:none;transition:opacity .2s ease}
@keyframes exiIntroScene{from{transform:scale(1.025)}to{transform:scale(1)}}
@keyframes exiIntroArrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes exiIntroPetal{to{transform:translate(40px,105vh) rotate(220deg);opacity:.2}}
@media(max-width:600px){.exi-intro-plate{width:min(310px,72vw);height:min(264px,43vh);padding:15px}.exi-intro-scene{object-position:36% center}.exi-intro-center{gap:10px}.exi-intro-title{font-size:23px}}
@media(prefers-reduced-motion:reduce){.exi-season-intro{display:none!important}.exi-intro-scene,.exi-intro-center,.exi-intro-petal{animation:none!important}}

/* November: approved integrated logo over a separate animated courtyard. */
.exi-season-intro[data-season="dead"]::before{background:linear-gradient(90deg,#07132b22,transparent 35%,transparent 65%,#07132b22)}
.exi-season-intro[data-season="dead"]::after{border:0;margin:0;background:radial-gradient(ellipse at 50% 83%,#ffb34424,transparent 65%);animation:exiCandleGlow 1.8s ease-in-out infinite alternate}
.exi-season-intro[data-season="dead"] .exi-intro-center{gap:8px;padding:20px 18px 65px}
.exi-season-intro[data-season="dead"] .exi-intro-plate{width:min(640px,57vw);height:min(66vh,540px);padding:0;background:radial-gradient(ellipse,#fff5d73b,transparent 70%);border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 6px #0008)}
.exi-season-intro[data-season="dead"] .exi-intro-title{display:none}
.exi-season-intro[data-season="dead"] .exi-intro-caption{font:italic clamp(18px,2.7vw,30px)/1.3 Georgia,serif;text-transform:none;letter-spacing:.2px;color:#fff0b8;text-shadow:0 2px 8px #000}
@keyframes exiCandleGlow{to{opacity:.45}}
@media(max-width:600px){.exi-season-intro[data-season="dead"] .exi-intro-plate{width:94vw;height:min(57vh,470px)}.exi-season-intro[data-season="dead"] .exi-intro-scene{object-position:center}.exi-season-intro[data-season="dead"] .exi-intro-center{padding-bottom:85px}}
