/* The response is reachable directly from the first homepage tile. */
#selected-work > .humanity-home-card {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 5vw, 72px);
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: clamp(32px, 5vw, 72px);
  background: #f7f9f7;
  color: #172b35;
  text-align: left;
  text-decoration: none;
  transition: background-color .2s ease;
}
.humanity-home-card .humanity-home-kicker {
  display: block;
  margin-bottom: 22px;
  color: #08614f;
  font: 600 12px/1.6 ftnk, Arial, sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
}
#selected-work .humanity-home-card h2 {
  margin: 0;
  color: #172b35;
  font: 400 clamp(42px, 4.5vw, 72px)/1.03 "Instrument Serif", Georgia, serif;
  letter-spacing: -.025em;
  text-align: left;
}
.humanity-home-card h2 span { color: #08614f; }
.humanity-home-card .humanity-home-details p {
  max-width: 34ch;
  margin: 0 0 28px;
  color: #172b35;
  font: 400 clamp(18px, 1.6vw, 22px)/1.6 ftnk, Arial, sans-serif;
}
.humanity-home-card .humanity-home-action {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #08614f;
  font: 600 16px/1.5 ftnk, Arial, sans-serif;
}
.humanity-home-card .humanity-home-action > span { transition: transform .2s ease; }
#selected-work > .humanity-home-card:is(:hover, :focus-visible) { background: #e7f3ed; }
#selected-work > .humanity-home-card:focus-visible { outline: 3px solid #08614f; outline-offset: -5px; }
.humanity-home-card:is(:hover, :focus-visible) .humanity-home-action > span { transform: translate(3px, -3px); }
@media (max-width: 700px) {
  #selected-work > .humanity-home-card { grid-template-columns: minmax(0, 1fr); padding: 36px 25px; gap: 26px; }
  #selected-work .humanity-home-card h2 { font-size: clamp(40px, 10.5vw, 66px); }
  .humanity-home-card .humanity-home-kicker { font-size: 11px; letter-spacing: .07em; margin-bottom: 20px; }
  .humanity-home-card .humanity-home-details p { max-width: 38ch; margin-bottom: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  #selected-work > .humanity-home-card, .humanity-home-card .humanity-home-action > span { transition: none; }
  .humanity-home-card:is(:hover, :focus-visible) .humanity-home-action > span { transform: none; }
}