.stanley-and-lance {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: clamp(28px, 5vw, 80px);
  align-items: start;
  padding: 80px clamp(22px, 5vw, 80px);
  border-block: 3px solid var(--pink);
  background: var(--ink);
  color: #fff;
}
.stanley-lance-heading .kicker {
  margin: 0 0 24px;
  color: var(--pink);
  font-size: .875rem;
  line-height: 1.5;
}
.stanley-lance-heading h2 {
  margin: 0;
  font-size: clamp(2.75rem, 5.4vw, 6rem);
  line-height: 1.04;
  letter-spacing: -.05em;
  overflow-wrap: anywhere;
}
.stanley-lance-heading h2 i { color: var(--pink); }
.stanley-lance-episode {
  margin-top: 40px;
  padding-top: 22px;
  border-top: 1px solid var(--pink);
}
.stanley-lance-episode > span { color: var(--pink); font-size: .875rem; }
.stanley-lance-episode h3 {
  margin: 14px 0;
  font-size: clamp(1.25rem, 2.2vw, 2rem);
  line-height: 1.2;
  letter-spacing: -.025em;
}
.stanley-lance-episode p { font: 1.5rem/1.4 "Libre Caslon Display", Georgia, serif; }
.stanley-lance-full {
  display: inline-block;
  max-width: 100%;
  margin-top: 10px;
  padding: 14px 16px;
  border: 2px solid var(--pink);
  background: var(--pink);
  color: var(--ink);
  font-size: .875rem;
  font-weight: 800;
  text-decoration: none;
}
.stanley-lance-full:hover { background: #fff; border-color: #fff; }
.stanley-lance-strip { margin: 0; border: 2px solid var(--pink); }
.stanley-lance-strip a { display: block; cursor: zoom-in; }
.stanley-lance-strip img { display: block; width: 100%; height: auto; }
.stanley-lance-strip figcaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 20px;
  padding: 13px 16px;
  background: var(--pink);
  color: var(--ink);
  font-size: .875rem;
  font-weight: 800;
}
.stanley-lance-transcript { margin-top: 24px; border-block: 1px solid #786781; }
.stanley-lance-transcript summary { padding: 16px 0; cursor: pointer; font-size: 1rem; }
.stanley-lance-transcript ol { padding-left: 28px; }
.stanley-lance-transcript li { padding: 0 12px 8px 0; line-height: 1.65; }
.stanley-and-lance a:focus-visible,
.stanley-lance-transcript summary:focus-visible { outline: 3px solid var(--acid); outline-offset: 5px; }
@media (max-width: 820px) {
  .stanley-and-lance { grid-template-columns: minmax(0, 1fr); padding-block: 48px; }
  .stanley-lance-heading h2 { font-size: clamp(2.75rem, 11vw, 5rem); }
  .stanley-lance-episode { margin-top: 24px; }
}
