/* Keep the personality at the conversation point, not over product details. */
.visual-page__intro { grid-template-columns: minmax(0, 1fr); }
.visual-page__intro-mark { display: none; }
.visual-page__intro:has(> div:first-child:empty) { display: none; }
.visual-rich-section__index small { display: none; }
.visual-rich-section { border-radius: 0; box-shadow: none; }
.visual-rich-section__content h2 { max-width: none; font-size: 2rem; letter-spacing: 0; }
.page-hero h1, .page-hero__copy h1 { max-width: none; letter-spacing: 0; }
.interior-mascot { position: relative; width: 9rem; aspect-ratio: 2 / 3; justify-self: center; pointer-events: none; }
.interior-mascot img { display: block; width: 100%; height: 100%; object-fit: contain; }
.interior-spark { position: absolute; width: 1.5rem; aspect-ratio: 1; background: #27a9e1; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 2C55 38 62 45 98 50C62 55 55 62 50 98C45 62 38 55 2 50C38 45 45 38 50 2Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.interior-spark--cyan { top: 13%; left: 0; transform: rotate(-8deg); }
.interior-spark--lime { top: 3%; right: 0; width: 1rem; background: #8dc63f; transform: rotate(12deg); }
.bc-story .interior-contact .bc-contact__grid { grid-template-columns: 9rem minmax(0, 1.2fr) minmax(13rem, .8fr); gap: 2rem; }
.interior-contact .bc-contact__copy, .interior-contact .bc-contact__actions { min-width: 0; }
.interior-contact .bc-contact__copy h2 { max-width: none; }
.interior-contact .wp-block-button__link { white-space: normal; }
.interior-next-step { display: grid; grid-template-columns: minmax(0, 1fr) 9rem; gap: 2rem; align-items: center; }
.interior-next-step > :not(.interior-mascot) { min-width: 0; }
.interior-next-step h2 { max-width: none; }
.interior-next-step .interior-mascot { grid-column: 2; grid-row: 1; }
@media (max-width: 1000px) {
  .bc-story .interior-contact .bc-contact__grid { grid-template-columns: 7rem minmax(0, 1fr); gap: 1.5rem; }
  .interior-contact .interior-mascot { width: 7rem; grid-row: 1 / 3; }
  .interior-contact .bc-contact__copy, .interior-contact .bc-contact__actions { grid-column: 2; }
}
@media (max-width: 700px) {
  .bc-story .interior-contact .bc-contact__grid, .interior-next-step { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .interior-contact .interior-mascot, .interior-next-step .interior-mascot { display: none; }
  .interior-contact .bc-contact__copy, .interior-contact .bc-contact__actions { grid-column: 1; }
}
