/* A small, rich celebration scene. All movement stays behind or beside readable copy. */
.pixie-annual-band{position:relative;isolation:isolate;overflow:hidden;max-width:1180px;margin:24px auto 38px;border:1px solid #d7bb784d;border-radius:18px;background:radial-gradient(ellipse at 12% 40%,#37507d88,transparent 42%),linear-gradient(120deg,#111a30,#1e1830 60%,#182a32);color:#fff3d9;box-shadow:0 18px 48px #0002}
.pixie-annual-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;border-radius:inherit}
.pixie-annual-art::before,.pixie-annual-art::after{content:'';position:absolute;left:-12%;top:10%;width:120%;height:70%;border:1px solid #e5c78255;border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 25px #e5c78215}
.pixie-annual-art::after{transform:rotate(14deg);top:35%;border-color:#a9d9ed44}
.annual-copy{position:relative;z-index:1;margin:22px clamp(25px,7vw,90px);padding:14px 22px;border-radius:12px;background:#101a2deb;box-shadow:0 0 42px 16px #101a2d99}
.annual-eyebrow{font:600 10px/1.6 'DM Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#eed19c;margin:0 0 13px}
.annual-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px}
.annual-event{padding-left:14px;border-left:2px solid var(--event-ink,#f2d192)}
.annual-kind{margin:0 0 5px;font:500 10px/1.4 'DM Sans',sans-serif;color:var(--event-ink);letter-spacing:.5px;text-transform:uppercase}
.annual-event h2{font:400 clamp(22px,2.9vw,34px)/1.13 Georgia,serif;margin:0 0 7px;color:#fff4dd}
.annual-age{font:400 12px/1.5 'DM Sans',sans-serif;margin:0 0 7px;color:#f0dfbe}
.annual-details{font:400 12px/1.6 'DM Sans',sans-serif;color:#e0d9cd;margin-top:7px}
.annual-details summary{cursor:pointer;min-height:30px;text-decoration:underline;text-underline-offset:4px}
.annual-details p{font-size:12px;line-height:1.6;margin:6px 0}.annual-details a{color:#eed19c}.annual-details summary:focus-visible,.annual-details a:focus-visible{outline:2px solid #fff0c0;outline-offset:3px}
.annual-disclaimer{font:400 10px/1.6 'DM Sans',sans-serif;color:#b8b9c2;margin:15px 0 0;max-width:600px}
.annual-motif{position:absolute;display:block;left:var(--x);top:var(--y);width:7px;height:7px;background:var(--ink);opacity:.7;transform:rotate(var(--angle));animation:annual-drift var(--duration) ease-in-out var(--delay) infinite alternate;animation-play-state:paused;will-change:auto}
.annual-motif[data-shape=star]{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.annual-motif[data-shape=orb]{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fff5da, var(--ink) 45%,transparent 72%);box-shadow:0 0 22px 7px color-mix(in srgb,var(--ink) 25%,transparent);animation-name:annual-float}
.annual-motif[data-shape=ribbon]{width:4px;height:32px;border-radius:80%;opacity:.45;animation-name:annual-ribbon}
[data-running=true] .annual-motif{animation-play-state:running}
.annual-scene-overlay{z-index:3;mask-image:linear-gradient(90deg,#000,transparent 36%,transparent 64%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 36%,transparent 64%,#000)}
.annual-scene-overlay::before,.annual-scene-overlay::after{display:none}
body[data-annual-celebrations~=revenge-fifth] .pixie-annual-band{background:radial-gradient(ellipse at 20% 20%,#7c243b88,transparent 60%),#181321}
body[data-annual-celebrations~=life-day] .pixie-annual-band{background:radial-gradient(ellipse at 10% 50%,#305f4488,transparent 65%),#201c21}
body[data-annual-celebrations~=mickey-minnie] .pixie-annual-band{background:radial-gradient(circle,#fff1d938 2px,transparent 3px) 0 0/22px 22px,#561f30}
body[data-annual-celebrations~=animal-kingdom] .pixie-annual-band{background:radial-gradient(ellipse at 0 0,#487443aa,transparent 65%),#1d2d27}
@keyframes annual-drift{from{transform:translate3d(-7px,8px,0) rotate(var(--angle))}to{transform:translate3d(14px,-15px,0) rotate(calc(var(--angle) + 35deg))}}
@keyframes annual-float{from{transform:translate3d(0,10px,0)}to{transform:translate3d(9px,-21px,0)}}
@keyframes annual-ribbon{from{transform:rotate(calc(var(--angle) - 15deg)) translateY(5px)}to{transform:rotate(calc(var(--angle) + 20deg)) translateY(-12px)}}
body[data-pixie-motion=paused] .annual-motif,body[data-pixie-motion=hidden] .annual-motif,body[data-pixie-motion=reduced] .annual-motif{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.annual-motif{animation:none!important}}
@media(max-width:700px){.pixie-annual-band{margin:18px 16px 28px;border-radius:12px}.annual-copy{margin:20px 18px;padding:14px 12px}.annual-events{gap:16px}.annual-motif:nth-child(n+17){display:none}.annual-event h2{font-size:25px}}
/* Signature motifs are original geometry, not character portraits or official event art. */
.annual-motif[data-shape=dot]{width:12px;height:12px;border-radius:50%;background:#fff4e7}
.annual-motif[data-shape=acorn]{width:14px;height:17px;border-radius:40% 40% 70% 70%;background:linear-gradient(#9f815d 0 35%,var(--ink) 35%);transform:rotate(var(--angle))}
.annual-motif[data-shape=honey]{width:14px;height:16px;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}
.annual-motif[data-shape=pennant]{width:19px;height:15px;clip-path:polygon(0 0,100% 50%,0 100%)}
.annual-motif[data-shape=diamond]{width:13px;height:18px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.annual-motif[data-shape=paw]{width:12px;height:10px;border-radius:60% 60% 40% 40%;box-shadow:-6px -6px 0 -3px var(--ink),0 -9px 0 -3px var(--ink),6px -6px 0 -3px var(--ink)}
.annual-motif[data-shape=petal],.annual-motif[data-shape=leaf]{width:12px;height:21px;border-radius:90% 0 90% 0}
.annual-motif[data-shape=wave]{width:22px;height:10px;background:none;border-top:3px solid var(--ink);border-radius:50%}
.annual-motif[data-shape=castle]{width:22px;height:23px;clip-path:polygon(0 30%,12% 12%,24% 30%,24% 50%,38% 50%,38% 20%,50% 0,62% 20%,62% 50%,76% 50%,76% 30%,88% 12%,100% 30%,100% 100%,0 100%)}
.annual-motif[data-shape=sphere]{width:18px;height:18px;border-radius:50%;background:repeating-linear-gradient(60deg,transparent 0 4px,#fff5 4px 5px),var(--ink)}
.annual-motif[data-shape=beam]{width:3px;height:40px;border-radius:4px;box-shadow:0 0 8px 2px var(--ink);opacity:.5}
/* A full-site edge atmosphere, with a completely transparent reading/photo zone. */
.annual-page-atmosphere{position:fixed;inset:0;z-index:8;border-radius:0;pointer-events:none;opacity:.8;mask-image:linear-gradient(90deg,#000 0%,#000 1.2%,transparent 5%,transparent 95%,#000 98.8%,#000 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 1.2%,transparent 5%,transparent 95%,#000 98.8%,#000 100%);background:radial-gradient(ellipse at 0 20%,color-mix(in srgb,var(--annual-accent) 28%,transparent),transparent 52%),radial-gradient(ellipse at 100% 80%,color-mix(in srgb,var(--annual-accent) 22%,transparent),transparent 52%)}
.annual-page-atmosphere .annual-motif:nth-child(odd){left:1.2%}.annual-page-atmosphere .annual-motif:nth-child(even){left:98%}
.annual-page-atmosphere::before,.annual-page-atmosphere::after{display:none}
body[data-annual-celebrations]:not([data-annual-celebrations='']) .annual-kind{font-weight:700}
@media(max-width:700px){.annual-page-atmosphere{mask-image:linear-gradient(90deg,#000,transparent 12px,transparent calc(100% - 12px),#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 12px,transparent calc(100% - 12px),#000);opacity:.6}.annual-page-atmosphere .annual-motif:nth-child(n+9){display:none}.annual-page-atmosphere .annual-motif:nth-child(odd){left:0}.annual-page-atmosphere .annual-motif:nth-child(even){left:99%}}
/* Three-layer annual scenes: luminous atmosphere, signature scenery, drifting detail. */
.annual-signature{position:absolute;width:180px;height:170px;left:calc(var(--signature-slot)*74% - 10px);bottom:0;opacity:.45;color:var(--signature-ink);filter:drop-shadow(0 0 17px color-mix(in srgb,var(--signature-ink) 30%,transparent));transform-origin:50% 100%}
.annual-signature .signature-part{display:block;position:absolute;animation:annual-scenic-sway 18s ease-in-out calc(var(--part)*-2s) infinite alternate;animation-play-state:paused}
.annual-signature[data-look=lifeday] .signature-part{border:0;background:radial-gradient(circle,#fff4ca 0 5%,var(--signature-ink) 7%,transparent 35%);transform:none;animation-name:annual-orb-rise}
.annual-signature[data-look=castle] .signature-part{width:20px;height:calc(45px + var(--part)*9px);left:calc(8px + var(--part)*24px);bottom:0;background:linear-gradient(0deg,#15233b,var(--signature-ink));clip-path:polygon(0 22%,50% 0,100% 22%,100% 100%,0 100%);animation-name:annual-castle-glow}
.annual-signature[data-look=sphere] .signature-part{width:145px;height:145px;left:20px;bottom:-12px;border:1px solid var(--signature-ink);border-radius:50%;transform:scaleX(calc(.2 + var(--part)*.12));animation-name:annual-sphere-shimmer}
.annual-signature[data-look=premiere] .signature-part{height:170px;width:32px;bottom:-10px;left:calc(15px + var(--part)*23px);background:linear-gradient(0deg,var(--signature-ink),transparent);clip-path:polygon(45% 100%,0 0,100% 0,55% 100%);transform-origin:50% 100%;animation-name:annual-beam-sweep}
.annual-signature[data-look=jungle] .signature-part{width:55px;height:85px;bottom:calc(var(--part)*4px);left:calc(var(--part)*20px);background:linear-gradient(45deg,transparent 48%,var(--signature-alt) 49% 51%,transparent 52%),var(--signature-ink);border-radius:90% 0 90% 0;transform-origin:50% 100%;animation-name:annual-leaf-sway}
[data-running=true] .signature-part{animation-play-state:running}
@keyframes annual-orbit{from{transform:rotate(calc(var(--part)*17deg)) scaleX(.58)}to{transform:rotate(calc(var(--part)*17deg + 30deg)) scaleX(.72)}}
@keyframes annual-beam-sweep{from{transform:rotate(-14deg)}to{transform:rotate(17deg)}}
@keyframes annual-orb-rise{from{transform:translateY(10px)}to{transform:translateY(-19px)}}
@keyframes annual-gift-float{from{transform:translateY(calc(var(--part)*-4px)) rotate(-3deg)}to{transform:translateY(calc(var(--part)*-4px - 8px)) rotate(4deg)}}
@keyframes annual-castle-glow{from{opacity:.5}to{opacity:.9}}
@keyframes annual-sphere-shimmer{from{opacity:.45;transform:scaleX(calc(.2 + var(--part)*.12))}to{opacity:.85;transform:scaleX(calc(.22 + var(--part)*.11))}}
@keyframes annual-leaf-sway{from{transform:rotate(-8deg)}to{transform:rotate(7deg)}}
.annual-motion-toggle{display:inline-flex;min-height:44px;align-items:center;margin-top:12px;padding:8px 14px;border:1px solid #cdb17577;border-radius:30px;background:#152235;color:#fff0d1;font:600 11px/1.5 'DM Sans',sans-serif;cursor:pointer}.annual-motion-toggle:focus-visible{outline:2px solid #fff0c0;outline-offset:3px}.annual-motion-toggle:disabled{opacity:.65;cursor:default}
body[data-pixie-motion=paused] .signature-part,body[data-pixie-motion=hidden] .signature-part,body[data-pixie-motion=reduced] .signature-part{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.signature-part{animation:none!important}}
@media(max-width:700px){.annual-signature{width:150px;height:150px;opacity:.3;transform:scale(.8);left:calc(var(--signature-slot)*65% - 30px)}}
.annual-hero-host{position:relative;isolation:isolate;overflow:hidden}
.annual-hero-backdrop{z-index:0;background:radial-gradient(ellipse at 0 10%,color-mix(in srgb,var(--annual-accent) 24%,transparent),transparent 60%),radial-gradient(ellipse at 100% 95%,color-mix(in srgb,var(--annual-secondary) 25%,transparent),transparent 60%),linear-gradient(100deg,#0e1625f5 0%,#101b2acc 45%,transparent 80%)}
.annual-hero-host>.hero-copy,.annual-hero-host>.couple-frame,.annual-hero-host>figure,.annual-hero-host>div:not(.annual-hero-backdrop):not(.hero-grain),.annual-hero-host>h1,.annual-hero-host>p{position:relative;z-index:1}
.annual-hero-backdrop .annual-signature{width:240px;height:240px;transform:scale(1.8);transform-origin:0 100%;left:calc(var(--signature-slot)*68%);opacity:.22}
.annual-hero-backdrop .annual-motif{opacity:.3}
.annual-hero-backdrop::before,.annual-hero-backdrop::after{opacity:.45}
body[data-annual-celebrations~=mickey-minnie] .annual-hero-backdrop{background:radial-gradient(circle,#fff2dc2b 3px,transparent 4px) 0 0/35px 35px,linear-gradient(110deg,#391527ee,#311c2ae0 48%,#17263888)}
body[data-annual-celebrations~=revenge-fifth] .annual-hero-backdrop{background:radial-gradient(ellipse at 90% 5%,#7c253444,transparent 65%),linear-gradient(100deg,#171021f5,#221222bb)}
body[data-annual-celebrations~=life-day] .annual-hero-backdrop{background:radial-gradient(ellipse at 95% 70%,#49643c55,transparent 60%),linear-gradient(100deg,#13271ff5,#212a20aa)}
@media(max-width:700px){.annual-hero-backdrop .annual-signature{transform:scale(1.1);opacity:.14}.annual-hero-backdrop .annual-motif{opacity:.22}.annual-hero-backdrop{background:linear-gradient(#152031ed,#182634dc),radial-gradient(ellipse at 0 0,var(--annual-accent),transparent 80%)}}
/* V19: sixteen authored miniature scenes. Seven structural pieces per scene,
   re-used as choreography rather than adding particle or animation-frame work. */
.annual-signature .signature-part{animation-duration:18s;animation-delay:calc(var(--part)*-1.8s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:paused;transform-origin:50% 70%;box-sizing:border-box}
.annual-signature[data-engaged=true]{filter:drop-shadow(0 0 24px color-mix(in srgb,var(--signature-ink) 65%,transparent));opacity:.8;transition:opacity 1.2s ease,filter 1.2s ease}
.annual-hero-backdrop .annual-signature[data-engaged=true]{opacity:.4}
/* A gateway of tilted orbital tracks and measured light-beam sweeps. */
.annual-signature[data-look=galactic] .signature-part{width:calc(60px + var(--part)*13px);height:calc(60px + var(--part)*13px);left:calc(60px - var(--part)*7px);bottom:calc(25px - var(--part)*2px);border:2px solid var(--signature-ink);border-radius:50%;background:none;box-shadow:inset 0 0 12px #92caff22;animation-name:annual-galactic-scene}
.annual-signature[data-look=galactic] .signature-part:nth-child(even){width:3px;height:130px;left:calc(30px + var(--part)*18px);border:0;background:var(--signature-alt);box-shadow:0 0 15px var(--signature-ink);border-radius:5px;animation-name:annual-gateway-beam}
/* The next-day fan tradition is angular, not a recoloured round orbit. */
.annual-signature[data-look=sith] .signature-part{width:calc(55px + var(--part)*13px);height:calc(55px + var(--part)*13px);left:calc(65px - var(--part)*7px);bottom:15px;border:2px solid var(--signature-ink);border-radius:2px;background:linear-gradient(135deg,#e2788510,transparent 65%);box-shadow:none;clip-path:polygon(0 0,100% 0,100% 100%,65% 100%,65% 40%,0 40%);animation-name:annual-sith-scene}
.annual-signature[data-look=sith] .signature-part:nth-child(even){border-color:var(--signature-alt);opacity:.6}
/* A quiet retro star voyage: receding golden star diamonds and horizon rails. */
.annual-signature[data-look=retro] .signature-part{width:calc(8px + var(--part)*4px);height:calc(8px + var(--part)*4px);left:calc(15px + var(--part)*24px);bottom:calc(40px + var(--part)*9px);border:0;border-radius:0;background:var(--signature-ink);clip-path:polygon(50% 0,58% 39%,100% 50%,58% 61%,50% 100%,42% 61%,0 50%,42% 39%);animation-name:annual-retro-scene}
.annual-signature[data-look=retro]::after{content:'';position:absolute;inset:65% 0 0;background:repeating-linear-gradient(0deg,transparent 0 12px,#eed59a55 13px 14px);transform:perspective(140px) rotateX(55deg)}
/* Life Day lights gather into a warm constellation, then drift apart. */
.annual-signature[data-look=lifeday] .signature-part{width:25px;height:25px;left:calc(10px + var(--part)*23px);bottom:calc(25px + var(--part)*14px);border:1px solid #fff3c777;border-radius:50%;background:radial-gradient(circle,#fff4ca 0 9%,var(--signature-ink) 25%,#244f3e 70%);box-shadow:0 0 18px #ffe3a544;animation-name:annual-lifeday-scene}
/* A circle-and-bow waltz. Polka-dot ribbons are original geometric fan art. */
.annual-signature[data-look=polkadot] .signature-part{width:38px;height:38px;left:calc(5px + var(--part)*21px);bottom:calc(22px + var(--part)*12px);border-radius:50%;background:radial-gradient(circle,#fff6df 2px,transparent 3px) 0 0/10px 10px,var(--signature-ink);animation-name:annual-polkadot-scene}
.annual-signature[data-look=polkadot] .signature-part:nth-child(even){width:48px;height:30px;border-radius:5px;clip-path:polygon(0 0,45% 35%,55% 35%,100% 0,100% 100%,55% 65%,45% 65%,0 100%)}
/* Sailor pennants crest on a looping harbour swell. */
.annual-signature[data-look=sailor] .signature-part{width:42px;height:35px;left:calc(var(--part)*24px);bottom:calc(20px + var(--part)*8px);background:linear-gradient(0deg,var(--signature-ink) 0 35%,#fff6df 36% 50%,var(--signature-ink) 51%);clip-path:polygon(0 15%,35% 15%,35% 0,45% 0,45% 15%,100% 15%,90% 100%,15% 100%);animation-name:annual-sailor-scene}
.annual-signature[data-look=sailor]::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 14px,#8ec7ff44 15px 17px,transparent 18px 30px)}
/* Two woodland friends: acorns follow staggered arcs among copper leaves. */
.annual-signature[data-look=acorn] .signature-part{width:28px;height:36px;left:calc(5px + var(--part)*24px);bottom:calc(25px + var(--part)*13px);border-radius:40% 40% 65% 65%;background:linear-gradient(#866540 0 32%,var(--signature-ink) 33%);animation-name:annual-acorn-scene}
.annual-signature[data-look=acorn] .signature-part:nth-child(even){width:24px;height:43px;border-radius:90% 0 90% 0;background:var(--signature-alt);animation-direction:alternate-reverse}
/* Jaunty green hats make a gentle, deliberately off-beat bounce. */
.annual-signature[data-look=goofy] .signature-part{width:30px;height:48px;left:calc(var(--part)*25px);bottom:calc(12px + var(--part)*11px);border-radius:14px 9px 3px 3px;background:linear-gradient(var(--signature-alt) 0 64%,#40324f 65% 78%,var(--signature-alt) 79%);animation-name:annual-goofy-scene}
.annual-signature[data-look=goofy] .signature-part::after{content:'';position:absolute;left:-8px;bottom:-3px;width:45px;height:8px;border-radius:50%;background:var(--signature-alt)}
/* Paw impressions travel as a warm staggered trail, never flashing on/off. */
.annual-signature[data-look=pluto] .signature-part{width:24px;height:21px;left:calc(8px + var(--part)*23px);bottom:calc(15px + var(--part)*15px);border-radius:55% 55% 40% 40%;background:var(--signature-ink);box-shadow:-10px -10px 0 -6px var(--signature-ink),0 -16px 0 -6px var(--signature-ink),10px -10px 0 -6px var(--signature-ink);animation-name:annual-pluto-scene}
/* Lavender flowers unfurl around pink ribbon loops. */
.annual-signature[data-look=daisy] .signature-part{width:29px;height:29px;left:calc(7px + var(--part)*24px);bottom:calc(24px + var(--part)*11px);border-radius:50%;background:radial-gradient(circle,#fff1c7 0 18%,transparent 20%),var(--signature-ink);box-shadow:14px 0 0 -5px var(--signature-alt),-14px 0 0 -5px var(--signature-alt),0 14px 0 -5px var(--signature-alt),0 -14px 0 -5px var(--signature-alt);animation-name:annual-daisy-scene}
/* Honeycomb home and looping bees, kept to the existing seven-piece budget. */
.annual-signature[data-look=honey] .signature-part{width:34px;height:38px;left:calc(7px + var(--part)*24px);bottom:calc(14px + var(--part)*11px);background:var(--signature-ink);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);animation-name:annual-honey-scene}
.annual-signature[data-look=honey] .signature-part:nth-child(even){width:20px;height:13px;border-radius:50%;clip-path:none;background:repeating-linear-gradient(90deg,#e8c25c 0 5px,#4a3928 5px 8px);box-shadow:0 -7px 0 -2px #fff4ddaa;animation-name:annual-bee-circuit}
/* Tropical waves and elliptical little planets share one gentle orbit. */
.annual-signature[data-look=stitch] .signature-part{width:62px;height:27px;left:calc(-3px + var(--part)*20px);bottom:calc(18px + var(--part)*15px);border-top:4px solid var(--signature-ink);border-radius:50%;background:transparent;animation-name:annual-stitch-scene}
.annual-signature[data-look=stitch] .signature-part:nth-child(even){width:22px;height:22px;border:2px solid var(--signature-alt);background:var(--signature-ink);box-shadow:0 0 13px #8ec9f344;animation-direction:alternate-reverse}
/* Castle windows illuminate in a procession along the architectural skyline. */
.annual-signature[data-look=castle] .signature-part{background:repeating-linear-gradient(0deg,transparent 0 13px,#fff4c577 14px 17px,transparent 18px 29px),linear-gradient(0deg,#172e49,var(--signature-ink));animation-name:annual-castle-scene;animation-duration:16s}
/* Facets and orbital tracks turn slowly around the EPCOT-inspired sphere. */
.annual-signature[data-look=sphere] .signature-part{background:repeating-conic-gradient(from 30deg,#a9d9ed14 0 60deg,transparent 60deg 120deg);animation-name:annual-sphere-scene}
/* A marquee procession moves beneath three restrained premiere searchlights. */
.annual-signature[data-look=premiere] .signature-part{animation-name:annual-premiere-scene;animation-duration:24s}
.annual-signature[data-look=premiere] .signature-part:nth-child(even){width:18px;height:72px;bottom:0;background:repeating-linear-gradient(0deg,var(--signature-ink) 0 6px,#513f32 7px 12px);clip-path:none;border:1px solid var(--signature-alt);animation-name:annual-marquee-glow}
/* A living canopy opens and closes around a sculptural branching trunk. */
.annual-signature[data-look=jungle] .signature-part{animation-name:annual-jungle-scene;animation-duration:22s}
.annual-signature[data-look=jungle]::before{content:'';position:absolute;left:76px;bottom:0;width:20px;height:130px;background:#9a774c;clip-path:polygon(40% 0,60% 0,64% 34%,100% 13%,76% 48%,72% 100%,15% 100%,29% 52%,0 30%,33% 42%)}
@keyframes annual-galactic-scene{from{transform:rotate(calc(var(--part)*18deg)) scaleX(.48)}to{transform:rotate(calc(var(--part)*18deg + 48deg)) scaleX(.75)}}
@keyframes annual-gateway-beam{from{transform:rotate(-18deg) translateY(7px);opacity:.45}to{transform:rotate(18deg) translateY(-7px);opacity:.8}}
@keyframes annual-sith-scene{from{transform:rotate(32deg) scale(.84);opacity:.45}to{transform:rotate(48deg) scale(1.04);opacity:.8}}
@keyframes annual-retro-scene{from{transform:translate3d(-15px,8px,0) scale(.7);opacity:.45}to{transform:translate3d(15px,-13px,0) scale(1.1);opacity:.85}}
@keyframes annual-lifeday-scene{from{transform:translate3d(-7px,12px,0) scale(.85)}to{transform:translate3d(8px,-15px,0) scale(1.08)}}
@keyframes annual-polkadot-scene{from{transform:translateY(8px) rotate(-12deg)}to{transform:translateY(-12px) rotate(14deg)}}
@keyframes annual-sailor-scene{from{transform:translate3d(-8px,6px,0) rotate(-7deg)}to{transform:translate3d(9px,-7px,0) rotate(8deg)}}
@keyframes annual-acorn-scene{from{transform:translate3d(-9px,-8px,0) rotate(-24deg)}to{transform:translate3d(10px,15px,0) rotate(22deg)}}
@keyframes annual-goofy-scene{0%,100%{transform:translateY(0) rotate(-8deg)}45%{transform:translateY(-15px) rotate(9deg)}70%{transform:translateY(-5px) rotate(-3deg)}}
@keyframes annual-pluto-scene{from{transform:translateY(8px) rotate(-16deg);opacity:.4}to{transform:translateY(-7px) rotate(10deg);opacity:.9}}
@keyframes annual-daisy-scene{from{transform:rotate(-18deg) scale(.8)}to{transform:rotate(20deg) scale(1.04)}}
@keyframes annual-honey-scene{from{transform:translateY(4px) rotate(-4deg)}to{transform:translateY(-5px) rotate(6deg)}}
@keyframes annual-bee-circuit{0%{transform:translate(-10px,0) rotate(-8deg)}33%{transform:translate(8px,-13px) rotate(10deg)}66%{transform:translate(15px,4px) rotate(-5deg)}100%{transform:translate(-10px,0) rotate(-8deg)}}
@keyframes annual-stitch-scene{from{transform:translateX(-10px) rotate(-10deg)}to{transform:translateX(12px) rotate(12deg)}}
@keyframes annual-castle-scene{from{opacity:.45;transform:translateY(0)}to{opacity:.9;transform:translateY(-2px)}}
@keyframes annual-sphere-scene{from{opacity:.5;transform:scaleX(calc(.2 + var(--part)*.12)) rotate(-4deg)}to{opacity:.9;transform:scaleX(calc(.23 + var(--part)*.11)) rotate(5deg)}}
@keyframes annual-premiere-scene{from{transform:rotate(-25deg);opacity:.45}to{transform:rotate(25deg);opacity:.75}}
@keyframes annual-marquee-glow{from{opacity:.5;transform:translateY(2px)}to{opacity:.9;transform:translateY(-2px)}}
@keyframes annual-jungle-scene{from{transform:rotate(-13deg) scale(.95)}to{transform:rotate(11deg) scale(1.05)}}
/* Re-state motion guards after the recipes so the cascade cannot restart them. */
[data-running=true] .signature-part{animation-play-state:running}
body[data-pixie-motion=paused] .signature-part,body[data-pixie-motion=hidden] .signature-part,body[data-pixie-motion=reduced] .signature-part{animation-play-state:paused!important}
body[data-pixie-motion=paused] .annual-signature,body[data-pixie-motion=reduced] .annual-signature{transition:none!important}
@media(prefers-reduced-motion:reduce){.signature-part{animation:none!important}.annual-signature{transition:none!important}}
@media(max-width:700px){.annual-signature .signature-part:nth-child(n+6){display:none}.annual-signature{filter:none}.annual-signature[data-engaged=true]{filter:none;opacity:.65}.annual-hero-backdrop .annual-signature[data-engaged=true]{opacity:.3}}