.bb-co-steps{position:relative;display:grid;gap:1rem;margin:0;padding:0;list-style:none;counter-reset:none}.bb-co-step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;min-width:0}.bb-co-step__num{position:relative;z-index:1;display:grid;place-items:center;align-content:center;width:3.6rem;height:3.6rem;border-radius:1.1rem;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 5px var(--bb-bg, var(--bb-cream)),0 14px 26px -14px color-mix(in srgb,var(--accent) 90%,transparent)}:is(.bb-co-step,.bb-co-faqbar__chip,.bb-co-404__link).bb-accent--jam{--accent-ink: var(--bb-ink)}.bb-section--paper .bb-co-step__num{box-shadow:0 0 0 5px var(--bb-paper),0 14px 26px -14px color-mix(in srgb,var(--accent) 90%,transparent)}.bb-section--ink .bb-co-step__num,.bb-section--teal .bb-co-step__num{box-shadow:0 0 0 5px color-mix(in srgb,var(--bb-ink) 92%,transparent),0 14px 26px -14px color-mix(in srgb,var(--accent) 90%,transparent)}.bb-co-step__kicker{font-size:.56rem;font-weight:800;letter-spacing:.16em;line-height:1;text-transform:uppercase;opacity:.75}.bb-co-step__digit{font-size:1.35rem;font-weight:800;line-height:1.05;letter-spacing:-.04em}.bb-co-step__body{position:relative;display:grid;gap:.4rem;min-width:0;padding:1.1rem 1.2rem 1.25rem;border-radius:var(--r-lg);background:var(--bb-surface);box-shadow:inset 0 0 0 1px var(--bb-line),var(--sh-inset-hi),var(--sh-1)}.bb-co-step__icon{position:absolute;top:.9rem;right:.9rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 70%,var(--bb-ink))}.bb-co-step__icon .bb-icon{--icon-size: 1rem}.bb-co-step__icon+.bb-co-step__title{padding-right:2.4rem}.bb-co-step__title{margin:0;font-family:var(--bb-font-display);font-size:clamp(1.2rem,1.08rem + .45vw,1.45rem);font-weight:640;font-variation-settings:"SOFT" 100;line-height:1.2;letter-spacing:-.012em}.bb-co-step__text{margin:0;font-size:var(--fs-small);line-height:1.6;color:var(--bb-text-soft)}.bb-co-step__title+.bb-co-step__text{margin-top:0}.bb-co-steps--tickets:before,.bb-co-steps--tickets:after{content:"";position:absolute;top:1.8rem;bottom:1.8rem;left:calc(1.8rem - 1.5px);width:3px;border-radius:var(--r-pill);pointer-events:none}.bb-co-steps--tickets:before{background:radial-gradient(circle,color-mix(in srgb,var(--bb-gold) 70%,transparent) 1.4px,transparent 1.6px) 50% 0 / 3px 10px repeat-y}.bb-co-steps--tickets:after{background:linear-gradient(180deg,var(--bb-butter),var(--bb-gold));transform:scaleY(0);transform-origin:50% 0;transition:transform 1.6s var(--ease-out) .2s}.bb-co-steps--tickets.is-in:after{transform:scaleY(1)}.bb-co-steps--tickets .bb-co-step{opacity:1}.bb-js .bb-co-steps--tickets:not(.is-in) .bb-co-step__num{transform:scale(.6);opacity:0}.bb-co-steps--tickets .bb-co-step__num{transition:transform var(--dur-3) var(--ease-bounce),opacity var(--dur-2) var(--ease-out);transition-delay:calc(var(--i, 0) * .16s + .15s)}.bb-js .bb-co-steps--tickets:not(.is-in) .bb-co-step__body{transform:translate3d(0,1.25rem,0);opacity:0}.bb-co-steps--tickets .bb-co-step__body{transition:transform var(--dur-4) var(--ease-spring),opacity var(--dur-3) var(--ease-out);transition-delay:calc(var(--i, 0) * .16s + .22s)}@media(min-width:900px){.bb-co-steps--tickets{grid-template-columns:repeat(var(--steps, 3),minmax(0,1fr));gap:clamp(1rem,.5rem + 1.2vw,1.75rem)}.bb-co-steps--tickets .bb-co-step{grid-template-columns:1fr;justify-items:start;gap:1.15rem}.bb-co-steps--tickets:before,.bb-co-steps--tickets:after{top:calc(1.8rem - 1.5px);bottom:auto;left:1.8rem;right:1.8rem;width:auto;height:3px}.bb-co-steps--tickets:before{background:radial-gradient(circle,color-mix(in srgb,var(--bb-gold) 70%,transparent) 1.4px,transparent 1.6px) 0 50% / 10px 3px repeat-x}.bb-co-steps--tickets:after{background:linear-gradient(90deg,var(--bb-butter),var(--bb-gold));transform:scaleX(0);transform-origin:0 50%}.bb-co-steps--tickets.is-in:after{transform:scaleX(1)}.bb-co-steps--tickets .bb-co-step__body{width:100%;height:100%;padding:1.4rem 1.35rem 1.5rem;-webkit-mask:radial-gradient(circle at 0 2.6rem,transparent .55rem,#000 .58rem) left / 51% 100% no-repeat,radial-gradient(circle at 100% 2.6rem,transparent .55rem,#000 .58rem) right / 51% 100% no-repeat;mask:radial-gradient(circle at 0 2.6rem,transparent .55rem,#000 .58rem) left / 51% 100% no-repeat,radial-gradient(circle at 100% 2.6rem,transparent .55rem,#000 .58rem) right / 51% 100% no-repeat}.bb-co-steps--tickets .bb-co-step:nth-child(2n) .bb-co-step__body{rotate:.6deg}.bb-co-steps--tickets .bb-co-step:nth-child(odd) .bb-co-step__body{rotate:-.4deg}}.bb-co-steps--stack{gap:.85rem}.bb-co-steps--stack .bb-co-step__num{width:3.2rem;height:3.2rem;border-radius:50%;box-shadow:0 12px 24px -16px color-mix(in srgb,var(--accent) 90%,transparent)}.bb-co-steps--stack .bb-co-step__kicker{display:none}.bb-co-steps--stack .bb-co-step__digit{font-size:1.15rem}.bb-co-steps--stack .bb-co-step__body{padding:.95rem 1.1rem 1.05rem}.bb-co-steps--stack .bb-co-step__title{font-family:var(--bb-font-body);font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.bb-co-steps--stack .bb-co-step:not(:last-child):after{content:"";position:absolute;top:3.4rem;bottom:-.85rem;left:calc(1.6rem - 1px);width:2px;background:radial-gradient(circle,color-mix(in srgb,var(--bb-gold) 75%,transparent) 1px,transparent 1.2px) 50% 0 / 2px 8px repeat-y}.bb-co-steps__note{margin-top:clamp(1.25rem,1rem + 1vw,2rem)}.bb-co-steps__note--center{justify-content:center;margin-inline:auto;text-align:center}.bb-co-steps__cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:clamp(2rem,1.4rem + 2vw,3.25rem)}.bb-co-steps__cta--center{justify-content:center}.bb-co-steps__cta .bb-btn{max-width:100%;white-space:normal;text-align:left}
