/* Morphing is decorative. Text and audio stay fully usable without motion. */
.gift-header{min-height:100px}.hero{overflow:clip;overflow-clip-margin:70px}.moon-scene{isolation:isolate;transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) + var(--scroll-y,0px)),0) rotate(var(--pointer-rotate,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1);will-change:transform}.morph-aura{position:absolute;inset:-11%;width:122%;height:122%;z-index:-1;overflow:visible;fill:none;stroke:none;pointer-events:none}.morph-aura .aura-fill{fill:url(#auraGradient);opacity:.85}.morph-aura .aura-stroke{stroke:#d4b58985;stroke-width:.8;vector-effect:non-scaling-stroke;fill:none}.morph-aura .aura-echo{stroke:#d4b5892e;stroke-width:.65;fill:none;transform:rotate(38deg);transform-origin:center;stroke-dasharray:2 9}.hero .orbit.outer{border-color:#d4b58960;animation:orbital-drift 46s linear infinite}.hero .orbit.inner{border-color:#d4b58940;animation:orbit-breathe 9s ease-in-out infinite}.moon-crop{animation:moon-float 7s ease-in-out infinite;box-shadow:0 0 70px #d4b58916,0 24px 60px #0003;will-change:transform}.orbital-star{animation:star-breathe 5s ease-in-out infinite}.orbital-star.s2{animation-delay:-2.5s}.hero h1{background:linear-gradient(110deg,var(--cream) 15%,var(--cream) 36%,#e2bd80 48%,var(--cream) 59%,var(--cream) 85%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:name-shimmer 11s ease-in-out infinite}.hero .gold-button{border-radius:5px 18px 5px 18px;position:relative;overflow:hidden;box-shadow:0 4px 25px #d4b58910;transition:border-radius .6s,background .3s,box-shadow .4s,transform .4s}.hero .gold-button:hover,.hero .gold-button:focus-visible{border-radius:22px 5px 22px 5px;box-shadow:0 8px 38px #d4b58935;transform:translateY(-3px)}.hero .gold-button svg{transition:transform .4s}.hero .gold-button:hover svg{transform:translateY(4px)}.hero .gold-button:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,#fff8,transparent);transform:translateX(160%) skew(-20deg);pointer-events:none}.hero .gold-button:hover:after{animation:button-shine .9s ease}.letter-section{isolation:isolate}.letter-wave{position:absolute;top:-58px;left:0;width:100%;height:60px;pointer-events:none;overflow:visible;stroke:none;fill:var(--cream)}.letter-side .line-flower path{stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 2.3s cubic-bezier(.2,.6,.2,1)}.letter-side.is-drawn .line-flower path{stroke-dashoffset:0}.music-spark{display:inline-block;transition:transform 1s ease}.music-heading:hover .music-spark{transform:rotate(180deg) scale(1.18)}.record-art{transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s;transform:perspective(700px) rotateY(var(--record-tilt,0deg))}.record-art:hover{box-shadow:0 24px 80px #0007,0 0 45px #d4b58912}.closing>span{display:inline-block;animation:closing-star 10s ease-in-out infinite}.motion-toggle{position:fixed;bottom:20px;left:20px;z-index:15;min-height:44px;min-width:44px;border-radius:50%;border:1px solid #d4b58966;background:#101514ed;backdrop-filter:blur(10px);color:var(--gold);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 15px #0003;transition:background .2s}.motion-toggle:hover{background:#263225}.motion-toggle svg{height:16px;width:16px}.motion-paused .moon-crop,.motion-paused .orbit,.motion-paused .orbital-star,.motion-paused .hero h1,.motion-paused .closing>span{animation-play-state:paused!important}.motion-paused .moon-scene{transform:none;transition:none;will-change:auto}
@keyframes orbital-drift{to{transform:rotate(340deg)}}@keyframes orbit-breathe{0%,100%{border-radius:50%;transform:rotate(-20deg) scale(1)}50%{border-radius:45% 55% 48% 52% / 51% 46% 54% 49%;transform:rotate(10deg) scale(1.04)}}@keyframes moon-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes star-breathe{0%,100%{opacity:.5;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(30deg)}}@keyframes name-shimmer{0%,20%{background-position:120% 50%}60%,100%{background-position:-100% 50%}}@keyframes button-shine{to{transform:translateX(-160%) skew(-20deg)}}@keyframes closing-star{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(90deg) scale(1.2)}}
@media(max-width:650px){.gift-header{min-height:80px}.gift-header .header-caption{display:block;font-size:10px}.morph-aura{inset:-10%;width:120%;height:120%}.hero{padding-bottom:115px;overflow-clip-margin:35px}.moon-crop{animation-duration:8s}.letter-wave{height:35px;top:-33px}.motion-toggle{left:14px;bottom:14px}.moon-scene{will-change:auto}@keyframes moon-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}}
@media(prefers-reduced-motion:reduce){.moon-scene{transform:none!important;transition:none!important;will-change:auto}.motion-toggle{display:none}.letter-side .line-flower path{stroke-dashoffset:0;transition:none}.hero h1{background:none;color:var(--cream)}.moon-crop{will-change:auto}}