html.sx-offer-open{overflow:hidden}
body.sx-root dialog.sx-offer-dialog{width:max-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:10px;background:#fff;color:#090909;overflow:hidden;box-shadow:0 18px 80px #0008}
.sx-offer-dialog::backdrop{background:#000a}
.sx-offer-dialog .sx-offer-link{display:block;color:#090909;text-decoration:none}
.sx-offer-dialog .sx-offer-artwork{position:relative;overflow:hidden;line-height:0}
.sx-offer-dialog .sx-offer-image{display:block;width:auto;height:auto;max-width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:0;object-fit:contain;opacity:1;mix-blend-mode:normal}
body.sx-root .sx-offer-dialog .sx-offer-close{position:absolute;z-index:3;top:6px;right:6px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:10px;border:2px solid #fff;border-radius:50%;background:#090909;color:#fff;cursor:pointer;box-shadow:0 2px 8px #0004}
.sx-offer-close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5}
.sx-offer-dialog .sx-offer-link:focus-visible{outline:3px solid #1659a6;outline-offset:-4px}
.sx-offer-dialog .sx-offer-fallback{display:block;width:min(420px,calc(100vw - 24px));padding:70px 24px 30px;font:600 22px/1.5 Montserrat,Arial,sans-serif}
.sx-offer-leaves{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none}
.sx-offer-leaf{position:absolute;left:26%;top:88%;width:6%;height:auto;opacity:0;filter:drop-shadow(0 2px 2px #5c361f33);animation:sxOfferLeaf 3.8s ease-out infinite;animation-play-state:paused;will-change:transform,opacity}
.sx-offer-leaf:nth-child(2){left:30%;top:91%;width:5%;animation-delay:-1.1s;animation-duration:4.4s}
.sx-offer-leaf:nth-child(3){left:23%;top:92%;width:7%;animation-delay:-2.2s;animation-duration:4.1s}
.sx-offer-leaf:nth-child(4){left:34%;top:87%;width:4%;animation-delay:-.6s;animation-duration:3.5s}
.sx-offer-dialog[open] .sx-offer-panel:not([hidden]) .sx-offer-leaf{animation-play-state:running}
@keyframes sxOfferLeaf{0%{opacity:0;transform:translate(0,0) rotate(-10deg) scale(.65)}10%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(-650%,-180%) rotate(190deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.sx-offer-leaf{animation:none!important;opacity:1;transform:rotate(-12deg)}.sx-offer-leaf:nth-child(2){left:13%;top:90%;transform:rotate(20deg)}.sx-offer-leaf:nth-child(3){left:42%;top:94%;transform:rotate(40deg)}.sx-offer-leaf:nth-child(4){display:none}}

/* Shared dialog, two independently lazy-loaded artworks. */
.sx-offer-dialog [hidden]{display:none!important}
.sx-offer-dialog .sx-offer-steam{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none;user-select:none}
.sx-offer-steam .sx-steam-wisp{fill:none;stroke:url(#sx-raclette-steam-gradient);stroke-width:14;stroke-linecap:round;filter:url(#sx-raclette-steam-soft);opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:sxOfferSteam 5.8s ease-out infinite;animation-play-state:paused;will-change:transform,opacity}
.sx-offer-steam .sx-steam-wisp:nth-of-type(2){stroke-width:18;animation-duration:6.6s;animation-delay:-2.1s}
.sx-offer-steam .sx-steam-wisp:nth-of-type(3){stroke-width:12;animation-duration:5.2s;animation-delay:-3.4s}
.sx-offer-steam .sx-steam-wisp:nth-of-type(4){stroke-width:9;animation-duration:6.2s;animation-delay:-4.7s}
.sx-offer-dialog[open] .sx-offer-panel:not([hidden]) .sx-steam-wisp{animation-play-state:running}
@keyframes sxOfferSteam{0%{opacity:0;transform:translate(-3px,12px) scale(.85)}18%{opacity:.62}62%{opacity:.4}100%{opacity:0;transform:translate(17px,-66px) scale(1.18)}}
@media(prefers-reduced-motion:reduce){.sx-offer-steam .sx-steam-wisp{animation:none!important;transform:none;opacity:.22}}