/* Original animated illustration. ProMedia palette. No external image assets. */
.intro{isolation:isolate;background:#f7f5ef;min-height:310px}
.intro .shell{z-index:4;pointer-events:none}.intro button{pointer-events:auto}
.christmas-sky{position:absolute;inset:0;z-index:0;overflow:hidden;background:linear-gradient(100deg,#f7f5ef 5%,#eeedf1 39%,#d9d8ea 64%,#acadd2 100%)}
.christmas-sky::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 83% 16%,#fcfbf770,transparent 27%),radial-gradient(ellipse at 68% 110%,#ffac331e,transparent 45%);z-index:1}
.sky-veil{position:absolute;inset:0;background:linear-gradient(90deg,#f7f5ef 0%,#f7f5efef 26%,#f7f5ef85 44%,transparent 68%);z-index:3;pointer-events:none}
#christmas-stars{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.sky-scene{position:absolute;right:0;bottom:0;width:min(78%,980px);height:100%;z-index:2;overflow:visible;opacity:.8}
.sky-flight{transform-origin:64% 44%;animation:santa-hover 5s ease-in-out infinite}
.sky-gallop{transform-box:fill-box;transform-origin:50% 50%;animation:reindeer-gallop 2.1s ease-in-out infinite}.sky-gallop.delay{animation-delay:-1.05s}
.sky-comet{opacity:0;animation:sky-comet 13s linear infinite}
@keyframes santa-hover{0%,100%{transform:rotate(-.35deg)}50%{transform:rotate(.35deg)}}
@keyframes reindeer-gallop{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-3px)}}
@keyframes sky-comet{0%,59%,66%,100%{opacity:0}60%{opacity:.65;transform:translate(0,0)}65%{opacity:0;transform:translate(125px,40px)}}
@media(max-width:700px){.intro{min-height:0;padding-bottom:134px}.sky-scene{width:100%;height:150px;right:0;bottom:-6px;opacity:.78}.sky-veil{background:linear-gradient(90deg,#f7f5eff0 0%,#f7f5efd0 38%,#f7f5ef66 78%,#f7f5ef33 100%)}.christmas-sky{background:linear-gradient(100deg,#f7f5ef,#dcdaee)}}
@media(prefers-reduced-motion:reduce){.sky-flight,.sky-gallop,.sky-comet{animation:none}.sky-comet{display:none}}
/* Keep the shared header within especially narrow phone viewports. */
@media(max-width:360px){body .pm-global-main{gap:12px}}