html:has(#partner:target){scroll-padding-top:0}
.partner-campaign{padding:0;background:#ff0052;color:#fffaf3;overflow:clip;overflow-anchor:none;position:relative;isolation:isolate;scroll-margin-top:0}
.partner-poster{height:100svh;min-height:700px;max-height:1100px;position:relative;overflow:hidden;isolation:isolate}
.partner-echo{position:absolute;inset:-8% -20%;display:flex;flex-direction:column;justify-content:space-between;font:900 17vw/.8 Inter,Arial,sans-serif;letter-spacing:-.075em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #fffaf328;transform:rotate(-12deg) translate(var(--echo-x,0px),0);pointer-events:none}
.partner-echo span:nth-child(2){align-self:flex-end;font-weight:400}
.partner-ring{position:absolute;right:-.15em;top:-.33em;font:900 72vw/1 Inter,Arial,sans-serif;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:2px #d3ed8380;transform:rotate(-18deg);pointer-events:none}
.partner-headline{position:absolute;inset:42px 4vw 185px;margin:0;font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:-.075em;line-height:.8;z-index:3;pointer-events:none}
.poster-you{display:flex;font-size:clamp(170px,21vw,350px);width:fit-content;letter-spacing:-.065em;line-height:.78;position:relative;z-index:2}
.poster-you>span{display:inline-block;transform-origin:50% 80%}
.poster-should{display:block;position:relative;z-index:4;width:fit-content;font-size:clamp(44px,5.3vw,90px);line-height:1;letter-spacing:-.045em;color:#101c29;background:#fffaf3;padding:.04em .25em .13em;transform:rotate(-6deg);margin-top:.20em;margin-left:.45em;box-shadow:5px 6px 0 #101c29}
.poster-in{display:block;font-size:clamp(20px,2.1vw,30px);letter-spacing:-.035em;line-height:1;margin:18px 0 14px 12px;width:fit-content;transform-origin:0 50%;transform:rotate(-5deg)}
.poster-next{display:flex;align-items:baseline;width:max-content;font-size:clamp(125px,14.8vw,250px);letter-spacing:-.04em;line-height:.83;color:#d3ed83;position:relative;z-index:4;transform-origin:0 70%}
.poster-next>span{display:inline-block;transform-origin:50% 65%}
.poster-next .poster-space{width:.22em}
.partner-bag{position:absolute;right:1.5vw;top:clamp(55px,9vh,120px);width:47%;margin:0;z-index:2;transform:translate3d(var(--bag-x,0px),var(--bag-y,0px),0)}
.partner-bag img{display:block;width:100%;height:auto;transform:rotate(9deg);filter:drop-shadow(0 24px 15px #68092a50)}
.partner-replay{position:absolute;right:25px;top:20px;z-index:6;width:40px;height:40px;border:1px solid #fffaf360;background:#ff0052;color:#fffaf3;border-radius:50%;font:26px/1 Arial,sans-serif;display:grid;place-items:center;transition:transform .2s}
.partner-replay:hover{transform:rotate(-45deg);background:#101c29}
.partner-conversion{position:absolute;bottom:0;left:0;right:0;z-index:6;background:#101c29;min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:30px 4vw}
.partner-conversion>p{font:400 clamp(13px,1.1vw,16px)/1.6 Inter,Arial,sans-serif;max-width:360px;margin:0}
.partner-actions{display:flex;align-items:center;gap:clamp(25px,4vw,70px)}
.partner-actions .partner-plan{background:#d3ed83;color:#101c29;border:0;border-radius:100px;padding:23px 27px;box-shadow:none;font-size:16px;white-space:nowrap;gap:35px;transition:transform .18s,background .18s}
.partner-plan:hover{transform:rotate(-3deg) scale(1.035);background:#fffaf3}
.partner-plan span{font-size:25px;line-height:1;transition:transform .2s}
.partner-plan:hover span{transform:translate(4px,-4px)}
.partner-actions .email-link{margin:0;font:400 12px/1.4 Inter,Arial,sans-serif;text-underline-offset:6px;white-space:nowrap}
.partner-flash{position:absolute;inset:-20%;display:grid;place-items:center;z-index:8;background:#101c29;color:#d3ed83;font:900 150vh/.7 Inter,Arial,sans-serif;opacity:0;pointer-events:none;transform:translateX(-130%) rotate(-15deg)}
.is-playing .partner-flash{animation:partner-cut .85s cubic-bezier(.76,0,.24,1) both}
.is-playing .poster-you>span{animation:partner-you 1.15s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.22s + var(--i)*.10s)}
.is-playing .poster-should{animation:partner-strip 1s cubic-bezier(.16,1,.3,1) .58s both}
.is-playing .poster-in{animation:partner-in .7s cubic-bezier(.16,1,.3,1) .9s both}
.is-playing .poster-next>span:not(.poster-space){animation:partner-next 1.15s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.75s + var(--i)*.075s)}
.is-playing .partner-bag img{animation:partner-swing 1.6s cubic-bezier(.16,1,.3,1) .45s both}
.is-playing .partner-echo{animation:partner-repeat 1.65s cubic-bezier(.16,1,.3,1) .2s both}
.is-playing .partner-conversion{animation:partner-convert .85s cubic-bezier(.16,1,.3,1) 1.35s both}
@keyframes partner-cut{0%{opacity:1;transform:translateX(0) rotate(0deg)}35%{opacity:1;transform:translateX(0) rotate(-12deg)}99%{opacity:1}100%{opacity:0;transform:translateX(130%) rotate(-15deg)}}
@keyframes partner-you{0%{transform:translate(75vw,55vh) rotate(85deg) scale(2.5);font-weight:400}65%{transform:translate(0,-.04em) rotate(-4deg) scale(1.03);font-weight:700}100%{transform:translate(0,0) rotate(0deg) scale(1);font-weight:900}}
@keyframes partner-strip{0%{transform:translateX(-120vw) rotate(-22deg) scaleX(1.3)}70%{transform:translateX(.06em) rotate(-4deg)}100%{transform:translateX(0) rotate(-6deg)}}
@keyframes partner-in{from{opacity:0;transform:translateY(50px) rotate(40deg)}to{opacity:1;transform:translateY(0) rotate(-5deg)}}
@keyframes partner-next{0%{opacity:0;transform:translateY(100vh) rotate(var(--r)) scaleY(.4)}25%{opacity:1}70%{transform:translateY(-.045em) rotate(-3deg) scaleY(1.12)}100%{opacity:1;transform:translateY(0) rotate(0) scaleY(1)}}
@keyframes partner-swing{0%{transform:translate(60vw,-45vh) rotate(45deg) scale(.65);opacity:0}35%{opacity:1}70%{transform:translate(-12px,10px) rotate(3deg) scale(1.04)}100%{transform:translate(0,0) rotate(9deg) scale(1)}}
@keyframes partner-repeat{from{transform:rotate(-12deg) translateX(-60vw)}to{transform:rotate(-12deg) translateX(0)}}
@keyframes partner-convert{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(min-width:1600px){.partner-headline{inset:55px 5vw 190px}.poster-you{font-size:340px}.poster-should{font-size:92px}.poster-next{font-size:250px}.partner-bag{width:46%;max-width:850px}.partner-conversion{padding-inline:5vw}}
@media(max-width:959px){
 .partner-poster{height:clamp(740px,135vw,980px);min-height:0;max-height:none}
 .partner-headline{inset:35px 5vw 250px}
 .poster-you{font-size:33vw}
 .poster-should{font-size:7.5vw;margin-left:.12em;margin-top:.18em}
 .poster-in{font-size:22px;margin-top:24px;margin-left:8px}
 .poster-next{position:absolute;left:0;bottom:0;font-size:17.2vw}
 .partner-bag{top:clamp(180px,29vw,270px);right:2vw;width:83%;z-index:2}
 .partner-bag img{transform:rotate(9deg)}
 .partner-ring{font-size:110vw;right:-.1em;top:.75em}
 .partner-echo{font-size:29vw;inset:3% -60%;justify-content:space-around}
 .partner-conversion{min-height:205px;padding:25px 5vw;gap:20px;flex-direction:column;align-items:stretch;justify-content:center}
 .partner-conversion>p{font-size:13px;max-width:430px}
 .partner-actions{justify-content:space-between;gap:20px}
 .partner-actions .partner-plan{font-size:14px;padding:20px 24px;gap:30px}
 .partner-actions .email-link{font-size:11px}
 .partner-replay{right:16px;top:16px;width:34px;height:34px;font-size:23px}
}
@media(max-width:480px){.partner-conversion{min-height:220px;gap:18px}.partner-actions{flex-wrap:wrap;gap:16px}.partner-actions .partner-plan{padding:18px 22px;font-size:13px}.partner-headline{bottom:260px}.poster-in{font-size:18px}.partner-actions .email-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.partner-campaign *{animation:none!important;transition:none!important}.partner-flash{display:none}.partner-replay{display:none}.partner-bag,.partner-echo{will-change:auto}}
