.elementor-widget-nobonobo_categories_nbcat2409 { min-width: 0; max-width: 100%; }
.nbcat {
    --nbcat-heading-gap: 43px; --nbcat-tabs-gap: 34px; --nbcat-content-gap: 16px;
    --nbcat-columns-gap: 40px; --nbcat-main-offset: 32px; --nbcat-copy-offset: 32px;
    --nbcat-right-gap: 38px; --nbcat-detail-gap: 28px; --nbcat-link-gap: 32px;
    --nbcat-arrow-width: 68px;
    width: 100%; min-width: 0; padding: 58px 22px 23px 27px;
    background: #e9e4de; color: #171512; box-sizing: border-box;
}
.nbcat *, .nbcat *::before, .nbcat *::after { box-sizing: border-box; }
.nbcat .nbcat__heading { margin: 0 0 var(--nbcat-heading-gap); padding: 0; font-family: Georgia, serif; font-size: 22px; font-weight: 400; line-height: 1.35; letter-spacing: .14em; text-align: center; overflow-wrap: anywhere; }
.nbcat .nbcat__tabs { display: flex; justify-content: safe center; gap: var(--nbcat-tabs-gap); max-width: 100%; margin-bottom: var(--nbcat-content-gap); overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.nbcat .nbcat__tab { flex: 0 0 auto; min-height: 44px; margin: 0; padding: 10px 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: inherit; font-family: Georgia, serif; font-size: 13px; font-weight: 400; line-height: 1.4; letter-spacing: .16em; text-transform: none; white-space: nowrap; cursor: pointer; }
.nbcat .nbcat__tab[aria-selected="true"], .nbcat .nbcat__tab:hover { text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.nbcat .nbcat__panel { display: grid; grid-template-columns: minmax(0, .83fr) minmax(0, 1fr); gap: var(--nbcat-columns-gap); align-items: start; min-width: 0; }
.nbcat .nbcat__panel[hidden], .nbcat .nbcat__arrow[hidden] { display: none; }
.nbcat .nbcat__main { min-width: 0; padding-top: var(--nbcat-main-offset); }
.nbcat .nbcat__composition { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .927fr); column-gap: var(--nbcat-right-gap); row-gap: var(--nbcat-detail-gap); min-width: 0; align-items: start; }
.nbcat .nbcat__copy { min-width: 0; padding-top: var(--nbcat-copy-offset); }
.nbcat .nbcat__description { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.4; white-space: pre-line; overflow-wrap: anywhere; }
.nbcat .nbcat__link { display: inline-block; margin-top: var(--nbcat-link-gap); font-family: Georgia, serif; font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: .07em; color: inherit; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; max-width: 100%; }
.nbcat .nbcat__copy > .nbcat__link:first-child { margin-top: 0; }
.nbcat .nbcat__media { position: relative; width: 100%; aspect-ratio: 1 / 1; margin: 0; overflow: hidden; background: #ded8d0; min-width: 0; }
.nbcat .nbcat__media--detail { grid-column: 1 / -1; width: 65.5%; aspect-ratio: 3 / 2; justify-self: start; margin-left: 12.5%; }
.nbcat .nbcat__image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; border: 0; border-radius: 0; box-shadow: none; }
.nbcat .nbcat__navigation { display: grid; grid-template-columns: var(--nbcat-arrow-width) minmax(0, 1fr) var(--nbcat-arrow-width); align-items: center; gap: 12px; min-height: 44px; margin-top: 3px; }
.nbcat .nbcat__caption { grid-column: 2; grid-row: 1; text-align: center; font-family: Arial, sans-serif; font-size: 13px; line-height: 1.4; font-weight: 700; letter-spacing: .04em; overflow-wrap: anywhere; }
.nbcat .nbcat__arrow { display: grid; place-items: center; width: 100%; min-width: 32px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #69554a; cursor: pointer; }
.nbcat .nbcat__prev { grid-column: 1; grid-row: 1; }
.nbcat .nbcat__next { grid-column: 3; grid-row: 1; }
.nbcat .nbcat__arrow svg { display: block; width: 100%; height: 20px; stroke: currentColor; stroke-width: 1.4; }
.nbcat .nbcat__arrow:hover { opacity: .65; }
.nbcat .nbcat__tab:focus-visible, .nbcat .nbcat__arrow:focus-visible, .nbcat .nbcat__link:focus-visible, .nbcat .nbcat__panel:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
.nbcat .nbcat__placeholder { display: grid; position: absolute; inset: 0; place-items: center; padding: 12px; text-align: center; color: #70665d; font: 13px/1.5 sans-serif; }
.nbcat .nbcat__status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 1024px) and (min-width: 768px) {
    .nbcat .nbcat__panel { column-gap: min(var(--nbcat-columns-gap), 4vw); }
    .nbcat .nbcat__composition { column-gap: min(var(--nbcat-right-gap), 3.8vw); }
}
@media (max-width: 767px) {
    .nbcat { padding: 32px 18px 28px; }
    .nbcat .nbcat__heading { font-size: 21px; }
    .nbcat .nbcat__tabs { justify-content: flex-start; }
    .nbcat .nbcat__panel { grid-template-columns: minmax(0, 1fr); }
    .nbcat .nbcat__main { padding-top: 0; }
    .nbcat .nbcat__composition { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: min(var(--nbcat-right-gap), 20px); }
    .nbcat .nbcat__copy { grid-column: 1 / -1; padding-top: 0; }
    .nbcat .nbcat__media--secondary { grid-column: 1; grid-row: 2; }
    .nbcat .nbcat__media--detail { grid-column: 2; grid-row: 2; width: 100%; margin-left: 0; }
}