/* The three sponsor groups share dimensions; colour communicates their tier. */
.vip{--tier:#e6c481;--tier-rgb:230,196,129}.premium{--tier:#c8b0ef;--tier-rgb:200,176,239}.trusted{--tier:#93d2b7;--tier-rgb:147,210,183}
.vip .brand-card{background:linear-gradient(145deg,#2a261d,#171a1f);border-color:#e6c48140}.premium .brand-card{background:linear-gradient(145deg,#292237,#171923);border-color:#c8b0ef40}.trusted .brand-card{background:linear-gradient(145deg,#19312b,#141d20);border-color:#93d2b740}
:is(.vip,.premium,.trusted) .brand-card:after{background:linear-gradient(90deg,transparent,var(--tier),transparent);opacity:.8}:is(.vip,.premium,.trusted) .brand-card:hover{border-color:var(--tier);box-shadow:0 9px 25px rgba(var(--tier-rgb),.1)}
:is(.vip,.premium,.trusted) .card-top{color:var(--tier)}:is(.vip,.premium,.trusted) .card-top>span{display:inline-flex;align-items:center;gap:5px;animation:tier-attention 2.6s ease-in-out infinite;font-weight:700}:is(.vip,.premium,.trusted) .card-top>span:before{content:'';flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--tier)}.premium .card-top>span{animation-delay:-.8s}.trusted .card-top>span{animation-delay:-1.6s}@keyframes tier-attention{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.5;filter:brightness(.8)}}
.banner-grid.campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-grid>.gif-banner,.campaign-grid>.gif-banner:first-child,.campaign-grid>.gif-banner:nth-last-child(-n+2){min-height:0;grid-column:auto;grid-row:auto;aspect-ratio:1050/500;border-radius:12px}.gif-banner picture{display:block;width:100%;height:100%}.gif-banner .campaign-gif{display:block;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}.campaign-grid>.gif-banner:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.gif-banner:first-child picture{display:flex;align-items:center;background:#071b25}.gif-banner:first-child .campaign-gif{height:auto!important}
@media(min-width:601px) and (max-width:1050px){.banner-grid.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-grid>.gif-banner:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:1050/500}}
@media(max-width:600px){
 .banner-grid.campaign-grid{grid-template-columns:1fr}.campaign-grid>.gif-banner,.campaign-grid>.gif-banner:first-child,.campaign-grid>.gif-banner:nth-last-child(-n+2){grid-column:auto;grid-row:auto;aspect-ratio:700/500;min-height:0}
 :is(.vip,.premium,.trusted) .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 :is(.vip,.premium,.trusted) .brand-card{aspect-ratio:1;min-width:0;min-height:0;padding:11px;display:grid;grid-template-rows:12px minmax(25px,1fr) 35px 34px;gap:5px;overflow:hidden;border-radius:13px}
 :is(.vip,.premium,.trusted) .card-top{font-size:9px;line-height:12px;letter-spacing:0;min-width:0;gap:0}
 :is(.vip,.premium,.trusted) .card-top>span{letter-spacing:0;white-space:nowrap;gap:4px}
 :is(.vip,.premium,.trusted) .card-top:after{display:none}
 :is(.vip,.premium,.trusted) .card-logo{height:auto;min-height:0;width:100%;padding:0;border:0;margin:0;align-self:stretch}
 :is(.vip,.premium,.trusted) .card-logo img{width:100%;height:100%;max-height:44px;object-fit:contain}
 :is(.vip,.premium,.trusted) .brand-card h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0;white-space:nowrap}
 :is(.vip,.premium,.trusted) .bonus{font-size:14px;line-height:17px;min-height:0;height:35px;margin:0;font-weight:600;align-self:center;color:#f4efe5;overflow:hidden;-webkit-line-clamp:2}
 :is(.vip,.premium,.trusted) .card-actions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:5px;margin:0;align-self:end}
 :is(.vip,.premium,.trusted) .card-actions a,:is(.vip,.premium,.trusted) .card-actions button{height:34px;min-height:34px;padding:0;font-size:10px;border-radius:6px}
 :is(.vip,.premium,.trusted) .card-actions button{font-size:9px;color:#d8dce4}
}
@media(max-width:375px){:is(.vip,.premium,.trusted) .brand-card{padding:8px;gap:3px;grid-template-rows:11px minmax(20px,1fr) 34px 32px}:is(.vip,.premium,.trusted) .card-top{font-size:9px}:is(.vip,.premium,.trusted) .card-actions a,:is(.vip,.premium,.trusted) .card-actions button{height:32px;min-height:32px}:is(.vip,.premium,.trusted) .card-actions{grid-template-columns:minmax(0,1fr) 38px}}
@media(max-width:345px){:is(.vip,.premium,.trusted) .cards{grid-template-columns:1fr;max-width:275px;margin:0 auto}:is(.vip,.premium,.trusted) .brand-card{padding:18px;grid-template-rows:18px minmax(50px,1fr) 46px 42px;gap:10px}:is(.vip,.premium,.trusted) .card-top{font-size:10px}:is(.vip,.premium,.trusted) .card-logo img{max-height:70px}:is(.vip,.premium,.trusted) .bonus{font-size:18px;line-height:23px;height:46px}:is(.vip,.premium,.trusted) .card-actions a,:is(.vip,.premium,.trusted) .card-actions button{height:42px;min-height:42px;font-size:12px}:is(.vip,.premium,.trusted) .card-actions{grid-template-columns:1fr 62px}}
@media(prefers-reduced-motion:reduce){:is(.vip,.premium,.trusted) .card-top>span{animation:none!important;opacity:1}}