/* A service directory should be read like a clear list, not decoded like a campaign. */
.services-page main{max-width:1440px;margin-inline:auto}
.services-page__hero,.services-page__group,.services-page__formats,.services-page__gift{width:100%;max-width:1440px}
.services-page__hero{
  min-height:0;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.7fr);
  gap:clamp(32px,6vw,88px);
  padding-top:clamp(72px,8vw,112px);
  padding-bottom:clamp(62px,7vw,96px);
  background:radial-gradient(ellipse 32% 55% at 80% 48%,oklch(.23 .055 170/.28),transparent 73%);
}
.services-page__hero h1{max-width:15ch;font-size:clamp(2.8rem,5.2vw,5.3rem);line-height:1.04;text-wrap:balance}
.services-page__hero-copy{max-width:35rem;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.62}

.services-page__group{padding-top:clamp(64px,7vw,96px);padding-bottom:clamp(68px,7vw,104px);background:transparent}
.services-page__group-heading{grid-template-columns:minmax(180px,.44fr) minmax(0,1fr);gap:clamp(32px,7vw,100px);margin-bottom:clamp(32px,4vw,52px);padding-top:20px;border-top:1px solid var(--line)}
.services-page__group h2{max-width:18ch;font-size:clamp(2rem,3.7vw,3.7rem);line-height:1.08}

.services-page__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.services-page__card{
  display:flex;
  position:relative;
  min-width:0;
  flex-direction:column;
  gap:0;
  padding:0;
  overflow:hidden;
  background:var(--surface);
}
.services-page__card:hover,.services-page__card:focus-visible{background:oklch(.14 .014 170);transform:translateY(-2px)}
.services-page__number{position:absolute;z-index:1;top:15px;left:15px;padding:4px 6px;background:oklch(.1 0 0/.8);color:var(--primary);font-size:.65rem}
.services-page__card>img{width:100%;height:auto;min-height:0;aspect-ratio:16 / 10;object-fit:contain;background:oklch(.12 .006 170)}
.services-page__card>div{display:flex;min-width:0;min-height:242px;flex:1;flex-direction:column;align-self:stretch;padding:22px}
.services-page__card h3{max-width:none;font-size:clamp(1.18rem,1.55vw,1.5rem);line-height:1.18;text-wrap:balance}
.services-page__value{margin-top:13px;font-size:1rem;line-height:1.42}
.services-page__card div>p:not(.services-page__value){margin-top:10px;font-size:.9rem;line-height:1.52}
.services-page__link{margin-top:auto;padding-top:18px;font-size:.77rem}

.services-page__formats{padding-top:clamp(64px,7vw,96px);padding-bottom:clamp(64px,7vw,96px)}
.services-page__formats h2{max-width:16ch;font-size:clamp(2rem,3.7vw,3.7rem);line-height:1.08}
.services-page__formats>div{gap:14px;margin-top:clamp(30px,4vw,48px)}
.services-page__formats a{min-height:180px;padding:clamp(22px,2.7vw,34px)}
.services-page__formats strong{max-width:22ch;font-size:clamp(1.18rem,1.8vw,1.7rem)}
.services-page__formats a span{margin-top:18px;font-size:.9rem}

.services-page__gift{gap:clamp(24px,4vw,64px);padding-top:clamp(64px,7vw,96px);padding-bottom:clamp(64px,7vw,96px)}
.services-page__gift h2{font-size:clamp(2rem,3.7vw,3.7rem);line-height:1.08}
.services-page__group--business{background:var(--surface)}

@media(max-width:1050px){
  .services-page__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .services-page__hero,.services-page__group,.services-page__formats{padding-inline:18px}
  .services-page__hero{display:block;padding-top:52px;padding-bottom:56px}.services-page__hero h1{font-size:clamp(2.45rem,10.4vw,3.55rem)}.services-page__hero-copy{margin-top:28px}.services-page__hero .index{margin-bottom:18px}
  .services-page__group{padding-top:58px;padding-bottom:58px}.services-page__group-heading{display:block;margin-bottom:28px}.services-page__group-heading .index{margin-bottom:15px}.services-page__group h2,.services-page__formats h2{font-size:clamp(1.9rem,8.9vw,2.85rem)}
  .services-page__cards{grid-template-columns:1fr;gap:10px}.services-page__card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:135px}.services-page__card>img{height:100%;min-height:135px;aspect-ratio:auto}.services-page__card>div{min-height:0;padding:15px}.services-page__number{top:8px;left:8px;font-size:.55rem}.services-page__card h3{font-family:Manrope,Arial,sans-serif;font-size:1.07rem;font-weight:700;letter-spacing:-.02em}.services-page__value{margin-top:8px;font-size:.88rem}.services-page__card div>p:not(.services-page__value),.services-page__link{display:none}
  .services-page__formats{padding-top:58px;padding-bottom:58px}.services-page__formats>div{grid-template-columns:1fr;gap:10px;margin-top:28px}.services-page__formats a{min-height:0;padding:22px}.services-page__formats strong{font-size:1.25rem}
  .services-page__gift{padding:58px 18px;gap:26px}.services-page__gift h2{font-size:clamp(1.9rem,8.9vw,2.85rem)}
}

@media(prefers-reduced-motion:reduce){.services-page__card,.services-page__formats a{transition:none}}