.gva-tiled-showcase {
   --gva-tiled-overlay-from: rgba(10, 10, 12, 0.04);
   --gva-tiled-overlay-via: rgba(10, 10, 12, 0.18);
   --gva-tiled-overlay-to: rgba(10, 10, 12, 0.88);
   --gva-tiled-horizontal-content-width: 36%;
   --gva-tiled-horizontal-panel-bg: linear-gradient(
      180deg,
      rgba(15, 23, 42, 0.18) 0%,
      rgba(15, 23, 42, 0.72) 40%,
      rgba(15, 23, 42, 0.94) 100%
   );
}

.gva-tiled-showcase__grid {
   display: grid;
   grid-auto-flow: dense;
}

.gva-tiled-showcase__item {
   position: relative;
   display: block;
   min-height: 260px;
   overflow: hidden;
   isolation: isolate;
   background: #111111;
   grid-row: span var(--gva-tiled-row-span, 24);
   grid-column: span var(--gva-tiled-col-span, 1);
   box-shadow: 0 26px 60px rgba(15, 23, 42, 0.14);
}

.gva-tiled-showcase__media,
.gva-tiled-showcase__media img {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
}

.gva-tiled-showcase__media img {
   display: block;
   object-fit: cover;
   transition: transform 0.7s ease;
}


.gva-tiled-showcase__content {
   position: absolute;
   inset: 0;
   z-index: 2;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   pointer-events: none;
   padding: 0;
   border-radius: inherit;
   box-sizing: border-box;
}


.gva-tiled-showcase__panel {
   flex: 0 0 auto;
   width: 100%;
   max-width: 100%;
   background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.55) 50%, rgba(15, 23, 42, 0.94) 100%);
   color: #fff;
   border-radius: 0;
   box-sizing: border-box;
   padding: 22px 22px 18px 22px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-end;
   pointer-events: auto;
}

.gva-tiled-showcase__body-group {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
}

.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__panel {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   align-items: flex-end;
   padding: 22px 8px 18px 8px;
   border-radius: 0;
}

.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__body-group {
   align-items: flex-end;
   gap: 8px;
}

.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__badge-wrap,
.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__title,
.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__meta {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   margin-inline: 0;
   margin-block: 0 8px;
   max-width: 100%;
   text-align: right;
}

.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__excerpt {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   margin-inline: 0;
   margin-block: 0 0;
   max-width: 100%;
   text-align: right;
}

.gva-tiled-showcase__content.is-text-vertical {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   align-items: flex-end;
   justify-content: flex-end;
   background: var(--gva-tiled-horizontal-panel-bg, linear-gradient(180deg, rgba(15,23,42,0.18) 0%, rgba(15,23,42,0.72) 40%, rgba(15,23,42,0.94) 100%));
   min-width: 60px;
   max-width: 100%;
   padding: 22px 8px;
}

.gva-tiled-showcase__body-group {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 8px;
   margin-bottom: 8px;
}

.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__body-group {
   align-items: flex-end;
   gap: 8px;
}

.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__badge-wrap,
.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__title,
.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__meta {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   margin-inline: 0;
   margin-block: 0 8px;
   max-width: 100%;
   text-align: right;
}

.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__excerpt {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   margin-inline: 0;
   margin-block: 0 0;
   max-width: 100%;
   text-align: right;
}

/* Rotação vertical do texto na caixa de conteúdo */
.gva-tiled-showcase__content.is-text-vertical {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   align-items: flex-end;
   justify-content: flex-end;
   /* Ajuste para manter badge, título e meta juntos na base */
}
.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__body {
   align-items: flex-end;
   text-align: right;
}
.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__badge-wrap {
   align-items: flex-end;
   justify-content: flex-end;
}
.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__title,
.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__meta,
.gva-tiled-showcase__content.is-text-vertical .gva-tiled-showcase__excerpt {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   margin-inline: 0;
   margin-block: 0 8px;
}

.gva-tiled-showcase__item.is-orientation-horizontal .gva-tiled-showcase__content {
   inset-block: 0;
   inset-inline-end: 0;
   inset-inline-start: auto;
   width: min(100%, calc(var(--gva-tiled-horizontal-content-width) / var(--gva-tiled-col-span, 1)));
   align-items: stretch;
}

.gva-tiled-showcase__item.is-orientation-horizontal.is-text-side-left .gva-tiled-showcase__content {
   inset-inline-start: 0;
   inset-inline-end: auto;
}

.gva-tiled-showcase__item.is-orientation-horizontal .gva-tiled-showcase__panel {
   flex: 1 1 auto;
   min-height: 100%;
   background: var(--gva-tiled-horizontal-panel-bg);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   justify-content: flex-end;
}

.gva-tiled-showcase__item.is-valign-top .gva-tiled-showcase__content {
   justify-content: flex-start;
}

.gva-tiled-showcase__item.is-valign-center .gva-tiled-showcase__content,
.gva-tiled-showcase__item.is-valign-between .gva-tiled-showcase__content {
   justify-content: center;
}

.gva-tiled-showcase__item.is-valign-top .gva-tiled-showcase__panel {
   justify-content: flex-start;
}

.gva-tiled-showcase__item.is-valign-center .gva-tiled-showcase__panel,
.gva-tiled-showcase__item.is-valign-between .gva-tiled-showcase__panel {
   justify-content: center;
}

.gva-tiled-showcase__item.is-align-left .gva-tiled-showcase__panel,
.gva-tiled-showcase__item.is-align-left .gva-tiled-showcase__body-group {
   align-items: flex-start;
   text-align: left;
}

.gva-tiled-showcase__item.is-align-left .gva-tiled-showcase__excerpt {
   text-align: left;
}

.gva-tiled-showcase__item.is-align-center .gva-tiled-showcase__panel,
.gva-tiled-showcase__item.is-align-center .gva-tiled-showcase__body-group {
   align-items: center;
   text-align: center;
}

.gva-tiled-showcase__item.is-align-center .gva-tiled-showcase__excerpt {
   text-align: center;
}

.gva-tiled-showcase__item.is-align-right .gva-tiled-showcase__panel,
.gva-tiled-showcase__item.is-align-right .gva-tiled-showcase__body-group {
   align-items: flex-end;
   text-align: right;
}

.gva-tiled-showcase__item.is-align-right .gva-tiled-showcase__excerpt {
   text-align: right;
}

.gva-tiled-showcase__badge-wrap {
   display: flex;
}

.gva-tiled-showcase__badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: fit-content;
   padding: 6px 12px;
   border-radius: 999px;
   backdrop-filter: blur(18px);
   -webkit-backdrop-filter: blur(18px);
   letter-spacing: 0.16em;
   font-size: 10px;
   font-weight: 700;
   line-height: 1;
   text-transform: uppercase;
}

.gva-tiled-showcase__body {
   display: grid;
   gap: 10px;
}

.gva-tiled-showcase__item.is-orientation-horizontal .gva-tiled-showcase__body {
   width: 100%;
}

.gva-tiled-showcase__meta {
   margin: 0;
   font-size: 11px;
   line-height: 1.4;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.gva-tiled-showcase__title {
   margin: 0;
   color: inherit;
   font-size: clamp(20px, 2vw, 32px);
   line-height: 1.05;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.gva-tiled-showcase__excerpt {
   max-width: 28ch;
   margin: 0;
   font-size: 14px;
   line-height: 1.5;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.gva-tiled-showcase__item.is-orientation-horizontal .gva-tiled-showcase__excerpt {
   max-width: none;
}

.gva-tiled-showcase__link {
   position: absolute;
   inset: 0;
   z-index: 3;
}

.gva-tiled-showcase__link:focus-visible {
   outline: 3px solid rgba(255, 255, 255, 0.92);
   outline-offset: -3px;
}

.gva-tiled-showcase__item:hover .gva-tiled-showcase__media img,
.gva-tiled-showcase__item:focus-within .gva-tiled-showcase__media img {
   transform: scale(1.045);
}

@media (max-width: 1024px) {
   /* Padding reduzido para cards mais estreitos no tablet */
   .gva-tiled-showcase__panel {
      padding: 16px 16px 14px 16px;
   }

   .gva-tiled-showcase__excerpt {
      max-width: none;
   }

   /* Revert horizontal para vertical no tablet — painel lateral fica estreito demais */
   .gva-tiled-showcase__item.is-orientation-horizontal .gva-tiled-showcase__content {
      inset: 0;
      width: 100%;
      background: linear-gradient(
         180deg,
         rgba(15, 23, 42, 0.08) 0%,
         rgba(15, 23, 42, 0.58) 44%,
         rgba(15, 23, 42, 0.92) 100%
      );
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
   }
}

@media (max-width: 767px) {
   .gva-tiled-showcase__item {
      grid-column: span 1;
      grid-row: span 1; /* altura uniforme no mobile */
      min-height: 220px;
   }

   .gva-tiled-showcase__panel {
      padding: 14px 14px 12px 14px;
   }

   .gva-tiled-showcase__item.is-orientation-horizontal .gva-tiled-showcase__content {
      inset: 0;
      width: 100%;
      background: linear-gradient(
         180deg,
         rgba(15, 23, 42, 0.08) 0%,
         rgba(15, 23, 42, 0.58) 44%,
         rgba(15, 23, 42, 0.92) 100%
      );
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
   }
}

/* Rotacao do bloco de texto: apenas badge, titulo e meta giram (baixo para cima). */
/* O panel, o fundo e o excerpt permanecem intactos. */
.gva-tiled-showcase__item.is-text-rotate-vertical .gva-tiled-showcase__body-group {
   writing-mode: vertical-lr;
   transform: rotate(180deg);
   align-items: flex-start;
}

/* Auto-orientation: horizontal desktop → vertical em tablet/mobile.
   Usa .gva-tiled-showcase.is-auto-orientation como prefixo para garantir
   especificidade (0,4,0+) superior a qualquer regra horizontal, incluindo
   .is-text-side-left que tem especificidade (0,4,0). */
@media (max-width: 1024px) {
   .gva-tiled-showcase.is-auto-orientation .gva-tiled-showcase__item.is-orientation-horizontal .gva-tiled-showcase__content,
   .gva-tiled-showcase.is-auto-orientation .gva-tiled-showcase__item.is-orientation-horizontal.is-text-side-left .gva-tiled-showcase__content {
      inset: 0;
      width: 100%;
      background: transparent;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
   }

   .gva-tiled-showcase.is-auto-orientation .gva-tiled-showcase__item.is-orientation-horizontal .gva-tiled-showcase__panel {
      background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.55) 50%, rgba(15, 23, 42, 0.94) 100%);
   }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ProMkt Client Showcase — design tokens as CSS custom properties
   Defaults live here; the inline <style> block per widget instance overrides
   ═══════════════════════════════════════════════════════════════════════════ */
.promkt-client-showcase {
   /* Sizes */
   --pcs-featured-height:  480px;
   --pcs-secondary-height: 360px;
   --pcs-standard-height:  300px;
   --pcs-border-radius:    20px;
   --pcs-gap:              16px;

   /* Overlays (support solid colours or gradient strings) */
   --pcs-featured-overlay:  linear-gradient(180deg, rgba(81,0,167,0.08) 0%, rgba(20,16,29,0.38) 45%, rgba(20,16,29,0.90) 100%);
   --pcs-secondary-overlay: linear-gradient(180deg, rgba(20,16,29,0.06) 0%, rgba(20,16,29,0.44) 50%, rgba(20,16,29,0.88) 100%);
   --pcs-standard-overlay:  none;

   /* Badge backgrounds */
   --pcs-featured-badge-bg:  linear-gradient(135deg, #5100a7 0%, #6c21ce 100%);
   --pcs-secondary-badge-bg: rgba(243, 243, 243, 0.90);
   --pcs-standard-badge-bg:  rgba(243, 243, 243, 0.92);

   display: grid;
   gap: 32px;
}

/* ── Filters ── */
.promkt-client-showcase__filters {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   align-items: center;
}

.promkt-client-showcase__filter,
.promkt-client-showcase__load-more {
   appearance: none;
   border: 1px solid rgba(81, 0, 167, 0.08);
   background: #ffffff;
   color: #1b1b1b;
   border-radius: 999px;
   padding: 11px 18px;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   cursor: pointer;
   transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
   box-shadow: 0 10px 24px rgba(31, 24, 46, 0.04);
}

.promkt-client-showcase__filter:hover,
.promkt-client-showcase__load-more:hover {
   transform: translateY(-1px);
   box-shadow: 0 16px 32px rgba(81, 0, 167, 0.08);
}

.promkt-client-showcase__filter.is-active {
   background: linear-gradient(135deg, #5100a7 0%, #6c21ce 100%);
   color: #ffffff;
   border-color: transparent;
}

/* ── Grid ── */
.promkt-client-showcase__grid,
.promkt-client-showcase__grid--manual {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: var(--pcs-gap, 16px);
}

/* ── Card shell ── */
.promkt-client-showcase__card {
   position: relative;
   overflow: hidden;
   border-radius: var(--pcs-border-radius, 20px);
   background: #f5f2fb;
   box-shadow: 0 24px 56px rgba(31, 24, 46, 0.08);
   isolation: isolate;
}

.promkt-client-showcase__card.is-featured {
   grid-column: 1 / -1;
   min-height: var(--pcs-featured-height, 480px);
}

.promkt-client-showcase__card.is-secondary {
   grid-column: span 2;
   min-height: var(--pcs-secondary-height, 360px);
}

.promkt-client-showcase__card.is-standard {
   min-height: var(--pcs-standard-height, 300px);
   background: #ffffff;
}

/* ── Link wrapper (flex column — content position modifiers act on this) ── */
.promkt-client-showcase__link {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
   color: inherit;
   text-decoration: none;
   /* Default: content at the bottom for image cards */
   justify-content: flex-end;
}

.promkt-client-showcase__card.is-standard .promkt-client-showcase__link {
   justify-content: flex-start;
}

/* Content position overrides (set as modifier class on article) */
.promkt-client-showcase__card.is-content-top    .promkt-client-showcase__link { justify-content: flex-start; }
.promkt-client-showcase__card.is-content-center .promkt-client-showcase__link { justify-content: center; }
.promkt-client-showcase__card.is-content-bottom .promkt-client-showcase__link { justify-content: flex-end; }

/* ── Media ── */
.promkt-client-showcase__media {
   position: absolute;
   inset: 0;
}

.promkt-client-showcase__card.is-standard .promkt-client-showcase__media {
   position: relative;
   min-height: 170px;
   flex: 0 0 170px;
}

.promkt-client-showcase__media img,
.promkt-client-showcase__placeholder {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   /* object-position set inline per card */
}

.promkt-client-showcase__placeholder {
   background: radial-gradient(circle at top, rgba(148, 91, 220, 0.9) 0%, rgba(62, 36, 104, 0.95) 100%);
}

/* ── Overlay div (replaces ::after — driven by CSS vars or inline style) ── */
.promkt-client-showcase__overlay {
   position: absolute;
   inset: 0;
   z-index: 1;
   pointer-events: none;
   border-radius: inherit;
}

.promkt-client-showcase__card.is-featured  .promkt-client-showcase__overlay { background: var(--pcs-featured-overlay); }
.promkt-client-showcase__card.is-secondary .promkt-client-showcase__overlay { background: var(--pcs-secondary-overlay); }
.promkt-client-showcase__card.is-standard  .promkt-client-showcase__overlay { background: var(--pcs-standard-overlay); }

/* ── Content block ── */
.promkt-client-showcase__content {
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 14px;
   padding: 24px;
}

.promkt-client-showcase__card.is-featured .promkt-client-showcase__content,
.promkt-client-showcase__card.is-secondary .promkt-client-showcase__content {
   color: #ffffff;
}

.promkt-client-showcase__card.is-featured .promkt-client-showcase__content {
   padding: 28px 24px;
}

.promkt-client-showcase__card.is-standard .promkt-client-showcase__content {
   flex: 1 1 auto;
   justify-content: flex-start;
   background: #ffffff;
}

/* Text-align modifiers */
.promkt-client-showcase__card.is-text-left   .promkt-client-showcase__content { align-items: flex-start; text-align: left; }
.promkt-client-showcase__card.is-text-center .promkt-client-showcase__content { align-items: center;     text-align: center; }
.promkt-client-showcase__card.is-text-right  .promkt-client-showcase__content { align-items: flex-end;   text-align: right; }

/* ── Badge ── */
.promkt-client-showcase__badge {
   position: absolute;
   top: 16px;
   left: 16px;
   z-index: 3;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 7px 12px;
   border-radius: 999px;
   font-size: 10px;
   font-weight: 800;
   line-height: 1;
   letter-spacing: 0.12em;
   text-transform: uppercase;
   background: var(--pcs-featured-badge-bg);
   color: #ffffff;
}

.promkt-client-showcase__card.is-featured .promkt-client-showcase__badge {
   background: var(--pcs-featured-badge-bg);
   color: #ffffff;
}

.promkt-client-showcase__card.is-secondary .promkt-client-showcase__badge {
   background: var(--pcs-secondary-badge-bg);
   color: #5100a7;
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
}

.promkt-client-showcase__card.is-standard .promkt-client-showcase__badge {
   background: var(--pcs-standard-badge-bg);
   color: #1b1b1b;
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
}

/* ── Typography ── */
.promkt-client-showcase__kicker {
   margin: 0;
   color: inherit;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 0.14em;
   line-height: 1.4;
   text-transform: uppercase;
   opacity: 0.84;
}

.promkt-client-showcase__title {
   margin: 0;
   color: inherit;
   font-size: clamp(22px, 2.4vw, 32px);
   line-height: 1.02;
   letter-spacing: -0.03em;
   font-weight: 800;
}

.promkt-client-showcase__card.is-standard .promkt-client-showcase__title {
   color: #1b1b1b;
   font-size: 26px;
}

.promkt-client-showcase__summary {
   margin: 0;
   max-width: 54ch;
   color: rgba(255, 255, 255, 0.82);
   font-size: 15px;
   line-height: 1.6;
}

/* ── CTA ── */
.promkt-client-showcase__cta {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   margin-top: auto;
   font-size: 14px;
   font-weight: 700;
   line-height: 1.2;
}

.promkt-client-showcase__card.is-featured .promkt-client-showcase__cta,
.promkt-client-showcase__card.is-secondary .promkt-client-showcase__cta {
   padding: 14px 18px;
   border-radius: 999px;
   border: 1px solid rgba(255, 255, 255, 0.28);
   background: rgba(255, 255, 255, 0.06);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   color: #ffffff;
}

.promkt-client-showcase__card.is-standard .promkt-client-showcase__cta {
   color: #5f19c8;
}

/* ── Progress bar (auto-rotation on Destaque) ── */
.promkt-client-showcase__progress {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 4px;
   background: rgba(255, 255, 255, 0.16);
   z-index: 3;
   overflow: hidden;
   border-radius: 0 0 var(--pcs-border-radius, 20px) var(--pcs-border-radius, 20px);
}

.promkt-client-showcase__progress-bar {
   height: 100%;
   width: 0;
   background: linear-gradient(90deg, #5100a7 0%, #6c21ce 100%);
   will-change: width;
}

/* ── Hover effects ── */
.promkt-client-showcase__card:hover .promkt-client-showcase__media img,
.promkt-client-showcase__card:focus-within .promkt-client-showcase__media img {
   transform: scale(1.04);
   transition: transform 0.6s ease;
}

/* ── Footer ── */
.promkt-client-showcase__footer {
   display: flex;
   justify-content: center;
}

.promkt-client-showcase__load-more[hidden] {
   display: none;
}

.promkt-client-showcase.is-loading .promkt-client-showcase__load-more,
.promkt-client-showcase.is-loading .promkt-client-showcase__filter {
   opacity: 0.6;
}

/* ── Empty state ── */
.promkt-client-showcase__empty {
   padding: 48px 24px;
   border-radius: var(--pcs-border-radius, 20px);
   background: linear-gradient(180deg, #ffffff 0%, #f7f4fb 100%);
   text-align: center;
   color: #544b60;
   box-shadow: inset 0 0 0 1px rgba(81, 0, 167, 0.06);
}

/* ── Responsive ── */
@media (max-width: 1024px) {
   .promkt-client-showcase__grid,
   .promkt-client-showcase__grid--manual {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .promkt-client-showcase__card.is-featured,
   .promkt-client-showcase__card.is-secondary {
      grid-column: 1 / -1;
   }
}

@media (max-width: 767px) {
   .promkt-client-showcase {
      gap: 20px;
   }

   .promkt-client-showcase__grid,
   .promkt-client-showcase__grid--manual {
      grid-template-columns: 1fr;
   }

   .promkt-client-showcase__card,
   .promkt-client-showcase__card.is-featured,
   .promkt-client-showcase__card.is-secondary {
      grid-column: auto;
      min-height: 280px;
   }

   .promkt-client-showcase__card.is-standard .promkt-client-showcase__media {
      min-height: 160px;
      flex-basis: 160px;
   }

   .promkt-client-showcase__content {
      padding: 18px;
   }
}