/* Myrtle Statement + Linked Grid (mck-about-today): from site/about/v1/style.css (.td-*). */
.mck-about-today .td-lead { max-width: 30ch; font-family: var(--display); font-weight: 300; font-size: clamp(30px, 3vw, 46px); line-height: 1.18; letter-spacing: -.02em; color: var(--ink); }
.mck-about-today .td-k { --hl: color-mix(in srgb, var(--c) 42%, transparent); position: relative; background: linear-gradient(var(--hl), var(--hl)) 0 88% / 0% 34% no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .8s var(--ease); cursor: default; }
.mck-about-today .td-lead.is-in .td-k, .reduced .mck-about-today .td-k { background-size: 100% 34%; }
.mck-about-today .td-lead.is-in .td-k.is-hot { background-size: 100% 92%; }
@media (prefers-reduced-motion: no-preference) {
  .mck-about-today .td-lead.is-in .td-k { animation: mckTdHl 1.2s var(--ease) backwards; animation-delay: calc(var(--k) * 220ms + .5s); }
  @keyframes mckTdHl { from { background-size: 0% 34%; } }
}
.mck-about-today .td-n { position: relative; top: -1.1em; margin-right: .2em; font-family: var(--body); font-size: max(11px, .24em); font-weight: 500; letter-spacing: .12em; color: var(--teal); }

.mck-about-today .td-grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: clamp(56px, 6vw, 96px); }
.mck-about-today .td-cell { position: relative; isolation: isolate; display: flex; flex-direction: column; min-height: 300px; padding: clamp(32px, 3.6vw, 56px); border: 0 solid var(--hair); }
.mck-about-today .td-cell:nth-child(odd) { border-right-width: 1px; }
.mck-about-today .td-cell:nth-child(-n+2) { border-bottom-width: 1px; }
.mck-about-today .td-cell::before { content: ""; position: absolute; z-index: -1; inset: 10px; border-radius: 26px; background: var(--soft); opacity: 0; transform: scale(.96); transition: opacity .6s var(--ease), transform .8s var(--ease); }
.mck-about-today .td-cell.is-hot::before { opacity: 1; transform: none; }
.mck-about-today .td-top { display: flex; align-items: center; gap: 14px; margin-bottom: auto; padding-bottom: 48px; }
.mck-about-today .td-num { font-family: var(--display); font-weight: 300; font-size: 22px; color: var(--teal); }
.mck-about-today .td-shape { width: 30px; height: 30px; object-fit: contain; transition: transform .9s var(--spring); }
.mck-about-today .td-cell.is-hot .td-shape { transform: rotate(-30deg) scale(1.2); }
.mck-about-today .td-ic { display: grid; place-items: center; width: 60px; height: 60px; margin-left: auto; border-radius: 50%; border: 1px solid var(--hair); background: var(--white); transition: transform .7s var(--spring), border-color .5s var(--ease); }
.mck-about-today .td-ic img { width: 28px; }
.mck-about-today .td-cell.is-hot .td-ic { transform: scale(1.08); border-color: transparent; }
.mck-about-today .td-cell h3 { font-size: clamp(26px, 2vw, 30px); font-weight: 300; line-height: 1.1; margin-bottom: 14px; max-width: 16ch; }
.mck-about-today .td-cell p { font-weight: 300; font-size: 17px; max-width: 44ch; }
@media (max-width: 767px) {
  .mck-about-today .td-grid { grid-template-columns: 1fr; margin-top: 40px; }
  .mck-about-today .td-cell:nth-child(odd) { border-right-width: 0; }
  .mck-about-today .td-cell:nth-child(-n+2) { border-bottom-width: 0; }
  .mck-about-today .td-cell:not(:last-child) { border-bottom-width: 1px; }
  .mck-about-today .td-cell { min-height: 0; padding: 32px 0; }
  .mck-about-today .td-cell::before { inset: 8px -12px; border-radius: 22px; }
  .mck-about-today .td-top { padding-bottom: 28px; }
  .mck-about-today .td-ic { width: 48px; height: 48px; }
  .mck-about-today .td-ic img { width: 24px; }
  .mck-about-today .td-cell p { font-size: 16px; }
}