/* Exact storefront footer structure, scoped and recolored for the blog. */
.blog-footer-transition{position:relative;isolation:isolate;width:100%;height:220px;margin-top:48px;margin-bottom:-1px;overflow:hidden;background:transparent}
.blog-footer-transition svg{display:block;width:100%;height:100%}
.blog-footer-transition>img{position:absolute;width:74px;height:74px;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 10px 28px #c69ae56b)}
.blog-storefront-footer{background:#301340;color:#fff;padding:56px 24px;font-family:Lato,sans-serif;font-weight:300;line-height:1.6}
.blog-storefront-footer *{box-sizing:border-box;font-family:Lato,sans-serif;font-weight:300!important;text-transform:none}
.blog-storefront-footer a,.blog-storefront-footer summary{color:#fff;text-decoration:none;transition:color .2s,opacity .2s}
.blog-storefront-footer a:hover{color:#e6c7ff;text-decoration:underline;text-underline-offset:4px}
.blog-storefront-footer a:focus-visible,.blog-storefront-footer summary:focus-visible{outline:2px solid #e6c7ff;outline-offset:5px}
.blog-storefront-footer img{display:block;object-fit:contain;max-width:100%;border:0;border-radius:0}
.blog-storefront-footer h3{font-size:25px;margin:24px 0 0;line-height:1.3}
.blog-storefront-footer h3:first-child{margin-top:0}
.blog-storefront-footer p{margin:0}
.blog-storefront-footer .mx-auto{margin-inline:auto}
.blog-storefront-footer .max-w-\[1440px\]{max-width:1440px}
.blog-storefront-footer .flex{display:flex}.blog-storefront-footer .inline-flex{display:inline-flex}
.blog-storefront-footer .flex-col{flex-direction:column}.blog-storefront-footer .flex-wrap{flex-wrap:wrap}
.blog-storefront-footer .items-center{align-items:center}.blog-storefront-footer .items-end{align-items:flex-end}
.blog-storefront-footer .justify-center{justify-content:center}.blog-storefront-footer .justify-between{justify-content:space-between}
.blog-storefront-footer .text-center{text-align:center}.blog-storefront-footer .text-left{text-align:left}
.blog-storefront-footer .gap-8{gap:32px}.blog-storefront-footer .gap-6{gap:24px}.blog-storefront-footer .gap-4{gap:16px}.blog-storefront-footer .gap-3{gap:12px}.blog-storefront-footer .gap-2{gap:8px}.blog-storefront-footer .gap-1{gap:4px}
.blog-storefront-footer .pb-10{padding-bottom:40px}.blog-storefront-footer .pt-10{padding-top:40px}.blog-storefront-footer .pb-6{padding-bottom:24px}.blog-storefront-footer .pt-4{padding-top:16px}
.blog-storefront-footer .mt-10{margin-top:40px}.blog-storefront-footer .mt-8{margin-top:32px}.blog-storefront-footer .mt-6{margin-top:24px}.blog-storefront-footer .mb-\[60px\]{margin-bottom:60px}
.blog-storefront-footer .grid{display:grid;grid-template-columns:1fr;gap:40px}
.blog-storefront-footer .h-\[1px\]{height:1px;background:linear-gradient(90deg,transparent,#9d62bd99 25%,#e7caffcc 50%,#9d62bd99 75%,transparent);box-shadow:0 0 3px #d0a1f066}
.blog-storefront-footer .w-full{width:100%}.blog-storefront-footer .h-full{height:100%}
.blog-storefront-footer .h-\[56px\]{height:56px;width:56px}.blog-storefront-footer .h-5{height:20px;width:20px}
.blog-storefront-footer .h-3\.5{height:14px;width:14px}.blog-storefront-footer .shrink-0{flex-shrink:0}
.blog-storefront-footer .text-\[15px\]{font-size:15px;line-height:24px}.blog-storefront-footer .text-\[13px\]{font-size:13px}.blog-storefront-footer .text-\[10px\]{font-size:10px}
.blog-storefront-footer .text-\[0\.95rem\]{font-size:.95rem}.blog-storefront-footer .text-\[11px\]{font-size:11px}
.blog-storefront-footer .footer-menu-head{font-size:25px;font-style:italic;font-weight:300}
.blog-storefront-footer .social-icon-animate:hover{transform:translateY(-3px)}
.blog-storefront-footer .hidden{display:none}
.blog-storefront-footer .max-w-\[384px\]{max-width:384px}.blog-storefront-footer .max-w-\[720px\]{max-width:720px}
.blog-storefront-footer .us-animated-logo{width:176.4px;height:auto}
.blog-storefront-footer .footer-menu-head.lowercase{font-size:23px;line-height:1;margin-left:4px;margin-bottom:9px}
.blog-storefront-footer .inline-block{display:inline-block}.blog-storefront-footer .align-\[-0\.2em\]{vertical-align:-.2em}
.blog-storefront-footer .footer-legal-muted{color:#d8c4e3;font-size:12px;line-height:1.6}
.blog-storefront-footer nav.mb-\[14px\]{margin-bottom:14px;gap:15px}
.blog-storefront-footer .pt-\[25px\]{padding-top:25px}
.blog-storefront-footer p.footer-legal-muted{font-size:11px}
.blog-footer-dropdown{position:relative;width:max-content;max-width:100%}
.blog-footer-dropdown-label{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}
.blog-footer-dropdown-label::-webkit-details-marker{display:none}.blog-footer-dropdown-label:after{content:'⌄';font-size:16px;margin-left:8px}
.blog-footer-dropdown-label img{width:20px;height:20px;position:static!important}
.blog-footer-dropdown-panel{position:absolute;bottom:calc(100% + 12px);left:0;z-index:50;background:#301340;border:1px solid #a47abc66;border-radius:18px;padding:16px;box-shadow:0 12px 50px #10071899;width:320px;max-width:calc(100vw - 48px);max-height:65vh;overflow:auto}
.blog-footer-dropdown-panel .grid{display:block}.blog-footer-dropdown-panel a{display:flex;gap:8px;align-items:center;padding:7px 4px;line-height:1.5}
.blog-footer-dropdown-panel img{position:static!important;width:24px!important;height:20px!important;object-fit:contain}
.blog-footer-dropdown-panel a>span:has(img){position:static;display:block;width:24px;height:20px;flex-shrink:0}
.blog-footer-dropdown-panel p{margin-top:12px;font-size:13px}
.blog-storefront-footer .justify-between>.blog-footer-dropdown:last-child .blog-footer-dropdown-panel{left:auto;right:0}
@media(min-width:768px){.blog-footer-transition{height:280px}.blog-footer-transition>img{width:110px;height:110px}.blog-storefront-footer{padding:64px 32px}.blog-storefront-footer .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-storefront-footer .md\:hidden{display:none}.blog-storefront-footer .md\:block{display:block}.blog-storefront-footer .us-animated-logo{width:218.4px}}
@media(min-width:1200px){.blog-footer-transition{height:320px}.blog-footer-transition>img{width:129px;height:129px}.blog-storefront-footer .us-animated-logo{width:260.4px}}
@media(prefers-reduced-motion:reduce){.blog-storefront-footer *{transition:none!important}.blog-storefront-footer .social-icon-animate:hover{transform:none}}
/* Same 60-second wave morph as the storefront, with a static reduced-motion frame. */
@media(prefers-reduced-motion:no-preference){.blog-footer-transition path:first-of-type{animation:blog-footer-fill 60s linear infinite}.blog-footer-transition path:last-of-type{animation:blog-footer-edge 60s linear infinite}}
@keyframes blog-footer-fill{50%{d:path('M0,160L80,181.3C160,203,320,245,480,234.7C640,224,800,160,960,144C1120,128,1280,160,1360,176L1440,192V320H0V160Z')}}
@keyframes blog-footer-edge{50%{d:path('M0,160L80,181.3C160,203,320,245,480,234.7C640,224,800,160,960,144C1120,128,1280,160,1360,176L1440,192')}}