/* The illustration is part of each cover, crossing its coloured edge. */
.offer{overflow:visible;background:transparent;box-shadow:none;border:0;margin-bottom:44px}
.offer-cover{position:relative;z-index:2;min-height:0;height:466px;padding:25px 23px 0;background:transparent!important;border-radius:0;isolation:isolate}
.offer-cover::before{content:"";position:absolute;inset:0 0 auto;height:340px;z-index:-1;border-radius:24px 24px 46% 8%;background:#ed5683}
.offer .offer-cover h3{font-size:clamp(32px,10.1vw,44px);line-height:1.04;letter-spacing:-.035em;max-width:none;margin:0;text-wrap:balance}
.offer-cover .flag{display:table;max-width:100%;margin-top:15px;background:#fff9;font-size:14px;line-height:1.4;padding:6px 10px;border-radius:6px;color:#35283c}
.offer-cover .cover-star{display:none}
.offer .art-scene{position:absolute;z-index:3;left:-16px;right:-16px;top:164px;height:350px;overflow:hidden;background:transparent!important;pointer-events:none}
.offer .art-scene img{position:absolute;display:block;left:-17%;top:0;width:134%;height:100%;max-width:none;object-fit:contain;transform:rotate(-4deg);transform-origin:50% 60%}
.offer .offer-body{position:relative;z-index:1;background:#fffdf8;padding:55px 23px 27px;border-radius:0 0 24px 24px}
.offer-body>p:first-child{margin-top:0}
.blue .offer-cover{height:479px}
.blue .offer-cover::before{height:354px;background:#3282bd;border-radius:24px 24px 8% 44%}
.blue .offer-cover h3{font-size:clamp(30px,9.5vw,42px)}
.blue .art-scene{top:194px;height:330px}
.blue .art-scene img{width:143%;left:-21.5%;transform:rotate(3deg)}
.yellow .offer-cover{height:443px;color:#34241a}
.yellow .offer-cover::before{height:314px;background:#ffcd51;border-radius:24px 24px 46% 10%}
.yellow .art-scene{top:144px;height:354px}
.yellow .art-scene img{width:137%;left:-16%;transform:rotate(-4deg)}
.yellow .offer-body{padding-top:62px}
.pro{margin:0 16px 25px;border:0}
.pro .offer-cover{height:517px}
.pro .offer-cover::before{height:377px;background:#5b328a;border-radius:24px 24px 9% 43%}
.pro .offer-cover h3{font-size:clamp(32px,9.9vw,43px)}
.pro .art-scene{top:235px;height:330px}
.pro .art-scene img{width:144%;left:-22%;transform:rotate(0)}
.pro .offer-body{padding-top:58px}
.party-break{box-shadow:4px 7px 15px #b9883020}
.party-break-month{box-shadow:4px 7px 15px #478e6e16}
.ticker{padding-left:12px;padding-right:12px}
::selection{background:#ffcd51;color:#34241a}
@media(max-width:350px){
 .offer-cover{height:430px;padding:23px 20px 0}
 .offer-cover::before{height:318px}
 .offer .art-scene{top:158px;height:315px}
 .offer .offer-body{padding:48px 20px 25px}
 .blue .offer-cover{height:465px}
 .blue .art-scene{top:190px;height:315px}
 .blue .offer-cover::before{height:337px}
 .yellow .offer-cover{height:414px}
 .yellow .art-scene{top:144px;height:315px}
 .pro .offer-cover{height:499px}
 .pro .art-scene{top:235px;height:305px}
 .pro .offer-body{padding-top:51px}
}
@media(min-width:440px){
 .offer-cover{height:493px}
 .offer .art-scene{height:380px}
 .blue .offer-cover{height:515px}
 .blue .art-scene{top:205px;height:360px}
 .yellow .offer-cover{height:479px}
 .yellow .art-scene{height:386px}
 .pro .offer-cover{height:550px}
 .pro .art-scene{top:225px;height:374px}
}