/* Myrtle Scroll-lit Headline (mck-read): .read + word lighting live in mc.css / mc.js.
   "team" look from site/home/v2/style.css, "stmt" look from site/services/amazon-growth/v1/style.css. */
.mck-read { --display: "Sunset Serial", Georgia, serif; } /* Elementor containers set --display: flex */
.mck-read { background: var(--ink); color: rgba(255, 254, 253, .78); overflow: hidden; }
.mck-read::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("../../patterns/Pattern-Line-White-Tile.svg") 0 0 / 70px 105px repeat; opacity: .06; -webkit-mask-image: linear-gradient(180deg, transparent, #000 60%); mask-image: linear-gradient(180deg, transparent, #000 60%); }
.mck-read .wrap { position: relative; }

.mck-read .team-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(28px, 4vw, 64px); margin-top: clamp(64px, 8vw, 120px); }
.mck-read .team-col { padding-top: 32px; border-top: 1px solid var(--hair-light); }
.mck-read .team-col img { width: 40px; margin-bottom: 28px; }
.mck-read .team-col h3 { color: var(--white); font-size: clamp(24px, 2vw, 30px); font-weight: 300; margin-bottom: 14px; }
.mck-read .team-col p { font-size: 16.5px; font-weight: 300; }

.mck-read .read-p { margin-top: clamp(40px, 5vw, 64px); max-width: 60ch; margin-left: auto; font-weight: 300; font-size: clamp(17px, 1.3vw, 20px); }
.mck-read .read-p p + p { margin-top: 1em; }

/* Statement look */
.mck-read--stmt { color: rgba(255, 254, 253, .8); }
.mck-read--stmt::before { opacity: .05; -webkit-mask-image: linear-gradient(180deg, transparent, #000 70%); mask-image: linear-gradient(180deg, transparent, #000 70%); }
.mck-read--stmt .read { max-width: 20ch; font-size: clamp(38px, 4vw, 64px); }

@media (max-width: 767px) {
  .mck-read .team-cols { grid-template-columns: 1fr; gap: 40px; }
}