/* One gradient spans the entire scrollable selection, not each offer. */
.connectedPromos.loudPromos{background:transparent;isolation:isolate;padding:0;gap:0}
.promotionTrack{display:flex;flex:none;width:max-content;min-width:100%;background:linear-gradient(105deg,#310409 0%,#8e0710 20%,#d6111c 47%,#b20b16 73%,#3d060c 100%)}
.promotionTrack .photoPromo{background:transparent!important;flex:0 0 278px;min-width:278px}
.promotionTrack .photoPromo .promoFood{background-image:url('/assets/promotions-food-cutout.webp');background-size:400% auto;background-repeat:no-repeat}
.promotionTrack .photoPromo:after{background:linear-gradient(0deg,#17080c9c,transparent 45%)}
.signatureSpotlight{margin:12px 0 40px}.signatureSpotlight .sectiontitle{margin-bottom:20px}.signatureSpotlight .sectiontitle p{font-size:12px;color:#777;margin-top:11px}
.signatureFrame{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#21171b;box-shadow:0 14px 40px #1b101510}
.signatureSceneHost{position:relative}.signatureScene{position:relative;min-height:410px;overflow:hidden;isolation:isolate;background:#332320;color:white;animation:signatureSceneIn .65s ease both}
.signature-pink{background:#e7a9af;color:#351b26}.signature-back{background:#1d1009}.signature-italian{background:#f5efe5;color:#2c3123}
.signatureVisual{position:absolute;inset:0 0 0 32%;overflow:hidden}.signatureVisual img{width:100%;height:100%;object-fit:cover;object-position:center;animation:signatureFoodDrift 6.5s cubic-bezier(.2,.5,.2,1) both;will-change:transform}.signatureVisualShade{position:absolute;inset:0;background:linear-gradient(90deg,#1d1009 0%,#1d100900 35%)}
.signature-pink .signatureVisualShade{background:linear-gradient(90deg,#e7a9af 0%,#e7a9af00 42%)}.signature-italian .signatureVisualShade{background:linear-gradient(90deg,#f5efe5 0%,#f5efe500 42%)}
.signatureCopy{position:relative;z-index:2;max-width:55%;padding:42px 0 42px 40px;min-height:410px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;pointer-events:none}.signatureCopy button{pointer-events:auto}.signatureBrand{font:800 11px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;border:1px solid currentColor;border-radius:30px;padding:7px 12px;animation:signatureCopyIn .6s .1s both}.signatureHook{font:500 15px/1.5 Outfit,Arial,sans-serif;margin:22px 0 8px;opacity:.8;animation:signatureCopyIn .6s .2s both}.signatureCopy h3{font:400 clamp(30px,4.2vw,63px)/1.04 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.5px;max-width:390px;margin:0 0 25px;animation:signatureCopyIn .6s .3s both;text-wrap:balance}.signatureBottom{display:flex;gap:22px;align-items:center;flex-wrap:wrap;animation:signatureCopyIn .6s .4s both}.signatureBottom>strong{font:800 23px Outfit,Arial,sans-serif}.signatureDiscover{display:flex;align-items:center;gap:18px;background:white;color:#241e21;border:0;border-radius:40px;padding:13px 18px;font:800 11px 'DM Sans',Arial,sans-serif;cursor:pointer;box-shadow:0 4px 20px #0001}.signatureDiscover span{font-size:21px;line-height:1}.signature-italian .signatureDiscover{background:#293c2c;color:#fff}.signature-pink .signatureDiscover{background:#38212c;color:#fff}
.signatureWatermark{position:absolute;bottom:-35px;right:12px;font:400 150px/1 Anton,Impact,sans-serif;letter-spacing:-5px;opacity:.06;pointer-events:none;z-index:1}
.signatureControlBar{position:relative;display:flex;gap:10px;align-items:center;background:#fff;padding:14px 20px;color:#272126}.signatureControlBar>button{height:34px;min-width:34px;border-radius:30px;border:1px solid #e9e5e5;background:#fff;font:700 12px 'DM Sans',Arial,sans-serif;cursor:pointer}.signatureControlBar>button[data-signature=pause]{padding:0 13px}.signatureControlBar>button:not([data-signature=pause]){font-size:23px}.signatureCount{margin-left:auto;margin-right:8px;color:#777;font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:1px}.signatureDots{display:flex;gap:3px}.signatureDots button{width:28px;height:30px;display:grid;place-items:center;background:none;border:0;cursor:pointer}.signatureDots span{width:6px;height:6px;border-radius:50%;background:#d8d1d3;transition:width .25s,background .25s}.signatureDots [aria-current=true] span{width:21px;border-radius:5px;background:#ec3433}.signatureFrame button:focus-visible{outline:3px solid #ee3433;outline-offset:3px}.signatureProgress{position:absolute;bottom:0;left:0;height:3px;background:#ed302b;width:100%;transform-origin:left;animation:signatureProgress 6.5s linear both}.signatureStill .signatureProgress{animation:none;transform:scaleX(1)}.signatureStill .signatureScene,.signatureStill .signatureCopy>*{animation-play-state:paused!important}.signatureHover .signatureProgress,.signatureOffscreen .signatureProgress{animation-play-state:paused}
@keyframes signatureFoodDrift{from{transform:scale(1.025) translateX(1%)}to{transform:scale(1.09) translateX(-1%)}}
@keyframes signatureCopyIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes signatureSceneIn{from{opacity:0}to{opacity:1}}@keyframes signatureProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:800px){.promotionTrack .photoPromo{flex-basis:250px;min-width:250px}.signatureCopy{padding-left:28px}.signatureCopy h3{font-size:41px}.signatureVisual{left:25%}}
@media(max-width:600px){.promotionTrack .photoPromo{flex-basis:233px;min-width:233px}.signatureSpotlight{margin-bottom:32px}.signatureSpotlight .signatureTitle{font-size:26px!important}.signatureFrame{border-radius:20px}.signatureScene{min-height:520px}.signatureVisual{inset:0 0 32%}.signatureVisual img{object-fit:cover;object-position:center 45%}.signatureVisualShade{background:linear-gradient(0deg,#1d1009 0%,#1d100900 35%)}.signature-pink .signatureVisualShade{background:linear-gradient(0deg,#e7a9af 0%,#e7a9af00 35%)}.signature-italian .signatureVisualShade{background:linear-gradient(0deg,#f5efe5 0%,#f5efe500 35%)}.signatureCopy{min-height:520px;max-width:100%;justify-content:flex-end;padding:265px 24px 25px}.signatureBrand{font-size:9px;padding:5px 10px}.signatureHook{font-size:13px;margin:12px 0 5px}.signatureCopy h3{font-size:35px;margin-bottom:16px;max-width:100%;line-height:1.04}.signatureBottom{gap:18px}.signatureBottom>strong{font-size:22px}.signatureDiscover{padding:11px 15px}.signatureWatermark{font-size:110px;bottom:-20px}.signatureControlBar{gap:7px;padding:11px 14px}.signatureCount{font-size:9px;margin-right:2px}.signatureDots{gap:0}.signatureDots button{width:23px}}
@media(prefers-reduced-motion:reduce){.signatureScene,.signatureVisual img,.signatureCopy>*,.signatureProgress{animation:none!important}.signatureProgress{transform:scaleX(1)}}
.signatureSpotlight:focus-within .signatureProgress{animation-play-state:paused}

/* Each recipe has its own visible entrance, movement and graphic rhythm. */
.signatureMotionDecor{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.signatureMotionDecor i{display:block;position:absolute}
.signatureMotion-pink-pop .signatureVisual img{animation:signaturePinkEntrance .85s cubic-bezier(.15,.85,.2,1.2) both,signaturePinkGroove 2.4s ease-in-out .85s infinite alternate}
.signatureMotion-pink-pop .signatureCopy h3{animation:signaturePinkType .9s cubic-bezier(.2,.8,.2,1) .18s both}
.signatureMotion-pink-pop .signatureMotionDecor i{border:2px solid #fff6;border-radius:50%;width:110px;height:110px;right:9%;top:10%;animation:signaturePinkHalo 2.8s ease-out infinite}
.signatureMotion-pink-pop .signatureMotionDecor i:nth-child(2){right:37%;top:59%;width:55px;height:55px;animation-delay:.9s}.signatureMotion-pink-pop .signatureMotionDecor i:nth-child(3){right:2%;top:63%;width:85px;height:85px;animation-delay:1.7s}
.signatureMotion-long-drive .signatureVisual img{animation:signatureLongEntrance .9s cubic-bezier(.12,.8,.2,1) both,signatureLongCruise 3s ease-in-out .9s infinite alternate}
.signatureMotion-long-sweep .signatureVisual img{animation:signatureLongReverse .95s cubic-bezier(.12,.8,.2,1) both,signatureLongReverseCruise 3.2s ease-in-out .95s infinite alternate}
.signature-back .signatureMotionDecor i{width:30%;height:2px;right:15%;top:17%;background:linear-gradient(90deg,transparent,#ffcb7855,transparent);animation:signatureSpeed 2s cubic-bezier(.25,.6,.2,1) infinite}.signature-back .signatureMotionDecor i:nth-child(2){top:82%;right:8%;width:40%;animation-delay:.6s}.signature-back .signatureMotionDecor i:nth-child(3){top:28%;right:42%;width:14%;animation-delay:1.1s}
.signatureMotion-long-sweep .signatureMotionDecor i{animation-direction:reverse}.signature-back .signatureCopy h3{animation:signatureLongType .75s cubic-bezier(.12,.8,.2,1) .18s both}
.signatureMotion-italian-rise .signatureVisual img{transform-origin:65% 65%;animation:signatureItalianRise 1.1s cubic-bezier(.16,.8,.2,1) both,signatureItalianFloat 3s ease-in-out 1.1s infinite alternate}
.signatureMotion-italian-reveal .signatureVisual img{animation:signatureItalianReveal 1.2s cubic-bezier(.2,.8,.2,1) both,signatureItalianBreathe 3.1s ease-in-out 1.2s infinite alternate}
.signature-italian .signatureMotionDecor i{border:2px solid #b69b4a45;border-radius:50%;width:260px;height:260px;right:12%;top:6%;animation:signatureItalianHalo 4s ease-in-out infinite}.signature-italian .signatureMotionDecor i:nth-child(2){width:320px;height:320px;right:9%;top:0;animation-delay:1s}.signature-italian .signatureMotionDecor i:nth-child(3){display:none}
.signature-italian .signatureCopy h3{animation:signatureItalianType .95s cubic-bezier(.16,.8,.2,1) .22s both}
.signatureWatermark{animation:signatureMarkDrift 5s ease-in-out infinite alternate}
@keyframes signaturePinkEntrance{0%{opacity:0;transform:scale(.72) rotate(-7deg) translateY(18%)}65%{opacity:1;transform:scale(1.17) rotate(2deg)}100%{opacity:1;transform:scale(1.09) rotate(0)}}
@keyframes signaturePinkGroove{from{transform:scale(1.09) rotate(-1deg) translateY(1%)}to{transform:scale(1.16) rotate(1deg) translateY(-2%)}}
@keyframes signaturePinkHalo{0%{opacity:0;transform:scale(.45) translateY(10px)}20%{opacity:.8}100%{opacity:0;transform:scale(1.8) translateY(-24px)}}
@keyframes signaturePinkType{0%{opacity:0;transform:translateY(25px) rotate(-5deg) scale(.85)}65%{opacity:1;transform:translateY(-4px) rotate(1deg) scale(1.035)}100%{opacity:1;transform:none}}
@keyframes signatureLongEntrance{from{opacity:0;transform:translateX(35%) scale(1.2)}to{opacity:1;transform:translateX(0) scale(1.16)}}
@keyframes signatureLongCruise{from{transform:translateX(4%) scale(1.16)}to{transform:translateX(-4%) scale(1.22)}}
@keyframes signatureLongReverse{from{opacity:0;transform:translateX(-30%) scale(1.25)}to{opacity:1;transform:translateX(0) scale(1.16)}}
@keyframes signatureLongReverseCruise{from{transform:translateX(-4%) scale(1.16)}to{transform:translateX(4%) scale(1.22)}}
@keyframes signatureSpeed{0%{opacity:0;transform:translateX(-120%) scaleX(.4)}25%{opacity:.8}100%{opacity:0;transform:translateX(150%) scaleX(1.8)}}
@keyframes signatureLongType{from{opacity:0;transform:translateX(-70px) skewX(-8deg)}to{opacity:1;transform:translateX(0) skewX(0)}}
@keyframes signatureItalianRise{from{opacity:0;transform:translateY(30%) rotate(-7deg) scale(1.04)}to{opacity:1;transform:translateY(0) rotate(0) scale(1.1)}}
@keyframes signatureItalianFloat{from{transform:translateY(2%) rotate(-1.4deg) scale(1.1)}to{transform:translateY(-2%) rotate(1.4deg) scale(1.14)}}
@keyframes signatureItalianReveal{from{opacity:0;clip-path:inset(0 100% 0 0);transform:scale(1.24)}to{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1.09)}}
@keyframes signatureItalianBreathe{from{transform:scale(1.09) translateX(-1.5%)}to{transform:scale(1.18) translateX(1.5%)}}
@keyframes signatureItalianHalo{0%,100%{opacity:.2;transform:scale(.85) rotate(-10deg)}50%{opacity:.65;transform:scale(1.15) rotate(10deg)}}
@keyframes signatureItalianType{from{opacity:0;transform:translateY(35px);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes signatureMarkDrift{from{transform:translateX(12px)}to{transform:translateX(-24px)}}
.signatureStill .signatureVisual img,.signatureStill .signatureMotionDecor i,.signatureStill .signatureWatermark,.signatureOffscreen .signatureVisual img,.signatureOffscreen .signatureMotionDecor i,.signatureOffscreen .signatureWatermark{animation-play-state:paused!important}
@media(max-width:600px){.signatureMotionDecor{bottom:30%}.signature-italian .signatureMotionDecor i{width:160px;height:160px;right:18%;top:8%}.signature-italian .signatureMotionDecor i:nth-child(2){width:220px;height:220px;right:10%;top:0}.signatureMotion-pink-pop .signatureMotionDecor i{width:75px;height:75px}}
@media(prefers-reduced-motion:reduce){.signatureScene,.signatureVisual img,.signatureCopy>*,.signatureProgress,.signatureWatermark{animation:none!important}.signatureMotionDecor{display:none}}