/* Chris Gannon's pumpkin artwork QKMVQW (MIT), native CSS motion, no GSAP dependency. */
html{scrollbar-gutter:stable}
.page-shell{transition:opacity .65s ease,transform .65s ease}
html[data-intro=playing],html[data-intro=leaving]{overflow:hidden}
[data-intro=playing] .page-shell{opacity:0;transform:translateY(12px)}
[data-intro=leaving] .page-shell{opacity:1;transform:none}
.intro-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050509;opacity:1;overflow:hidden;transition:opacity .65s ease;isolation:isolate}
.intro-overlay[data-step=leaving]{opacity:0}
.intro-artwork{width:min(86vw,405px);aspect-ratio:365/340;pointer-events:none}
.intro-pumpkin{display:block;width:100%;height:100%;overflow:visible}
.intro-caption{font:.9375rem/1.5 var(--font-body);letter-spacing:3px;color:var(--gold);margin:24px 0 0;animation:intro-caption .8s ease both}
.intro-skip{position:absolute;right:24px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 18px;font-size:1rem;border:1px solid var(--gold-line);border-radius:14px;background:rgba(255,255,255,.05);color:var(--gold-light)}
.intro-skip:hover{background:var(--gold-soft);border-color:var(--gold-400)}
.intro-overlay .wholePumpkin{transform-box:fill-box;transform-origin:50% 70%;animation:intro-pumpkin-arrive 1.25s both}
.intro-overlay .pumpkinCover{animation:intro-pumpkin-light 1.6s .6s both}
.intro-overlay .glowBg{animation:intro-glow 1.3s ease-in-out infinite alternate}
.intro-overlay .lanternTop{animation:intro-flame 1.1s ease-in-out infinite alternate}
.intro-overlay .depthGradMid{animation:intro-depth .9s ease-in-out infinite alternate}
.intro-ember{transform-origin:300px 300px;animation:intro-ember var(--ember-duration,1.2s) ease-out var(--ember-delay,1s) 2 both}
@keyframes intro-pumpkin-arrive{0%{transform:translateY(-500px) rotate(0);opacity:0}12%{opacity:1}48%{transform:translateY(0) rotate(0)}70%{transform:translateY(0) rotate(-12deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes intro-pumpkin-light{0%,20%{opacity:1}35%{opacity:.45}50%{opacity:.65}75%{opacity:.12}100%{opacity:0}}
@keyframes intro-glow{from{opacity:.16}to{opacity:.42}}
@keyframes intro-flame{from{stop-color:#b42213}to{stop-color:#741b16}}
@keyframes intro-depth{from{stop-color:#f6b431}to{stop-color:#b24a1d}}
@keyframes intro-ember{0%{transform:translate(var(--ember-x,0px),85px) scale(.8);opacity:0}15%{opacity:.8}100%{transform:translate(var(--ember-end-x,0px),-10px) scale(.25);opacity:0}}
@keyframes intro-caption{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.intro-overlay{display:none!important}.page-shell{transition:none;transform:none!important;opacity:1!important}}