#home.cozy-hero{z-index:2;overflow:visible;padding:30px 24px 6px;min-height:min(740px,calc(100svh - var(--parcel-header,86px)));justify-content:flex-start;background:#fffaf0}
body.events-view #home.parcel-hero,body.catalog-view #home.parcel-hero{display:none}
#home.cozy-hero:before,#home.cozy-hero:after{display:none}
.cozy-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.cozy-backdrop>picture,.cozy-backdrop img{display:block;width:100%;height:100%}
.cozy-backdrop img{object-fit:cover;object-position:center 65%}
.cozy-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fffaf03d 0%,transparent 28%,transparent 73%,#fffaf0 100%)}
.cozy-light{position:absolute;inset:0;background:linear-gradient(125deg,transparent 16%,#fff9dd3b 24%,transparent 33%);animation:cozy-light 12s ease-in-out infinite;pointer-events:none}
#home.cozy-hero .parcel-heading h1{font-size:clamp(36px,4.3vw,66px);text-shadow:0 2px 14px #fffaf0c9;line-height:1.04}
#home.cozy-hero .parcel-heading{margin:0 auto;max-width:90%;padding:0 14px}
#home.cozy-hero .parcel-heading h1:after{content:'';display:block;margin:12px auto 0;width:84px;height:5px;border-radius:50%;background:#ff944f;transform:rotate(-3deg)}
#home.cozy-hero .parcel-kicker,#home.cozy-hero .parcel-heading p{display:none}
#home.cozy-hero .parcel-stage{width:min(94%,900px);aspect-ratio:1000/560;margin:6px auto -4px}
.cozy-hero .parcel-rig{perspective:950px}
#home.cozy-hero .parcel-body,#home.cozy-hero .parcel-front{left:0;width:100%;bottom:3%;transition:opacity 350ms}
#home.cozy-hero .parcel-front{clip-path:inset(57% 0 0)}
.parcel-closed-body{position:absolute;left:13%;bottom:3%;width:74%;height:auto;z-index:5;pointer-events:none;transition:opacity 280ms}
#home.cozy-hero .parcel-lid{left:13%;width:74%;bottom:33%;z-index:6}
.cozy-hero[data-state="closed"] .parcel-body,.cozy-hero[data-state="closed"] .parcel-front{opacity:0}
.cozy-hero:not([data-state="closed"]) .parcel-closed-body{opacity:0}
#home.cozy-hero .parcel-cat[data-cat="happy"]{left:31%;width:31%;bottom:31.5%;z-index:3}
#home.cozy-hero .parcel-cat[data-cat="daisy"]{left:10%;width:28%;bottom:32%;z-index:3}
#home.cozy-hero .parcel-cat[data-cat="dobby"]{left:59%;width:29%;bottom:32%;z-index:3}
#home.cozy-hero .parcel-cat[data-cat="grumpurr"]{left:47%;width:29%;bottom:54%;z-index:2}
#home.cozy-hero .parcel-tap-hint{top:8%;font-size:13px;text-shadow:0 1px 8px #fffaf0}
#home.cozy-hero .parcel-stage:before{bottom:1%;left:15%;right:15%;height:6%;background:#53321835;filter:blur(11px)}
#home.cozy-hero .parcel-actions{min-height:62px;width:100%;gap:0}
#home.cozy-hero .parcel-next{font-size:14px;color:#654635;min-height:48px;padding:8px 24px;text-shadow:0 1px 6px #fffaf0;font-weight:700;opacity:1;visibility:visible;transform:none}
#home.cozy-hero .parcel-replay{bottom:18px;background:#fffaf0d9;border-color:#c6a98b80}
.cozy-flight{position:absolute;inset:0 auto auto 0;width:100%;pointer-events:none;z-index:9;opacity:0;transition:opacity 350ms;overflow:visible}
.cozy-flight.is-visible{opacity:1}
.cozy-flight svg.cozy-trail{position:absolute;left:0;top:0;overflow:visible;fill:none;stroke:#e99d59;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1 6;opacity:.65}
.cozy-butterfly{position:absolute;top:0;left:0;width:62px;height:58px;transform-origin:center;opacity:1;filter:drop-shadow(0 2px 3px #ffd18e60)}
.cozy-butterfly img{width:100%;height:100%;object-fit:contain;animation:cozy-wing 750ms ease-in-out infinite;transform-origin:50% 60%}
.cozy-flight.cozy-morphing{transition:none}
.cozy-morph-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.cozy-morph-flower{display:inline-block;margin:0;padding:0;white-space:nowrap;transform-origin:50% 50%}
.cozy-morph-halo{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;border:1px solid #f5bb7280;background:radial-gradient(circle,#ffd69533,transparent 68%);opacity:0;pointer-events:none}
#mascots .heading-flower.cozy-morph-target{opacity:var(--cozy-flower-opacity,1)}
.cozy-spark{position:absolute;z-index:5;color:#ffb34d;width:24px;height:30px;opacity:0;pointer-events:none}
.cozy-spark svg{width:100%;height:100%;fill:currentColor;stroke:#fffaf0;stroke-width:1.5}
.cozy-spark:nth-of-type(1){left:8%;top:38%;--spark-delay:-1s}.cozy-spark:nth-of-type(2){right:8%;top:28%;--spark-delay:-3s}.cozy-spark:nth-of-type(3){right:3%;top:60%;width:17px;--spark-delay:-5s}
.cozy-hero[data-state="opening"] .cozy-spark{animation:cozy-twinkle 1.6s ease both}
.cozy-hero[data-state="idle"] .cozy-spark,.cozy-hero[data-state="invite"] .cozy-spark{animation:cozy-twinkle 7s ease-in-out var(--spark-delay) infinite}
.cozy-confetti{position:absolute;left:50%;top:55%;z-index:5;width:6px;height:12px;background:#ef9855;border-radius:3px;opacity:0;pointer-events:none;--dx:0px;--dy:-100px;--turn:120deg;--delay:0ms}
.cozy-hero[data-burst] .cozy-confetti{animation:cozy-burst 780ms cubic-bezier(.18,.65,.3,1) var(--delay) both}
.cozy-hero[data-state="opening"] .parcel-body{animation:cozy-unfold 620ms cubic-bezier(.2,1.25,.3,1) both}
.cozy-hero[data-paused] .cozy-light,.cozy-hero[data-paused] .cozy-butterfly img,.cozy-hero[data-paused] .cozy-spark,.cozy-hero[data-paused] .cozy-confetti{animation-play-state:paused!important}
@keyframes cozy-light{0%,100%{opacity:.3}50%{opacity:.8}}
@keyframes cozy-wing{0%,100%{transform:rotate(-7deg) scaleX(1)}50%{transform:rotate(7deg) scaleX(.64)}}
@keyframes cozy-twinkle{0%,20%,100%{opacity:0;transform:scale(.6)}8%,12%{opacity:.85;transform:scale(1)}}
@keyframes cozy-burst{0%{opacity:0;transform:translate(0,20px) scale(.4)}15%{opacity:.9}100%{opacity:0;transform:translate(calc(var(--dx)*var(--burst-scale,1)),calc(var(--dy)*var(--burst-scale,1))) rotate(var(--turn)) scale(.8)}}
@keyframes cozy-unfold{0%{transform:scale(.88,.75);opacity:0}65%{transform:scale(1.015,1.03);opacity:1}100%{transform:none;opacity:1}}
@media(max-width:760px){
 #home.cozy-hero{min-height:0;padding:24px 12px 4px}
 #home.cozy-hero .parcel-heading{padding:0;max-width:100%}
 #home.cozy-hero .parcel-heading h1{font-size:clamp(31px,8.5vw,42px);line-height:1.07}
 #home.cozy-hero .parcel-heading h1:after{margin-top:10px;width:62px;height:4px}
 #home.cozy-hero .parcel-stage{width:100%;aspect-ratio:1000/680;margin:8px auto 0}
 #home.cozy-hero .parcel-body,#home.cozy-hero .parcel-front{width:106%;left:-3%;bottom:4%}
 #home.cozy-hero .parcel-closed-body{left:10%;width:80%;bottom:4%}
 #home.cozy-hero .parcel-lid{left:10%;width:80%;bottom:33%}
 #home.cozy-hero .parcel-cat[data-cat="happy"]{left:29%;width:35%;bottom:30%;z-index:3}
 #home.cozy-hero .parcel-cat[data-cat="daisy"]{left:5%;width:31%;bottom:30.5%}
 #home.cozy-hero .parcel-cat[data-cat="dobby"]{left:62%;width:31%;bottom:30.5%}
 #home.cozy-hero .parcel-cat[data-cat="grumpurr"]{left:45%;width:32%;bottom:53%}
 #home.cozy-hero .parcel-tap-hint{font-size:11px;top:9%}
 #home.cozy-hero .parcel-actions{min-height:58px}
 #home.cozy-hero .parcel-next{font-size:12px;max-width:calc(100% - 60px);padding:6px 8px}
 #home.cozy-hero .parcel-replay{right:10px;bottom:12px;width:36px;height:36px}
 .cozy-butterfly{width:44px;height:41px}.cozy-spark{width:18px;height:22px}.cozy-confetti{--burst-scale:.48}.cozy-confetti:nth-child(even){display:none}
 .cozy-backdrop img{object-position:center 60%}
}
@media(prefers-reduced-motion:reduce){.cozy-light,.cozy-butterfly img,.cozy-spark,.cozy-confetti,.cozy-hero .parcel-body{animation:none!important}.cozy-flight{transition:none}.cozy-flight .cozy-trail{display:none}.cozy-hero .parcel-closed-body{transition:none}}

/* A short invitation, a curious wobble, then a quiet pause. Closed state only. */
#home.cozy-hero .parcel-tap-hint{top:3%;display:flex;flex-direction:column;align-items:center;gap:7px;z-index:9}
.cozy-tap-label{display:inline-flex!important;align-items:center;gap:12px;margin:0!important;padding:9px 18px;border:1px solid #e8b28b;border-radius:40px;background:#fffaf0e8;color:#805137!important;box-shadow:0 3px 14px #8f633916;text-shadow:none;font-size:15px;line-height:1.2}
.cozy-tap-label strong{font-weight:800}
.cozy-tap-label .cozy-tap-arrow{margin:0;color:#eb7d3f;font-size:19px;line-height:1}
.cozy-tap-whisper{font-size:12px;font-weight:700;line-height:1.3;color:#8a6750;text-shadow:0 1px 8px #fffaf0}
.cozy-hero[data-state="closed"] .parcel-rig{animation:cozy-curious-wiggle 4.8s ease-in-out infinite;transition:scale 220ms ease}
.cozy-hero[data-state="closed"] .cozy-tap-label{animation:cozy-tap-breathe 4.8s ease-in-out infinite}
.cozy-hero[data-state="closed"] .cozy-tap-whisper{animation:cozy-whisper 4.8s ease-in-out infinite}
.cozy-hero[data-state="closed"] .cozy-tap-arrow{animation:cozy-tap-point 4.8s ease-in-out infinite}
.cozy-hero[data-state="closed"] .cozy-spark{animation:cozy-twinkle 6s ease-in-out var(--spark-delay) infinite}
.cozy-hero[data-state="closed"] .parcel-open:before{content:'';position:absolute;inset:18% 9% 2%;border-radius:16%;background:linear-gradient(110deg,transparent 33%,#fff9df00 42%,#fff9df66 49%,#fff9df00 56%,transparent 66%);background-size:260% 100%;background-repeat:no-repeat;opacity:0;mix-blend-mode:screen;pointer-events:none;animation:cozy-ribbon-glint 6.8s ease-in-out infinite}
.cozy-hero[data-state="closed"] .parcel-open:after{content:'';position:absolute;left:50%;top:39%;width:58px;height:58px;border:2px solid #fff5d4;border-radius:50%;box-shadow:0 0 0 1px #ef9a5470,0 0 17px #ffd17a70;opacity:0;pointer-events:none;animation:cozy-tap-ripple 4.8s ease-out infinite}
.cozy-wiggle-mark{position:absolute;top:57%;width:26px;height:36px;z-index:7;opacity:0;color:#ed924b;pointer-events:none}
.cozy-wiggle-mark:before,.cozy-wiggle-mark:after{content:'';position:absolute;width:10px;height:23px;border:2px solid currentColor;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;top:4px;left:0;transform:rotate(-12deg)}
.cozy-wiggle-mark:after{left:10px;top:0;height:31px;opacity:.6}
.cozy-wiggle-left{left:8%;rotate:180deg}.cozy-wiggle-right{right:8%}
.cozy-hero[data-state="closed"] .cozy-wiggle-mark{animation:cozy-wiggle-lines 4.8s ease-in-out infinite}
.cozy-hero[data-paused] .cozy-tap-label,.cozy-hero[data-paused] .cozy-tap-whisper,.cozy-hero[data-paused] .cozy-tap-arrow,.cozy-hero[data-paused] .cozy-wiggle-mark,.cozy-hero[data-paused] .parcel-open:before,.cozy-hero[data-paused] .parcel-open:after{animation-play-state:paused!important}
@keyframes cozy-curious-wiggle{0%,55%,85%,100%{transform:none}60%{transform:translateY(-3px) rotate(-1.7deg)}66%{transform:translateY(-6px) rotate(2deg)}72%{transform:translateY(-3px) rotate(-1.6deg)}78%{transform:translateY(-1px) rotate(.7deg)}}
@keyframes cozy-tap-breathe{0%,40%,100%{transform:none;opacity:.82;box-shadow:0 3px 14px #8f633916}58%,78%{transform:translateY(-2px) scale(1.045);opacity:1;box-shadow:0 4px 22px #ee9c4a38}}
@keyframes cozy-whisper{0%,28%,100%{opacity:.62}55%,78%{opacity:1}}
@keyframes cozy-tap-point{0%,40%,85%,100%{transform:none}56%,72%{transform:translateY(3px)}64%{transform:translateY(0)}}
@keyframes cozy-ribbon-glint{0%,50%,100%{opacity:0;background-position:120% 0}57%{opacity:.6}73%{opacity:0;background-position:-20% 0}}
@keyframes cozy-tap-ripple{0%,45%,100%{opacity:0;transform:translate(-50%,-50%) scale(.55)}52%{opacity:.75}78%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}
@keyframes cozy-wiggle-lines{0%,55%,85%,100%{opacity:0;translate:0 0}62%,74%{opacity:.8;translate:0 -3px}68%{opacity:.4;translate:0 0}}
@media(hover:hover) and (pointer:fine){.cozy-hero[data-state="closed"]:has(.parcel-open:hover) .parcel-rig{scale:1.012}.cozy-hero[data-state="closed"]:has(.parcel-open:hover) .cozy-tap-label{border-color:#ef8e47;color:#c76229!important;background:#fff7e4}}
.cozy-hero[data-state="closed"]:has(.parcel-open:active) .parcel-rig{scale:.985}
@media(max-width:760px){
 #home.cozy-hero .parcel-tap-hint{top:2%;gap:5px}
 .cozy-tap-label{padding:7px 13px;font-size:12px;gap:8px}.cozy-tap-label .cozy-tap-arrow{font-size:15px}.cozy-tap-whisper{font-size:10px}
 .cozy-wiggle-mark{width:20px;height:28px;scale:.75}.cozy-wiggle-left{left:5%}.cozy-wiggle-right{right:5%}
 .cozy-hero[data-state="closed"] .parcel-open:after{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
 #home.cozy-hero .parcel-rig,#home.cozy-hero .cozy-tap-label,#home.cozy-hero .cozy-tap-whisper,#home.cozy-hero .cozy-tap-arrow,#home.cozy-hero .cozy-wiggle-mark,#home.cozy-hero .parcel-open:before,#home.cozy-hero .parcel-open:after{animation:none!important}
 .cozy-tap-label,.cozy-tap-whisper{opacity:1}
}

.cozy-reveal-burst{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:clip}
.cozy-burst-bit{position:absolute;left:50%;top:58%;display:grid;place-items:center;width:34px;height:34px;line-height:1;color:var(--burst-color,#ed954e);font-size:28px;font-weight:700;opacity:0;transform-origin:center;text-shadow:0 1px 2px #fffaf0a0;--burst-mobile-scale:1}
.cozy-burst-bit.is-strip{width:7px;height:24px;border-radius:3px;background:var(--burst-color);font-size:0}
.cozy-burst-bit.is-curl{width:25px;height:34px;border:3px solid var(--burst-color);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;font-size:0}
.cozy-hero[data-burst] .cozy-burst-bit{animation:cozy-big-burst 1150ms cubic-bezier(.12,.65,.3,1) var(--burst-delay) both}
.cozy-burst-glow{position:absolute;left:15%;right:15%;top:16%;bottom:12%;z-index:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse,#fff4c0aa 0%,#ffd58c44 40%,transparent 70%);mix-blend-mode:screen;transform-origin:center 70%}
.cozy-hero[data-burst] .cozy-burst-glow{animation:cozy-reveal-glow 1150ms ease-out both}
.cozy-hero[data-paused] .cozy-burst-bit,.cozy-hero[data-paused] .cozy-burst-glow{animation-play-state:paused!important}
@keyframes cozy-big-burst{0%{opacity:0;transform:translate(-50%,10px) scale(.25) rotate(0deg)}12%{opacity:.95}55%{opacity:.9}100%{opacity:0;transform:translate(calc(-50% + var(--burst-x)*var(--burst-mobile-scale)),calc(var(--burst-y)*var(--burst-mobile-scale))) scale(var(--burst-end-scale,.8)) rotate(var(--burst-rotation))}}
@keyframes cozy-reveal-glow{0%{opacity:0;transform:scale(.3,.4)}20%{opacity:.9}100%{opacity:0;transform:scale(1.2)}}
@media(max-width:760px){.cozy-burst-bit{--burst-mobile-scale:.43;width:24px;height:24px;font-size:21px}.cozy-burst-bit:nth-child(3n){display:none}.cozy-burst-bit.is-strip{width:5px;height:17px}.cozy-burst-bit.is-curl{width:18px;height:24px}}
@media(prefers-reduced-motion:reduce){#home .cozy-burst-bit,#home .cozy-burst-glow{animation:none!important;opacity:0!important}}
.cozy-ambient-butterflies{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:5;opacity:0;transition:opacity 450ms ease-out 180ms}
.cozy-hero:not([data-state="closed"]) .cozy-ambient-butterflies{opacity:calc(1 - var(--cozy-guide-focus,0)*.94)}
.cozy-ambient-butterfly{position:absolute;width:44px;height:40px;animation:cozy-ambient-drift var(--flutter-time,6s) ease-in-out var(--flutter-delay,0s) infinite;transform-origin:center;filter:drop-shadow(0 2px 5px #ffc76b40)}
.cozy-ambient-butterfly img{display:block;width:100%;height:100%;object-fit:contain;animation:cozy-wing var(--wing-time,800ms) ease-in-out var(--flutter-delay,0s) infinite}
.cozy-ambient-butterfly:nth-child(1){left:3%;top:27%;--flutter-time:6.2s;--flutter-delay:-1.5s;--wing-time:720ms;rotate:-22deg}
.cozy-ambient-butterfly:nth-child(2){left:8%;top:64%;width:31px;--flutter-time:7.4s;--flutter-delay:-4s;--wing-time:950ms;rotate:15deg}
.cozy-ambient-butterfly:nth-child(3){left:21%;top:8%;width:29px;--flutter-time:8s;--flutter-delay:-2.5s;--wing-time:820ms;rotate:-12deg}
.cozy-ambient-butterfly:nth-child(4){right:3%;top:28%;width:46px;--flutter-time:6.8s;--flutter-delay:-3s;--wing-time:680ms;rotate:22deg}
.cozy-ambient-butterfly:nth-child(5){right:7%;top:64%;width:30px;--flutter-time:7.8s;--flutter-delay:-5s;--wing-time:900ms;rotate:-15deg}
.cozy-ambient-butterfly:nth-child(6){right:20%;top:6%;width:28px;--flutter-time:8.5s;--flutter-delay:-.5s;--wing-time:760ms;rotate:12deg}
.cozy-hero[data-paused] .cozy-ambient-butterfly,.cozy-hero[data-paused] .cozy-ambient-butterfly img,.cozy-hero[data-state="closed"] .cozy-ambient-butterfly,.cozy-hero[data-state="closed"] .cozy-ambient-butterfly img{animation-play-state:paused!important}
@keyframes cozy-ambient-drift{0%,100%{translate:0 0;transform:rotate(-4deg)}35%{translate:9px -14px;transform:rotate(8deg)}70%{translate:-5px -5px;transform:rotate(-6deg)}}
@media(max-width:760px){.cozy-ambient-butterfly{width:28px;height:28px}.cozy-ambient-butterfly:nth-child(2),.cozy-ambient-butterfly:nth-child(5){display:none}.cozy-ambient-butterfly:nth-child(3),.cozy-ambient-butterfly:nth-child(6){width:23px}.cozy-ambient-butterfly:nth-child(4){width:30px}}
@media(prefers-reduced-motion:reduce){.cozy-ambient-butterflies{transition:none}.cozy-ambient-butterfly,.cozy-ambient-butterfly img{animation:none!important}}

/* Illustrated gold and cream ornaments scale with the parcel, never the viewport. */
.cozy-parcel-aura{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:1;transition:opacity 500ms}
.cozy-aura-bit{position:absolute;left:var(--aura-x);top:var(--aura-y);width:calc(var(--aura-size)*.1%);aspect-ratio:1;display:block;transform-origin:center;filter:drop-shadow(0 0 6px #ffd98270);animation:cozy-aura-shimmer var(--aura-time) ease-in-out var(--aura-delay) infinite}
.cozy-aura-bit svg{display:block;width:100%;height:100%;overflow:visible}
.aura-star-edge{fill:#fff1ae;stroke:#d98725;stroke-width:2.5;stroke-linejoin:round}
.aura-star-shine{fill:#fffbdc}
.aura-flower-edge{fill:#ffce89;stroke:#c77a3d;stroke-width:2.5;stroke-linejoin:round}
.aura-flower-inner{fill:#fff1bf}
.cozy-aura-bit.is-mote{border-radius:50%;background:#ffe29c;box-shadow:0 0 7px 2px #fff4d0}
.cozy-aura-arcs{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#df9c37;stroke-width:2.5;stroke-dasharray:1 7;stroke-linecap:round;animation:cozy-aura-trail 7s ease-in-out infinite}
.cozy-hero:not([data-state="closed"]) .cozy-parcel-aura{opacity:calc(.48 - var(--cozy-guide-focus,0)*.43)}
#home.cozy-hero .parcel-tap-hint{top:73.5%;left:19%;right:19%;gap:0;transform:translateY(-50%)}
#home.cozy-hero .cozy-tap-label{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:9px;color:#52301c!important;font-size:clamp(23px,3.4vw,34px);font-weight:900;letter-spacing:-.025em;white-space:nowrap;text-shadow:0 0 11px #ffe4a5,0 0 4px #fff6d2;-webkit-text-stroke:4px #fff4d6;paint-order:stroke fill}
.cozy-tap-label strong{font-weight:900}
.cozy-tap-gesture{width:46px;height:50px;flex:none;overflow:visible;fill:#fff7d9;stroke:#694125;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;paint-order:normal;filter:drop-shadow(0 0 4px #ffe4a5);animation:cozy-gesture-tap 2.8s ease-in-out infinite}
.cozy-tap-gesture .cozy-gesture-rays{fill:none;stroke:#dc922c;stroke-width:1.8;animation:cozy-gesture-rays 2.8s ease-in-out infinite}
.cozy-hero[data-state="closed"] .cozy-tap-label{animation:cozy-label-glow 3.8s ease-in-out infinite}
.cozy-hero[data-state="closed"] .parcel-open:after{display:none}
@media(hover:hover) and (pointer:fine){.cozy-hero[data-state="closed"]:has(.parcel-open:hover) .cozy-tap-label{background:transparent;color:#82451e!important}}
.cozy-hero[data-paused] .cozy-aura-bit,.cozy-hero[data-paused] .cozy-aura-arcs,.cozy-hero[data-paused] .cozy-tap-gesture,.cozy-hero[data-paused] .cozy-gesture-rays{animation-play-state:paused!important}
.cozy-hero:not([data-state="closed"]) .cozy-tap-label,.cozy-hero:not([data-state="closed"]) .cozy-tap-gesture,.cozy-hero:not([data-state="closed"]) .cozy-gesture-rays{animation-play-state:paused}
@keyframes cozy-aura-shimmer{0%,100%{opacity:.65;transform:translate(-50%,-50%) scale(.85) rotate(-6deg)}45%{opacity:1;transform:translate(-50%,calc(-50% - 5px)) scale(1.06) rotate(6deg)}70%{opacity:.8;transform:translate(-50%,calc(-50% - 2px)) scale(.94)}}
@keyframes cozy-aura-trail{0%,100%{opacity:.55;stroke-dashoffset:0}50%{opacity:1;stroke-dashoffset:-16}}
@keyframes cozy-label-glow{0%,100%{opacity:.9;translate:0 1px}50%{opacity:1;translate:0 -2px}}
@keyframes cozy-gesture-tap{0%,25%,70%,100%{translate:0 1px;rotate:4deg}42%,56%{translate:0 -3px;rotate:-3deg}49%{translate:0 0;rotate:0deg}}
@keyframes cozy-gesture-rays{0%,25%,85%,100%{opacity:.25}42%,65%{opacity:1}}
@media(max-width:760px){
 #home.cozy-hero .parcel-tap-hint{top:73.5%;left:15%;right:15%}
 #home.cozy-hero .cozy-tap-label{font-size:clamp(18px,5.4vw,25px);gap:7px;-webkit-text-stroke:2.5px #fff4d6}
 .cozy-tap-gesture{width:33px;height:37px}
 .cozy-aura-arcs{stroke-width:3}
 .cozy-aura-bit{filter:drop-shadow(0 0 3px #ffd98270)}
}
@media(prefers-reduced-motion:reduce){.cozy-aura-bit,.cozy-aura-arcs,.cozy-tap-gesture,.cozy-gesture-rays,#home.cozy-hero .cozy-tap-label{animation:none!important}.cozy-aura-bit{opacity:.85;transform:translate(-50%,-50%)}.cozy-gesture-rays{opacity:.7}.cozy-parcel-aura{transition:none}}

.cozy-flight .cozy-butterfly>img{filter:drop-shadow(0 1px 1px #a0682e80) drop-shadow(0 0 4px #fff6d4)}

/* Keep the phone scroll path to one composited guide; decorative loops rest. */
@media(max-width:760px){
 .cozy-flight .cozy-butterfly,.cozy-flight .cozy-butterfly>img{filter:none}
 .cozy-flight .cozy-butterfly{will-change:transform}
 .cozy-hero[data-guide-active] .cozy-aura-bit,.cozy-hero[data-guide-active] .cozy-aura-arcs,
 .cozy-hero[data-guide-active] .cozy-ambient-butterfly,.cozy-hero[data-guide-active] .cozy-ambient-butterfly img,
 .cozy-hero[data-guide-active] .parcel-cat-art,.cozy-hero[data-guide-active] .parcel-eyelid,
 .cozy-hero[data-guide-active] .cozy-light,.cozy-hero[data-guide-active] .cozy-spark{animation-play-state:paused!important}
 .cozy-hero:not([data-state="closed"]) .cozy-aura-arcs{display:none}
 .cozy-hero .cozy-aura-bit,.cozy-hero .cozy-ambient-butterfly{filter:none}
}

/* The landing glyph has the same colour, line box and silhouette as its target. */
.cozy-flight.cozy-morphing .cozy-butterfly{filter:none}
.cozy-morph-glyph{display:flex;align-items:center;justify-content:center;line-height:0}
.cozy-morph-flower{display:block}
.cozy-morph-halo{width:44px;height:44px;border:0;background:radial-gradient(circle,#ffd69522,transparent 68%)}

/* A brief, scroll-scrubbed light change gives the gold guide its own scene.
   Only opacity and translation change: no full-screen blur or animated mask. */
.cozy-cinema-scrim{position:fixed;inset:var(--parcel-header,86px) 0 0;z-index:8;background:linear-gradient(180deg,#211b19 0%,#30231b 65%,#31291f 100%);opacity:0;pointer-events:none;contain:strict}
#home[data-cinema-active] .cozy-cinema-scrim{will-change:opacity}
#mascots>.wrap{translate:0 var(--cozy-arrival-y,0px)}
.cozy-focus-aura{position:absolute;left:50%;top:50%;width:156px;height:156px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff4cf80 0%,#ffd57636 24%,#ffcf6512 48%,transparent 70%);opacity:0;pointer-events:none;z-index:-1}
.cozy-focus-aura:before,.cozy-focus-aura:after{content:'✦';position:absolute;color:#ffe8a5;font-size:13px;line-height:1;left:21%;top:32%;transform:rotate(12deg)}
.cozy-focus-aura:after{font-size:8px;left:72%;top:66%;transform:rotate(-18deg)}
.cozy-flight .cozy-butterfly>img{position:relative;z-index:1;scale:1;transform-origin:center}
#home[data-cinema-active] .cozy-flight .cozy-trail{stroke:#ffd688;stroke-width:2.5}
@media(max-width:760px){.cozy-focus-aura{width:104px;height:104px}.cozy-focus-aura:before{font-size:9px}.cozy-focus-aura:after{font-size:6px}}
@media(prefers-reduced-motion:reduce){.cozy-cinema-scrim,.cozy-focus-aura{display:none!important}#mascots>.wrap{translate:none!important}}

/* The guide wakes the page: light first, then four small character greetings. */
.cozy-backdrop{transform-origin:center bottom}
#mascots .mood-heading h2{opacity:var(--cozy-heading-light,1)}
#mascots .cast-art{opacity:var(--cozy-cast-light,1);translate:0 var(--cozy-cast-rise,0px);rotate:var(--cozy-cast-tilt,0deg)}
#mascots .heading-flower.cozy-morph-target{position:relative}
.cozy-landing-ring{position:absolute;left:50%;top:50%;width:62px;height:62px;border:1px solid #ecad56;border-radius:50%;background:radial-gradient(circle,#fff2bb55,transparent 65%);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.15)}
.cozy-landing-ring:nth-child(2){width:44px;height:44px;border-color:#ffce86}
@media(max-width:760px){.cozy-landing-ring{width:42px;height:42px}.cozy-landing-ring:nth-child(2){width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.cozy-landing-ring{display:none}#mascots .cast-art{opacity:1!important;translate:none!important;rotate:none!important}#mascots .mood-heading h2{opacity:1!important}.cozy-backdrop{transform:none!important}}

.cozy-page-crest{position:absolute;left:0;bottom:-24px;width:100%;height:54px;border-radius:50% 50% 0 0/85% 85% 0 0;background:#fffaf0;box-shadow:0 -10px 24px #4e302e09;z-index:7;opacity:0;pointer-events:none;transform-origin:center bottom}
.cozy-gold-dust{position:absolute;inset:0;opacity:0;pointer-events:none}
.cozy-gold-dust i{position:absolute;left:calc(38% + var(--mote-i)*7%);top:calc(-10% - var(--mote-i)*13%);width:3px;height:3px;border-radius:50%;background:#ffeab0;box-shadow:0 0 5px #ffc65b90;animation:cozy-guide-dust 1600ms ease-out calc(var(--mote-i)*-260ms) infinite;animation-play-state:paused}
#home[data-cinema-active] .cozy-gold-dust i{animation-play-state:running}
@keyframes cozy-guide-dust{0%{opacity:0;transform:translateY(6px) scale(.5)}30%{opacity:.9}100%{opacity:0;transform:translateY(-14px) scale(.25)}}
@media(max-width:760px){.cozy-page-crest{height:34px;bottom:-17px;box-shadow:none}.cozy-gold-dust i:nth-child(n+3){display:none}.cozy-gold-dust i{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.cozy-page-crest,.cozy-gold-dust{display:none!important}}

/* Directional light: the old scene recedes while the next scene stays warm. */
.cozy-cinema-scrim{background:linear-gradient(180deg,#211813 0%,#2e2118e8 24%,#38291bb0 48%,#5c3c202e 72%,transparent 94%)}
#home .parcel-heading,#home .parcel-actions{opacity:var(--cozy-story-quiet,1)}
.cozy-focus-aura{width:220px;height:220px;background:radial-gradient(ellipse,#fff8dcbd 0%,#ffe5a851 15%,#ffce6521 35%,transparent 68%)}
.cozy-focus-aura:before{font-size:16px;left:28%;top:26%}
.cozy-focus-aura:after{font-size:10px;left:68%;top:72%}
.cozy-landing-ring{border-color:#f8c86d}
@media(max-width:760px){
 .cozy-cinema-scrim{background:linear-gradient(180deg,#2b2017 0%,#3b2b1ac9 32%,#5e412039 65%,transparent 90%)}
}
@media(prefers-reduced-motion:reduce){#home .parcel-heading,#home .parcel-actions{opacity:1}}

/* Small compositor-only banking; position remains attached to native scroll. */
.cozy-flight .cozy-butterfly{rotate:0deg;transition:rotate 160ms cubic-bezier(.22,.61,.36,1)}
.cozy-flight .cozy-butterfly>img{rotate:-20deg;animation:cozy-guide-wing 780ms ease-in-out infinite;transform-origin:50% 60%}
@keyframes cozy-guide-wing{0%,100%{transform:rotate(-2deg) scaleX(1)}50%{transform:rotate(2deg) scaleX(.72)}}
@media(prefers-reduced-motion:reduce){.cozy-flight .cozy-butterfly{transition:none}.cozy-flight .cozy-butterfly>img{animation:none!important}}
