/*
 * Webmail showcase v2: use the canonical Mailcore lockup geometry.
 * The mock previously forced the ribbon into a square and pulled it one pixel
 * under the wordmark. Keep this layer small so the shared brand component
 * remains the source of truth.
 */

.site-home--cf-v2 .webmail-showcase__brand.mailcore-logo {
  align-items: baseline;
  gap: 0;
  font-weight: var(--font-weight-semibold);
  letter-spacing: -.025em;
}

.site-home--cf-v2 .webmail-showcase__brand.mailcore-logo .mailcore-logo__mark {
  width: auto;
  height: .741em;
  margin-inline-end: .068em;
}

/* When responsive layout intentionally hides the wordmark, retain a legible
 * 20px mark without reserving the optical word gap. */
@media (min-width: 56.251rem) and (max-width: 68.75rem),
       (max-width: 39.999rem) {
  .site-home--cf-v2 .webmail-showcase__brand.mailcore-logo .mailcore-logo__mark {
    height: 20px;
    margin-inline-end: 0;
  }
}