.why-hero-refined {
  padding: clamp(52px, 6vw, 82px) 0 clamp(58px, 7vw, 92px);
  background: #0b0b0b;
}

.why-hero-refined .why-hero-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: center;
  gap: clamp(30px, 5vw, 72px);
}

.why-hero-refined .why-hero-inner { max-width: 580px; }

.why-hero-refined .why-eyebrow {
  margin: 0 0 18px;
  color: #c2c2be;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}

.why-hero-refined h1 {
  max-width: 13ch;
  margin: 0;
  color: #f5f5f3;
  font-family: "MW Outfit", Arial, sans-serif;
  font-size: clamp(48px, 5.8vw, 72px);
  font-weight: 720;
  letter-spacing: -.045em;
  line-height: 1.01;
  text-wrap: balance;
  white-space: normal;
}

.why-hero-refined .why-hero-copy {
  max-width: 47ch;
  margin: 20px 0 25px;
  color: #d2d2cf;
  font-size: 17px;
  line-height: 1.65;
}

.why-hero-refined .why-hero-visual {
  display: block;
  width: 100%;
  max-width: 620px;
  aspect-ratio: 1.48;
  justify-self: end;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 3px;
  background: #171717;
  box-shadow: none;
}

.why-hero-refined .why-hero-visual::before,
.why-hero-refined .why-hero-visual::after { display: none; }

.why-hero-refined .why-hero-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 52%;
  filter: saturate(.86);
}

@media (max-width: 840px) {
  .why-hero-refined .why-hero-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }

  .why-hero-refined .why-hero-inner { max-width: 650px; }
  .why-hero-refined .why-hero-visual { max-width: 720px; aspect-ratio: 1.7; justify-self: start; }
}

@media (max-width: 560px) {
  .why-hero-refined { padding: 44px 0 50px; }
  .why-hero-refined .why-eyebrow { margin-bottom: 14px; font-size: 13px; }
  .why-hero-refined h1 { max-width: 12ch; font-size: clamp(42px, 11vw, 56px); }
  .why-hero-refined .why-hero-copy { margin: 17px 0 21px; font-size: 16px; line-height: 1.6; }
  .why-hero-refined .why-hero-visual { aspect-ratio: 1.35; }
}

/* Editorial service directory for the Why Us page. */
.why-page .why-services-section {
  position: relative;
  padding: clamp(72px, 7vw, 112px) 0 clamp(86px, 8vw, 122px);
  background:
    radial-gradient(ellipse 65% 25% at 82% 5%, rgba(255,255,255,.92), transparent 75%),
    linear-gradient(180deg, #eae9e5, #e2e1dc);
  color: #171817;
}
.why-page .why-services-section .wrap { max-width: 1400px; }
.why-page .why-section-heading {
  display: block;
  margin: 0 0 clamp(34px,4vw,55px);
  padding-bottom: clamp(26px,3vw,40px);
  border-bottom: 1px solid #aaa9a2;
}
.why-page .why-section-heading>div>p,
.why-page .why-section-intro { display:none; }
.why-page .why-section-heading>div>p {
  margin-bottom: 16px;
  color: #575852;
  font: 600 12px/1.4 "Azeret Mono", monospace;
  letter-spacing: .12em;
}
.why-page .why-section-heading h2 {
  max-width: 780px;
  color: #121312;
  font-size: clamp(52px,6vw,82px);
  line-height: .94;
  letter-spacing: -.045em;
}
.why-page .why-section-intro {
  max-width: 300px;
  justify-self: end;
  margin-bottom: 8px;
  color: #4e504c;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
.why-page .why-service-labels { display: none; }
.why-page .why-services-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: stretch;
  gap: clamp(16px,1.6vw,24px);
  border: 0;
}
.why-page .why-service {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 27px;
  min-width: 0;
  padding: clamp(29px,3vw,42px);
  overflow: hidden;
  border: 1px solid #c3c4c0;
  border-radius: 20px;
  background: linear-gradient(145deg,#fcfcfa,#f4f4f1);
  box-shadow: 0 1px 0 #fff inset,0 14px 32px #30332b0b;
  color: #1a1b1a;
  transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.why-page .why-service:hover {
  transform: translateY(-4px);
  border-color: #858883;
  box-shadow: 0 1px 0 #fff inset,0 23px 45px #30332b1b;
}
.why-page .why-service-heading {
  display: flex;
  align-items: start;
  gap: 18px;
  min-height: 55px;
}
.why-page .why-service-number {
  flex: none;
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  margin: 0;
  border: 1px solid #b3b5b0;
  border-radius: 50%;
  color: #565a56;
  font: 600 13px/1 "Azeret Mono", monospace;
  letter-spacing: -.03em;
}
.why-page .why-service-heading h3 {
  margin: -3px 0 0;
  color: #171817;
  font-size: clamp(30px,2.8vw,42px);
  line-height: 1.04;
  letter-spacing: -.025em;
}
.why-page .why-benefits {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 0;
  margin: auto 0 0;
  padding: 0;
}
.why-page .why-benefits li {
  display: block;
  min-width: 0;
  padding: 15px 0 14px 22px;
  border-top: 1px solid #d8d9d4;
  background: linear-gradient(#6c706d,#6c706d) 0 25px / 8px 1px no-repeat;
}
.why-page .why-benefits svg { display: none; }
.why-page .why-benefits h4 {
  margin: 0 0 4px;
  color: #1d201e;
  font-size: clamp(17px,1.45vw,21px);
  line-height: 1.22;
  letter-spacing: -.012em;
}
.why-page .why-benefits p {
  color: #555a55;
  font-size: 15px;
  line-height: 1.45;
}
.why-page .why-service:first-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  align-items: center;
  gap: clamp(30px,5vw,72px);
  min-height: 310px;
  border-color: #343735;
  background:
    radial-gradient(circle at 12% 120%,#464a46 0,transparent 34%),
    linear-gradient(120deg,#232625,#111413 70%);
  box-shadow: 0 25px 60px #282c2733,inset 0 1px 0 #ffffff24;
  color: #f4f5f1;
}
.why-page .why-service:first-child .why-service-heading { align-self: center; }
.why-page .why-service:first-child .why-service-number { border-color: #8d918d;color: #e2e4de; }
.why-page .why-service:first-child .why-service-heading h3 {
  max-width: 9ch;
  color: #f3f4f0;
  font-size: clamp(50px,5.5vw,76px);
  letter-spacing: -.045em;
}
.why-page .why-service:first-child .why-benefits { margin: 0; }
.why-page .why-service:first-child .why-benefits li {
  border-color: #ffffff30;
  background-image: linear-gradient(#c3c9c3,#c3c9c3);
}
.why-page .why-service:first-child .why-benefits h4 { color: #f5f6f3; }
.why-page .why-service:first-child .why-benefits p { color: #bdc2bc; }
@media (max-width:900px) {
  .why-page .why-services-grid { grid-template-columns: minmax(0,1fr); }
  .why-page .why-service:first-child { grid-column: auto; }
  .why-page .why-section-heading { gap: 24px; }
}
@media (max-width:640px) {
  .why-page .why-services-section { padding: 61px 0 72px; }
  .why-page .why-section-heading { margin-bottom: 25px;padding-bottom: 23px; }
  .why-page .why-section-heading h2 { font-size: clamp(45px,11vw,62px); }
  .why-page .why-section-intro { justify-self: start;max-width: 32ch;margin: 0;font-size: 16px; }
  .why-page .why-services-grid { gap: 13px; }
  .why-page .why-service,.why-page .why-service:first-child {
    display: flex;
    min-height: 0;
    gap: 18px;
    padding: 25px 23px;
    border-radius: 16px;
  }
  .why-page .why-service-heading { min-height: 0;gap: 13px; }
  .why-page .why-service-number { width: 35px;height: 35px;font-size: 11px; }
  .why-page .why-service-heading h3 { margin: 0;font-size: 31px; }
  .why-page .why-service:first-child .why-service-heading h3 { font-size: 42px; }
  .why-page .why-benefits h4 { font-size: 18px; }
  .why-page .why-benefits p { font-size: 15px; }
}
@media (prefers-reduced-motion:reduce) {
  .why-page .why-service { transition:none; }
  .why-page .why-service:hover { transform:none; }
}

/* Give the final invitation equal breathing room above and below. */
.why-page .why-services-section { padding-bottom: 54px; }
.why-page .why-cta { padding: 64px 0; }
.why-page .brand-footer { margin-top: 0; }
@media (max-width: 640px) {
  .why-page .why-services-section { padding-bottom: 36px; }
  .why-page .why-cta { padding: 36px 0; }
}