.services-page { --page-background: url('../../images/pages/services/background.svg'); }
.services-intro { min-height: calc(811 * var(--design-unit)); padding-bottom: calc(100 * var(--design-unit)); }
.services-intro__copy { max-width: calc(765 * var(--design-unit)); }
.services-layers { padding-bottom: calc(180 * var(--design-unit)); }
.services-layers__grid { display: grid; grid-template-columns: minmax(0,700fr) minmax(0,765fr); align-items: start; gap: calc(95 * var(--design-unit)); margin-top: calc(69 * var(--design-unit)); }
.services-accordion { padding-top: calc(1 * var(--design-unit)); }
.services-accordion .accordion__body { padding-right: calc(100 * var(--design-unit)); margin-top: calc(15.6 * var(--design-unit)); }
.services-layers__visual { width: 100%; aspect-ratio: 765 / 460; border-radius: calc(22 * var(--design-unit)); overflow: hidden; }
.services-layers__image { width: 100%; height: 100%; object-fit: cover; }
.services-mobile-only { display: none; }

@media (max-width: 768px) {
  .services-page .interior-banner { height: 5.4rem; }
  .services-page .interior-banner picture { display: block; width: 100%; height: 100%; }
  .services-page .interior-content { margin-top: -.6rem; background: linear-gradient(165deg, #100e19, #15111f 30%, #100e19 65%) bottom center / 100% calc(100% - var(--banner-seam-height)) no-repeat; clip-path: none; }
  .services-intro { min-height: 0; padding-top: 1.33rem; padding-bottom: 1.48rem; }
  .services-intro .section-tag { min-height: .4rem; padding: .12rem .24rem; }
  .services-intro .interior-intro__title { margin-top: .35rem; font-size: .56rem; line-height: 1.25; }
  .services-intro__copy { max-width: 3.3rem; margin-top: .3rem; font-size: .15rem; line-height: 1.75; }
  .services-layers { display: flex; flex-direction: column; padding-bottom: .82rem; }
  .services-layers .interior-section-title { font-size: .56rem; line-height: 1.24; }
  .services-layers__grid, .services-accordion { display: contents; }
  .services-accordion .accordion__item:first-child { order: 1; margin-top: .43rem; }
  .services-layers__visual { order: 2; aspect-ratio: 350 / 210; margin-top: .1rem; border-radius: .18rem; }
  .services-accordion .accordion__item:nth-child(2) { order: 3; }
  .services-accordion .accordion__item:nth-child(3) { order: 4; }
  .services-accordion .accordion__item + .accordion__item { margin-top: .35rem; }
  .services-accordion .accordion__item:nth-child(2) { margin-top: 1.15rem; }
  .services-accordion .accordion__item:nth-child(3) { margin-top: .75rem; }
  .services-accordion .accordion__item + .accordion__item::before { top: -.18rem; }
  .services-accordion .accordion__summary h3 { font-size: .2rem; line-height: 1.5; }
  .services-accordion .accordion__body { max-width: 2.7rem; padding-right: 0; margin-top: .41rem; font-size: .16rem; line-height: 1.9; }
  .services-desktop-only { display: none; }
  .services-mobile-only { display: block; }
}