/* Figma D03 / M03: format choices and the reusable alternating Card/Show. */
:is(.cb-spectacles-choices, .cb-spectacles-formats) {
    padding: 112px max(16px, calc((100% - 1240px) / 2)) !important;
    font-family: var(--cb-font-body, Inter, sans-serif);
}
:is(.cb-spectacles-choices, .cb-spectacles-formats) > .fusion-builder-row {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
}
:is(.cb-spectacles-choices, .cb-spectacles-formats) .fusion-layout-column {
    min-width: 0;
    margin: 0 !important;
}
:is(.cb-spectacles-choices, .cb-spectacles-formats) .fusion-column-wrapper { margin: 0 !important; }
:is(.cb-spectacles-choices, .cb-show-card) :where(p, h2, h3) { margin: 0; }
.cb-spectacles-choices { background: #fff !important; }
.cb-spectacles-choices > .fusion-builder-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch !important;
    gap: 64px 19px;
}
.cb-spectacles-choices .cb-spectacles-choices__heading { grid-column: 1 / -1; width: 100% !important; }
.cb-spectacles-choices .cb-home-eyebrow { margin: 0 0 8px; }
.cb-spectacles-choices .cb-home-title {
    color: var(--cb-ink, #181313);
    font: 400 70.488px / .89225 var(--cb-font-display, Anton, sans-serif);
    font-size: 79px !important;
    line-height: 70.488px !important;
    letter-spacing: 2.772px;
    text-transform: uppercase;
}
.cb-spectacles-choices .cb-spectacles-choice { width: 100% !important; }
.cb-spectacles-choice > .fusion-column-wrapper {
    height: 100%;
    min-height: 286px !important;
    padding: 32px !important;
    border-radius: 40px !important;
    background: var(--cb-soft, #fbf4f3) !important;
}
.cb-spectacles-choice--organic > .fusion-column-wrapper { background: var(--cb-organic, #f2d9d8) !important; }
.cb-spectacles-choice .cb-spectacles-choice__content { display: flex; flex-direction: column; gap: 42px; }
.cb-spectacles-choice__content > p { margin: 0 !important; font: 900 11px / 12.4px var(--cb-font-body, Inter, sans-serif); }
.cb-spectacles-choice__header {
    display: flex;
    justify-content: space-between;
    color: var(--cb-red, #bd171d);
    font: 900 11px / 12.4px var(--cb-font-body, Inter, sans-serif);
    letter-spacing: .64px;
    text-transform: uppercase;
}
.cb-spectacles-choice__copy h3 {
    margin: 0 0 13px;
    color: var(--cb-ink, #181313);
    font: 700 25px / 27.5px var(--cb-font-body, Inter, sans-serif) !important;
    letter-spacing: 0;
}
.cb-spectacles-choice--match-impro .cb-spectacles-choice__copy h3 { font-size: 24px !important; }
.cb-spectacles-choice__copy p {
    color: var(--cb-muted, #6e6363);
    font: 400 14px / 21.7px var(--cb-font-body, Inter, sans-serif);
}
.cb-spectacles-choice a.cb-spectacles-choice__link {
    align-self: flex-start;
    color: var(--cb-red, #bd171d);
    font: 900 11px / 12.4px var(--cb-font-body, Inter, sans-serif);
    letter-spacing: .64px;
    text-transform: uppercase;
    text-decoration: none !important;
}
.cb-spectacles-choice a.cb-spectacles-choice__link:hover { color: var(--cb-ink, #181313); }
.cb-spectacles-choice a.cb-spectacles-choice__link:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }

.cb-spectacles-formats { background: #f8f3ef !important; }
.cb-spectacles-formats > .fusion-builder-row,
.cb-spectacles-formats__items { display: flex !important; flex-direction: column; gap: 32px; }
.cb-spectacles-formats .cb-spectacles-formats__column { width: 100% !important; }
.cb-spectacles-formats__items > p:empty { display: none; }
.cb-spectacles-formats--single { width: 100%; padding: 0 !important; }
.cb-spectacles-formats .cb-show-card {
    --awb-z-index: 1;
    --awb-z-index-hover: 1;
    width: 100% !important;
    max-width: 1238px;
    scroll-margin-top: 24px;
}
.cb-show-card > .fusion-column-wrapper {
    position: relative;
    display: block !important;
    padding: 24px 56px 24px 24px !important;
    border-radius: 40px !important;
    background: #fff !important;
    isolation: isolate;
}
.cb-show-card .fusion-builder-row-inner {
    display: grid !important;
    grid-template-columns: 370px minmax(0, 1fr);
    align-items: stretch !important;
    gap: 96px;
    width: 100% !important;
    margin: 0 !important;
}
.cb-show-card :is(.cb-show-card__visual, .cb-show-card__copy) {
    --awb-z-index: 1;
    --awb-z-index-hover: 1;
    position: relative;
    width: 100% !important;
    align-self: stretch !important;
    z-index: 1;
}
.cb-show-card .cb-show-card__visual > .fusion-column-wrapper { display: flex !important; height: 100%; }
.cb-show-card .cb-show-card__image {
    display: block;
    width: 370px;
    height: 455px;
    max-width: 100%;
    border-radius: 20px !important;
    overflow: hidden;
    line-height: 0;
}
.cb-show-card .cb-show-card__image a { display: block; width: 100%; height: 100%; }
.cb-show-card .cb-show-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.cb-show-card .cb-show-card__copy > .fusion-column-wrapper {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    max-width: 515px;
    height: 100%;
}
.cb-show-card .cb-show-card__heading { width: 100%; }
.cb-show-card .cb-show-card__category {
    margin: 0 0 8px;
    color: var(--cb-red, #bd171d);
    font: 900 9px / 13.95px var(--cb-font-body, Inter, sans-serif);
    letter-spacing: 1.26px;
    text-transform: uppercase;
}
.cb-show-card .cb-show-card__heading h2 {
    color: var(--cb-ink, #181313);
    font: 400 60px / 57px var(--cb-font-display, Anton, sans-serif) !important;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}
.cb-show-card .cb-show-card__description { width: 100%; color: var(--cb-muted, #6e6363); font: 400 16px / 24.8px var(--cb-font-body, Inter, sans-serif); }
.cb-show-card .cb-show-card__description p { font: inherit; }
.cb-show-card .cb-show-card__features { display: flex; gap: 12px; flex-wrap: wrap; }
.cb-show-card .cb-show-card__features > p { display: flex; flex-wrap: wrap; gap: inherit; margin: 0 !important; line-height: 0; }
.cb-show-card .cb-show-card__features .cb-badge--feature {
    min-width: 0;
    height: 28px;
    padding: 0 16px;
    font: 900 9px / 13.95px var(--cb-font-body, Inter, sans-serif);
    letter-spacing: 0;
}
.cb-show-card .cb-show-card__copy .cb-button--secondary { margin-top: 8px; }
.cb-show-card .cb-show-card__copy > .fusion-column-wrapper > div:last-child { line-height: 0; }
.cb-show-card .cb-show-card__number {
    position: absolute;
    top: 24px;
    right: 56px;
    z-index: 0;
    color: rgba(189, 23, 29, .07);
    font: 400 190px / 190px var(--cb-font-display, Anton, sans-serif);
    pointer-events: none;
}
.cb-show-card--reverse > .fusion-column-wrapper { padding-right: 24px !important; padding-left: 56px !important; }
.cb-show-card--reverse .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr) 370px; }
.cb-show-card--reverse .cb-show-card__copy { grid-column: 1; grid-row: 1; }
.cb-show-card--reverse .cb-show-card__visual { grid-column: 2; grid-row: 1; }
.cb-show-card--reverse .cb-show-card__number { right: 442px; }
.cb-show-card :is(.cb-show-card__mobile-break, .cb-show-card__mobile-description) { display: none; }

@media (min-width: 801px) and (max-width: 1200px) {
    .cb-spectacles-choices > .fusion-builder-row { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
    .cb-spectacles-choices .cb-spectacles-choices__heading { margin-bottom: 32px !important; }
    .cb-show-card .fusion-builder-row-inner { grid-template-columns: minmax(220px, 35%) minmax(0, 1fr); gap: 40px; }
    .cb-show-card--reverse .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr) minmax(220px, 35%); }
    .cb-show-card .cb-show-card__image { width: 100%; height: 400px; }
    .cb-show-card .cb-show-card__heading h2 { font-size: 46px !important; line-height: 46px !important; white-space: normal; }
    .cb-show-card .cb-show-card__number { font-size: 140px; line-height: 140px; right: 32px; }
    .cb-show-card--reverse .cb-show-card__number { right: 40%; }
}
@media (max-width: 800px) {
    :is(.cb-spectacles-choices, .cb-spectacles-formats) { padding: 64px 16px !important; }
    .cb-spectacles-choices > .fusion-builder-row { grid-template-columns: minmax(0, 1fr); gap: 19px; }
    .cb-spectacles-choices .cb-spectacles-choices__heading { margin-bottom: 13px !important; }
    .cb-spectacles-choices .cb-home-eyebrow { margin-bottom: 7px; }
    .cb-spectacles-choices .cb-home-title { font-size: 44px !important; line-height: 40px !important; letter-spacing: -1.54px; }
    .cb-spectacles-choice .cb-spectacles-choice__content { gap: 24px; }
    .cb-spectacles-choice > .fusion-column-wrapper { min-height: 223px !important; }
    .cb-spectacles-choice__desktop-break { display: none; }
    .cb-spectacles-formats > .fusion-builder-row,
    .cb-spectacles-formats__items { gap: 16px; }
    .cb-spectacles-formats--single { padding: 0 !important; }
    .cb-show-card > .fusion-column-wrapper { min-height: 214px !important; padding: 8px 16px 8px 8px !important; border-radius: 11.548px !important; }
    .cb-show-card--impro-shuffle-show > .fusion-column-wrapper { min-height: 241px !important; }
    .cb-show-card .fusion-builder-row-inner { grid-template-columns: 122px minmax(0, 1fr); gap: 20px; min-height: 198px !important; }
    .cb-show-card--impro-shuffle-show .fusion-builder-row-inner { min-height: 225px !important; }
    .cb-show-card .cb-show-card__visual { grid-column: 1; grid-row: 1; }
    .cb-show-card .cb-show-card__copy { grid-column: 2; grid-row: 1; }
    .cb-show-card .cb-show-card__image { width: 122px; height: 100%; border-radius: 5.774px !important; }
    .cb-show-card .cb-show-card__visual .fusion-image-element { position: absolute; inset: 0; }
    .cb-show-card .cb-show-card__image img { height: 100%; min-height: 100%; border-radius: 5.774px; position: absolute; inset: 0; }
    .cb-show-card .cb-show-card__copy > .fusion-column-wrapper { padding: 8px 0 !important; gap: 12px; }
    .cb-show-card .cb-show-card__category { margin-bottom: 6px; }
    .cb-show-card .cb-show-card__heading h2 { font-size: 28px !important; line-height: 26.6px !important; white-space: normal; }
    .cb-show-card .cb-show-card__description { font-size: 12px; line-height: 17.5px; }
    .cb-show-card .cb-show-card__features { gap: 4px; }
    .cb-show-card .cb-show-card__features .cb-badge--feature { height: auto; min-height: 17.3px; padding: 4px 8px; border: 0; font-size: 8px; line-height: 9.3px; }
    .cb-show-card .cb-show-card__copy .cb-button--secondary { max-width: 100%; margin-top: 4px; font-size: 10px !important; line-height: 17.05px !important; text-align: left; }
    .cb-show-card .cb-show-card__number { top: 10px; right: 10px; font-size: 54.855px; line-height: 54.855px; }
    .cb-show-card :is(.cb-show-card__desktop-space, .cb-show-card__desktop-description) { display: none; }
    .cb-show-card .cb-show-card__mobile-break { display: inline; }
    .cb-show-card .cb-show-card__mobile-description { display: block; }
}
@media (max-width: 370px) {
    .cb-spectacles-choices .cb-home-title { font-size: 40px !important; line-height: 38px !important; }
    .cb-show-card .fusion-builder-row-inner { grid-template-columns: 105px minmax(0, 1fr); gap: 14px; }
    .cb-show-card .cb-show-card__image { width: 105px; }
    .cb-show-card .cb-show-card__copy .cb-button--secondary { padding-right: 0; letter-spacing: .25px; }
}