/* Compact photographic journey, isolated to the staging luxury homepage. */
body.velvet-home-page .trust-steps {
  padding: 62px 32px 68px;
  background: #faefec;
}
body.velvet-home-page .trust-steps .section__inner { width: min(1140px, 100%); }
.journey-intro { max-width: 800px; margin: 0 auto 32px; text-align: center; }
.journey-intro__eyebrow {
  display: flex; align-items: center; justify-content: center; gap: 15px;
  margin-bottom: 15px; color: #923750; font: 600 11px/1.4 var(--sans);
  letter-spacing: .28em; text-transform: uppercase;
}
.journey-intro__eyebrow::before, .journey-intro__eyebrow::after {
  content: ""; width: 36px; height: 1px; background: #d8a6a9;
}
body.velvet-home-page .trust-steps .journey-intro h2 {
  max-width: 780px; margin: 0 auto; color: #48172c;
  font: 400 clamp(38px, 4vw, 56px)/1.08 var(--serif);
  letter-spacing: -.035em; text-wrap: balance;
}
.journey-intro h2 em { color: #9c173d; font-style: normal; }
body.velvet-home-page .trust-steps .journey-intro p {
  max-width: 660px; margin: 15px auto 0; color: #584550;
  font: 400 15px/1.55 var(--sans); text-wrap: balance;
}
.journey-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;
  margin: 0; padding: 0; list-style: none;
}
.journey-card {
  display: flex; flex-direction: column; min-width: 0; overflow: hidden;
  border: 5px solid #fffaf8; border-radius: 23px; background: #fff8f6;
  box-shadow: 0 12px 28px rgb(105 37 57 / .11);
}
.journey-card__photo { position: relative; height: 325px; background: #f7e8e4; }
.journey-card__photo img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center 42%;
}
.journey-card:nth-child(2) .journey-card__photo img { object-position: center 56%; }
.journey-card:nth-child(3) .journey-card__photo img { object-position: center 51%; }
.journey-card__copy { flex: 1; padding: 20px 23px 24px; }
.journey-card__number {
  display: grid; place-items: center; width: 43px; height: 43px;
  margin-bottom: 12px; border-radius: 50%; background: #b72750; color: #fff;
  font: 600 17px/1 var(--sans);
}
body.velvet-home-page .trust-steps .journey-card h3 {
  margin: 0; color: #48172c; font: 400 29px/1.08 var(--serif);
  letter-spacing: -.025em;
}
body.velvet-home-page .trust-steps .journey-card p {
  margin: 11px 0 0; color: #5c4853; font: 400 14px/1.48 var(--sans);
}
body.velvet-home-page .trust-steps .journey-cta {
  display: flex; width: fit-content; min-width: 270px; min-height: 52px;
  margin: 28px auto 0; padding: 13px 25px; border-radius: 999px;
  background: #5b0d2a; color: #fffaf5; font-size: 14px; font-weight: 600;
  white-space: nowrap; box-shadow: 0 8px 17px rgb(91 13 42 / .2);
}
body.velvet-home-page .trust-steps .journey-cta:is(:hover, :focus-visible) { background: #450b20; color: #fffaf5; }
body.velvet-home-page .trust-steps .journey-cta:focus-visible { outline: 3px solid #8f254a; outline-offset: 4px; }

@media (max-width: 1079px) {
  .journey-grid { grid-template-columns: 1fr; gap: 14px; max-width: 760px; margin-inline: auto; }
  .journey-card { flex-direction: row; min-height: 205px; }
  .journey-card__copy { order: 0; flex: 0 0 42%; align-self: center; }
  .journey-card__photo { order: 1; flex: 1; height: auto; min-height: 205px; }
  .journey-card:nth-child(2) .journey-card__photo { order: 0; }
  .journey-card:nth-child(2) .journey-card__copy { order: 1; }
}
@media (max-width: 767px) {
  body.velvet-home-page .trust-steps { padding: 36px 18px 42px; }
  .journey-intro { max-width: 430px; margin-bottom: 19px; }
  .journey-intro__eyebrow { gap: 9px; margin-bottom: 10px; font-size: 9px; letter-spacing: .25em; }
  .journey-intro__eyebrow::before, .journey-intro__eyebrow::after { width: 22px; }
  body.velvet-home-page .trust-steps .journey-intro h2 { font-size: clamp(29px, 7.7vw, 34px); line-height: 1.07; }
  body.velvet-home-page .trust-steps .journey-intro p { margin-top: 10px; font-size: 12px; line-height: 1.43; }
  .journey-grid { gap: 10px; }
  .journey-card { min-height: 170px; border-width: 3px; border-radius: 18px; }
  .journey-card__copy { flex-basis: 56%; padding: 12px 10px 13px 13px; }
  .journey-card__photo { min-height: 170px; }
  .journey-card__number { width: 29px; height: 29px; margin-bottom: 7px; font-size: 12px; }
  body.velvet-home-page .trust-steps .journey-card h3 { font-size: 19px; line-height: 1.08; }
  body.velvet-home-page .trust-steps .journey-card p { margin-top: 7px; font-size: 12px; line-height: 1.36; }
  .journey-card:first-child .journey-card__photo img { object-position: 50% 36%; }
  .journey-card:nth-child(2) .journey-card__photo img { object-position: 50% 63%; }
  .journey-card:nth-child(3) .journey-card__photo img { object-position: 50% 54%; }
  body.velvet-home-page .trust-steps .journey-cta {
    width: min(100%, 340px); min-width: 0; min-height: 46px;
    margin-top: 18px; padding: 10px 18px; font-size: 12px;
  }
}
@media (max-width: 359px) {
  body.velvet-home-page .trust-steps { padding-inline: 12px; }
  body.velvet-home-page .trust-steps .journey-intro h2 { font-size: 28px; }
  .journey-card__copy { padding: 11px 7px 12px 10px; }
  body.velvet-home-page .trust-steps .journey-card h3 { font-size: 17px; }
  body.velvet-home-page .trust-steps .journey-card p { font-size: 11.5px; }
}
