/* Shared section recipes taken from the approved homepage. Hero and scroll scenes keep their own layout. */
:root {
  --section-space: clamp(80px, 7vw, 128px);
  --section-feature-start: clamp(88px, 8vw, 150px);
  --section-feature-end: clamp(96px, 9vw, 170px);
  --section-mosaic-start: var(--section-feature-start);
  --section-mosaic-end: var(--section-feature-end);
  --section-services-start: clamp(80px, 6vw, 112px);
  --section-services-end: 112px;
  --section-contact-start: clamp(88px, 8vw, 140px);
  --section-contact-end: clamp(100px, 9vw, 160px);
}

.about-page .responsibility-mosaic {
  padding-block: var(--section-mosaic-start) var(--section-mosaic-end);
}
.about-page .about-mission,
.prices-page .prices-models {
  padding-block: var(--section-services-start) var(--section-services-end);
}
.about-page .about-contact {
  padding-block: var(--section-contact-start) var(--section-contact-end);
}

@media (max-width: 1100px) {
  :root {
    --section-space: var(--compact-space);
    --section-feature-start: var(--compact-space);
    --section-feature-end: var(--compact-space);
    --section-mosaic-start: var(--compact-space);
    --section-mosaic-end: var(--compact-space);
    --section-services-start: var(--compact-space);
    --section-services-end: var(--compact-space);
    --section-contact-start: var(--compact-space);
    --section-contact-end: var(--compact-space);
  }
}