/* Single coordinate system keeps box resting in both hands at every width. */
.exchange-art.exchange-hands{flex:0 0 80px;width:80px;height:102px;margin:0 -3px 0 -6px}
.exchange-art.exchange-hands svg{inset:0;width:100%;height:100%;rotate:0;overflow:visible}
.exchange-copy{padding-left:1px}.exchange-kicker{font-size:28px}.exchange-copy strong{font-size:15px;margin-right:-2px;padding:4px 2px}
.gift-handoff-scene{transform-origin:80px 100px;animation:handoff-breathe 7.3s ease-in-out infinite}
.handoff-spark{transform-origin:24px 25px;animation:star-wink 4.8s ease-in-out infinite}
/* Museum: much larger signature, moving light behind the untouched original logo. */
.museum-teaser{display:grid;place-items:center;padding:3px 5px 20px;background:radial-gradient(ellipse at 50% 42%,#8254a9 0%,#342f70 42%,#111e4a 82%)}
.museum-teaser:before{width:100px;height:100px;left:calc(50% - 50px);top:-9px;border:1px solid #e5b9ff66;box-shadow:0 0 22px #efbaff55,inset 0 0 20px #d184fe33;animation:museum-halo 8s ease-in-out infinite}
.museum-teaser:after{content:'';position:absolute;inset:-45% 26%;z-index:-1;background:linear-gradient(90deg,transparent,#e7c0ff44,transparent);transform-origin:center;animation:museum-searchlight 9s ease-in-out infinite alternate;pointer-events:none}
.museum-portal{width:100%;height:96px;display:grid;place-items:center;flex:none;z-index:1}
.museum-portal img{width:135px;height:103px;max-width:none;object-fit:contain;animation:museum-hover 7.6s ease-in-out infinite}
.museum-copy{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);z-index:2;background:#172047d9;border:1px solid #f2d3ff66;border-radius:20px;padding:2px 14px;box-shadow:0 0 11px #df9af333}
.museum-copy strong{font-size:18px;line-height:1.1;letter-spacing:1px}.museum-spark{top:15px;left:12px}
/* Small staggered motion bursts, followed by quiet holds. Works without hover. */
.social .brand-icon{animation:icon-hop 8s ease-in-out infinite!important;transform-origin:50% 75%}
.social:nth-child(2) .brand-icon{animation-name:icon-jiggle!important;animation-delay:-1.5s!important}
.social:nth-child(3) .brand-icon{animation-delay:-3s!important}
.social:nth-child(4) .brand-icon{animation-name:icon-jiggle!important;animation-delay:-4.5s!important}
.social:nth-child(5) .brand-icon{animation-delay:-6s!important}
.wolt-wordmark img{animation:icon-scoot 9s ease-in-out infinite!important}
.service-bear>img:first-child{animation:icon-jiggle 8.7s ease-in-out infinite!important;transform-origin:50% 90%}
.service-whatsapp{animation:icon-hop 7.8s ease-in-out -3s infinite!important}
.newsletter-art .newsletter-candy{animation:icon-hop 9.2s ease-in-out -4s infinite!important}
.newsletter-envelope{animation:icon-jiggle 9.2s ease-in-out -4.3s infinite!important;transform-origin:center}
.shop-arrow svg,.mail>svg{animation:icon-nudge 9.5s ease-in-out -2s infinite}
.accessibility-trigger svg{animation:icon-jiggle 15s ease-in-out -6s infinite;transform-origin:center}
.group-logo,.group-brands>img{animation:brand-breathe 12s ease-in-out infinite}.group-brands>img{animation-delay:-5s}
@keyframes icon-hop{0%,68%,100%{translate:0 0;scale:1}73%{translate:0 1px;scale:1}79%{translate:0 -5px;scale:1}85%{translate:0 0;scale:1}91%{translate:0 -2px;scale:1}}
@keyframes icon-jiggle{0%,70%,100%{rotate:0deg;translate:0 0}76%{rotate:-6deg;translate:0 -2px}82%{rotate:5deg;translate:0 -3px}88%{rotate:-2deg;translate:0 0}93%{rotate:1deg}}
@keyframes icon-scoot{0%,72%,100%{translate:0 0;rotate:0deg}78%{translate:3px 0;rotate:-3deg}85%{translate:-3px -3px;rotate:2deg}92%{translate:0 0;rotate:0deg}}
@keyframes icon-nudge{0%,72%,100%{translate:0 0}80%{translate:-3px 0}88%{translate:1px 0}}
@keyframes brand-breathe{0%,70%,100%{scale:1}83%{scale:1.025}}
@keyframes handoff-breathe{0%,65%,100%{transform:translate(0,0) rotate(0)}75%{transform:translate(3px,-3px) rotate(3deg)}85%{transform:translate(-2px,-1px) rotate(-2deg)}}
@keyframes star-wink{0%,65%,100%{scale:1;rotate:0deg}80%{scale:1.3;rotate:45deg}}
@keyframes museum-halo{50%{scale:1.08;rotate:25deg;box-shadow:0 0 27px #efbaff77,inset 0 0 24px #d184fe44}}
@keyframes museum-searchlight{from{rotate:-28deg}to{rotate:28deg}}
@keyframes museum-hover{0%,70%,100%{translate:0 0}85%{translate:0 -3px}}
@media(max-width:350px){.exchange-art.exchange-hands{flex-basis:65px;width:65px;margin-left:-7px}.exchange-kicker{font-size:24px}.exchange-copy strong{font-size:13px}.museum-portal img{width:125px;height:99px}.museum-copy strong{font-size:17px}}
.paused .social .brand-icon,.paused .wolt-wordmark img,.paused .service-bear img,.paused .newsletter-art>*,.paused .shop-arrow svg,.paused .mail>svg,.paused .accessibility-trigger svg,.paused .group-logo,.paused .group-brands>img,.paused .gift-handoff-scene,.paused .handoff-spark,.paused .museum-teaser:before,.paused .museum-teaser:after,.paused .museum-portal img{animation-play-state:paused!important}
.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.social .brand-icon,.wolt-wordmark img,.service-bear img,.newsletter-art>*,.shop-arrow svg,.mail>svg,.accessibility-trigger svg,.group-logo,.group-brands>img,.gift-handoff-scene,.handoff-spark,.museum-teaser:before,.museum-teaser:after,.museum-portal img{animation:none!important}}
/* Keep the format caption on two generous lines, with its own full-width base. */
.exchange-teaser{display:block;padding:0}
.exchange-art.exchange-hands{position:absolute;right:1px;top:1px;width:81px;height:85px;margin:0}
.exchange-copy{position:absolute;inset:0;padding:0}
.exchange-kicker{position:absolute;left:5px;top:9px;width:calc(100% - 76px);font-size:27px;margin:0;line-height:.94}
.exchange-copy strong{position:absolute;left:6px;right:6px;bottom:6px;font-size:14px;line-height:1.05;margin:0;padding:4px 3px;rotate:1deg}
.exchange-copy strong br{display:block}
.museum-portal{position:absolute;inset:-5px 0 auto;height:100px}
.museum-portal img{height:100px;width:133px}
.museum-copy{bottom:3px;padding:2px 12px}.museum-copy strong{font-size:17px}
@media(max-width:350px){.exchange-art.exchange-hands{width:70px;right:0}.exchange-kicker{width:calc(100% - 63px);font-size:23px;left:2px;top:12px}.exchange-copy strong{font-size:13px;left:5px;right:5px}.museum-portal img{width:128px;height:98px}}