/* Approved Apple-inspired story; scoped to this homepage section only. */
.home-value {
  --value-title: var(--text-xl);
  --value-heading: var(--text-lg);
  --value-body: 1rem;
  --value-intro: 1.125rem;
  --value-closing: var(--text-xl);
  --value-ink: #1D1D1F;
  --value-muted: #6E6E73;
  --value-title-muted: var(--value-ink);
  --value-pad-top: 4.875rem;
  --value-pad-bottom: 4rem;
  --value-after-title: 1.875rem;
  --value-after-intro: 4.125rem;
  --value-row-gap: 3rem;
  --value-col-gap: 5.625rem;
  --value-after-heading: 1rem;
  --value-before-closing: 2.5rem;
  --value-mascot-gap: 2rem;
  --value-closing-copy-gap: 1.5rem;
  box-sizing: border-box;
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: var(--value-pad-top) 0 var(--value-pad-bottom);
  background: #fff;
  color: var(--value-ink);
}
.home-value__intro {
  display: block;
  text-align: center;
  max-width: 1060px;
  margin: 0 auto var(--value-after-intro);
}
.home-value .home-value__intro h2 {
  font-size: var(--value-title);
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: -.005em;
  color: var(--value-ink);
  max-width: none;
  margin: 0 0 var(--value-after-title);
}
.home-value__intro h2 > span { display: block; }
.home-value__intro h2 > span:last-child { color: var(--value-title-muted); }
.home-value .home-value__intro p {
  max-width: 980px;
  margin: 0 auto;
  color: var(--value-muted);
  font-size: var(--value-intro);
  line-height: 1.65;
  font-weight: 400;
  letter-spacing: -.15px;
}
.home-value__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--value-row-gap) var(--value-col-gap);
  max-width: 1040px;
  margin: 0 auto;
}
.home-value__body > div { min-width: 0; }
.home-value .home-value__body h3 {
  color: var(--value-ink);
  font-size: var(--value-heading);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -.005em;
  margin: 0 0 var(--value-after-heading);
  max-width: 425px;
}
.home-value .home-value__body p {
  color: var(--value-muted);
  font-size: var(--value-body);
  line-height: 1.75;
  font-weight: 400;
  letter-spacing: -.15px;
  margin: 0;
}
.home-value__closing {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--value-mascot-gap);
  max-width: 1040px;
  margin: var(--value-before-closing) auto 0;
  text-align: center;
}
.home-value__closing > img {
  width: 100px;
  height: 112px;
  object-fit: contain;
  filter: saturate(.88) contrast(.95);
  flex: none;
}
.home-value__closing > div { min-width: 0; max-width: 900px; }
.home-value .home-value__closing h3 {
  color: var(--value-ink);
  font-size: var(--value-closing);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.005em;
  margin: 0 auto var(--value-closing-copy-gap);
  max-width: 900px;
}
.home-value__closing h3 > span { display: block; }
.home-value .home-value__closing p {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--value-muted);
  margin: 0 auto;
  letter-spacing: -.15px;
  max-width: 670px;
}
@media (max-width: 1180px) {
  .home-value { --value-col-gap: 3rem; }
}
@media (max-width: 700px) {
  .home-value {
    --value-intro: 1rem;
    --value-pad-top: 3rem;
    --value-pad-bottom: 3rem;
    --value-after-title: 1.5rem;
    --value-after-intro: 2.5rem;
    --value-row-gap: 2rem;
    --value-before-closing: 1.5rem;
    --value-mascot-gap: 1.5rem;
    --value-closing-copy-gap: 1rem;
  }
  .home-value__body { grid-template-columns: minmax(0, 1fr); }
  .home-value .home-value__closing p { font-size: var(--value-body); }
  .home-value__closing > img { width: 86px; height: 96px; }
}