.brand-perk-ladder{--ladder-pad-x:16px;--ladder-badge-col:64px;--ladder-spine:calc(var(--ladder-pad-x) + var(--ladder-badge-col) / 2);background:#161616;border:1px solid #333;border-radius:10px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.brand-perk-ladder__step{margin:0;position:relative}.brand-perk-ladder__step+.brand-perk-ladder__step{border-top:1px solid #2a2a2a}.brand-perk-ladder__step:before{content:"";top:0;bottom:0;left:var(--ladder-spine);z-index:0;pointer-events:none;background:#424242;width:2px;margin-left:-1px;position:absolute}.brand-perk-ladder__step:first-child:before{top:50%}.brand-perk-ladder__step:last-child:before{bottom:50%}.brand-perk-ladder__step:only-child:before{content:none}.brand-perk-ladder__badge{z-index:1;grid-area:badge;justify-content:center;align-items:center;width:64px;min-width:64px;display:flex;position:relative}.brand-perk-ladder__media{background:#111;border:1px solid #2a2a2a;border-radius:8px;grid-area:media;width:108px;min-width:108px;height:60px;position:relative;overflow:hidden}.brand-perk-ladder__media img{object-fit:cover;width:100%;height:100%;display:block}.brand-perk-ladder__media--locked{opacity:.55}.brand-perk-ladder__copy{grid-area:copy;min-width:0}.brand-perk-ladder__now{background:var(--brand-orange,#ff6423);color:#fdfdfd;letter-spacing:.04em;text-transform:uppercase;border-radius:6px;flex-shrink:0;grid-area:now;justify-self:start;padding:4px 8px;font-size:10px;font-weight:650}.brand-perk-ladder__price{flex-shrink:0;grid-area:price;justify-self:end}.brand-perk-ladder__row{color:inherit;cursor:pointer;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"badge media price""badge copy copy";align-items:center;gap:8px 12px;padding:14px 16px;text-decoration:none;transition:background-color .15s;display:grid}.brand-perk-ladder__row:has(.brand-perk-ladder__now){grid-template-areas:"badge media price""badge copy copy""badge now now"}.brand-perk-ladder__row--current{cursor:default;background:#ff64230f}a.brand-perk-ladder__row:hover,a.brand-perk-ladder__row:focus-visible{background:#fdfdfd0a;outline:none}@media (width>=768px){.brand-perk-ladder__media{width:132px;min-width:132px;height:72px}.brand-perk-ladder__row{grid-template-columns:64px 132px minmax(0,1fr) auto;grid-template-areas:"badge media copy price";column-gap:16px;padding:16px 18px}.brand-perk-ladder__row:has(.brand-perk-ladder__now){grid-template-columns:64px 132px minmax(0,1fr) auto auto;grid-template-areas:"badge media copy now price"}.brand-perk-ladder{--ladder-pad-x:18px}}