/* Figma D04 / M04: explanation cards and the illustrated show description. */
:is(.cb-jivejigo-principles, .cb-jivejigo-editorial) {
    padding: 112px max(16px, calc((100% - 1240px) / 2)) !important;
    font-family: var(--cb-font-body, Inter, sans-serif);
}
:is(.cb-jivejigo-principles, .cb-jivejigo-editorial) > .fusion-builder-row {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
}
:is(.cb-jivejigo-principles, .cb-jivejigo-editorial) .fusion-layout-column {
    min-width: 0;
    margin: 0 !important;
}
:is(.cb-jivejigo-principles, .cb-jivejigo-editorial) .fusion-column-wrapper { margin: 0 !important; }
:is(.cb-jivejigo-principles, .cb-jivejigo-editorial) :where(p, h2, h3) { margin: 0; }
:is(.cb-jivejigo-principles, .cb-jivejigo-editorial) .fusion-text > p:empty { display: none; }
:is(.cb-jivejigo-principles, .cb-jivejigo-editorial) .cb-home-eyebrow { margin: 0 0 8px; }
:is(.cb-jivejigo-principles, .cb-jivejigo-editorial) .cb-home-title {
    color: var(--cb-ink, #181313);
    font: 400 79px / 70.488px var(--cb-font-display, Anton, sans-serif) !important;
    letter-spacing: 2.772px;
    text-transform: uppercase;
}
.cb-jivejigo-principles { background: #fff !important; }
.cb-jivejigo-principles > .fusion-builder-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 64px 20px;
    align-items: stretch !important;
}
.cb-jivejigo-principles .cb-jivejigo-principles__heading { grid-column: 1 / -1; width: 100% !important; }
.cb-jivejigo-principles__heading > .fusion-column-wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: 32px !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
}
.cb-jivejigo-principles__summary {
    flex: 0 0 320px !important;
    width: 320px !important;
    max-width: 100% !important;
    color: var(--cb-muted, #6e6363) !important;
    font: 400 16px / 25px var(--cb-font-body, Inter, sans-serif) !important;
}
.cb-jivejigo-principles .cb-jivejigo-principle { width: 100% !important; }
.cb-jivejigo-principle > .fusion-column-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 42px !important;
    min-height: 228px !important;
    height: 100%;
    padding: 32px !important;
    border-radius: 40px !important;
    background: var(--cb-soft, #fbf4f3) !important;
}
.cb-jivejigo-principle--organic > .fusion-column-wrapper { background: var(--cb-organic, #f2d9d8) !important; }
.cb-jivejigo-principle__number {
    color: var(--cb-red, #bd171d) !important;
    font: 900 11px / 12.4px var(--cb-font-body, Inter, sans-serif) !important;
    letter-spacing: .64px;
}
.cb-jivejigo-principle__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-jivejigo-principle__copy p {
    color: var(--cb-muted, #6e6363);
    font: 400 13px / 20.15px var(--cb-font-body, Inter, sans-serif);
}
.cb-jivejigo-editorial { background: #f8f3ef !important; }
.cb-jivejigo-editorial > .fusion-builder-row {
    display: grid !important;
    grid-template-columns: 556px minmax(0, 1fr);
    align-items: center !important;
    gap: 55px;
}
.cb-jivejigo-editorial .cb-jivejigo-editorial__portrait,
.cb-jivejigo-editorial .cb-jivejigo-editorial__copy { width: 100% !important; }
.cb-jivejigo-editorial__portrait { aspect-ratio: 1; }
.cb-jivejigo-editorial__portrait .cb-home-portrait__photo {
    -webkit-mask-image: var(--cb-media-jivejigo-06257-svg);
    mask-image: var(--cb-media-jivejigo-06257-svg);
}
.cb-jivejigo-editorial__copy > .fusion-column-wrapper { display: flex !important; flex-direction: column !important; gap: 32px !important; }
.cb-jivejigo-editorial .cb-home-title { white-space: nowrap; }
.cb-jivejigo-editorial__body {
    width: 100%;
    max-width: 555px !important;
    color: var(--cb-muted, #6e6363) !important;
    font: 400 16px / 26.4px var(--cb-font-body, Inter, sans-serif) !important;
}
.cb-jivejigo-editorial__stats { display: flex; gap: 10px; width: 100%; }
.cb-jivejigo-stat {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    padding: 16px;
    border-radius: 18px;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
}
.cb-jivejigo-stat__value { color: var(--cb-red, #bd171d); font: 400 28px / 43.4px var(--cb-font-display, Anton, sans-serif); }
.cb-jivejigo-stat__label { color: var(--cb-muted, #6e6363); font: 900 11px / 12.4px var(--cb-font-body, Inter, sans-serif); letter-spacing: .64px; }
@media (min-width: 801px) and (max-width: 1271px) {
    .cb-jivejigo-editorial > .fusion-builder-row { grid-template-columns: minmax(0, 44fr) minmax(0, 50fr); gap: 4%; }
    .cb-jivejigo-editorial .cb-home-title { font-size: clamp(44px, 6.1vw, 79px) !important; line-height: .89225 !important; letter-spacing: 1px; }
    .cb-jivejigo-principles .cb-home-title { font-size: 60px !important; line-height: 56px !important; letter-spacing: 1px; }
}
@media (max-width: 800px) {
    :is(.cb-jivejigo-principles, .cb-jivejigo-editorial) { padding: 64px 16px !important; }
    :is(.cb-jivejigo-principles, .cb-jivejigo-editorial) .cb-home-title { font-size: 44px !important; line-height: 40px !important; letter-spacing: -1.54px; }
    .cb-jivejigo-principles > .fusion-builder-row { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
    .cb-jivejigo-principles .cb-jivejigo-principles__heading { margin-bottom: 12px !important; }
    .cb-jivejigo-principles__heading > .fusion-column-wrapper { flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; }
    .cb-jivejigo-principles .cb-home-eyebrow { margin-bottom: 7px; }
    .cb-jivejigo-principles__summary { flex: none !important; }
    .cb-jivejigo-principle > .fusion-column-wrapper { min-height: 231px !important; }
    .cb-jivejigo-editorial > .fusion-builder-row { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .cb-jivejigo-editorial__portrait { order: 2 !important; max-width: 556px; justify-self: center; }
    .cb-jivejigo-editorial__portrait .cb-home-portrait__photo { -webkit-mask-image: var(--cb-media-jivejigo-8bdd2-svg); mask-image: var(--cb-media-jivejigo-8bdd2-svg); }
    .cb-jivejigo-editorial__stats { margin-top: -8px !important; }
    .cb-jivejigo-stat { padding: 16px 8px; }
    .cb-jivejigo-stat__value { font-size: 24px; line-height: normal; }
}
@media (max-width: 359px) {
    .cb-jivejigo-editorial .cb-home-title { font-size: 40px !important; line-height: 37px !important; }
    .cb-jivejigo-stat__label { font-size: 10px; letter-spacing: .2px; }
}