/* The sartoriale guide sits on a black ground with deep-copper buttons, darker than the rest of the site. */
.theme-dark { --sart-bg: #000; --sart-panel: #0E0E0E; }
.theme-dark .btn--copper,
.theme-dark .section--faq-light .info-band .btn--primary { background: #7C4024; color: #fff; }
.theme-dark .btn--copper:hover,
.theme-dark .section--faq-light .info-band .btn--primary:hover { background: #63331D; color: #fff; }

.theme-dark .eyebrow--warm { color: var(--copper); }

.symptom {
  margin-left: 0 !important;
  justify-content: center;
  border-radius: 12px;
  padding: 14px 26px;
  background: #000;
  text-align: center;
}
.symptom__icon { width: 36px; height: 36px; }

.advice--grey { background: #545454; border-color: transparent; }
.advice--grey .advice__kicker { color: rgba(255, 255, 255, .85); }
.advice--grey .advice__desc { color: rgba(255, 255, 255, .8); }
.advice--grey .advice__cta { color: #fff; font-size: 16px; font-style: italic; font-weight: 500; }
.advice--black { background: #000; }
.advice--black .advice__title { font-weight: 400; }
.advice--black .advice__cta { color: #fff; }

.media-panel--split.media-panel--square { height: auto; }

.tiles--dark .tile { background: #000; }
.tiles--side .tile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  column-gap: 16px;
}
.tiles--side .tile__icon { grid-row: span 2; width: 44px; height: 44px; margin-bottom: 0; }
.tiles--side .tile__desc { margin-bottom: 0; }

#percorso .tiles { margin-top: clamp(60px, 8vw, 120px); }

.section--center > .eyebrow--warm + .h2 { margin-bottom: 18px; }
.section--info:has(.bookcard) { padding-bottom: clamp(40px, 6vw, 80px); }

.slider-section + .hero { margin-top: clamp(60px, 8vw, 110px); }
.hero--stack .hero__actions { flex-direction: column; align-items: flex-start; }

.theme-dark .section--faq-light .eyebrow { color: var(--copper-hover); }
.section--faq-light .info-band__icon .icon:not(.icon--light) { filter: none; }

@media (min-width: 761px) {
  .band--wide-media .band__inner { grid-template-columns: minmax(0, 44fr) minmax(0, 56fr); }
  .band--wide-media .band__inner > .band__text { padding-right: 40px; }
  .band--wide-media .band__title { font-size: clamp(32px, 3.6vw, 48px); }
  .band--wide-media .band__media { min-height: 0; }
}

@media (max-width: 760px) {
  .advice__cta { white-space: normal; }
}

.slider-section { --page-inset: max(var(--gutter), calc((100vw - var(--maxw)) / 2 + var(--gutter))); }
.slider-section .slider__head { max-width: none; padding-inline: var(--page-inset); }
.slider-section .slider { margin-inline: var(--page-inset); padding-inline: 0; }
.slide__face--still > img { mix-blend-mode: multiply; }

@media (min-width: 761px) {
  .slider-section .slide { width: calc((100% - 60px) / 4); }
}
.theme-dark .slide__face--still { background-color: #fff; }

@media (min-width: 761px) {
  .hero--stack { min-height: 0; aspect-ratio: 7 / 4; }
  .hero--stack .hero__content { max-width: 600px; }
  .hero--stack .hero__title { font-size: clamp(34px, 3.9vw, 52px); }

  .band--wide-media { background: none; }
  .band--wide-media .band__inner > .band__text { position: relative; z-index: 2; margin-top: 2.5vw; background: #000; }
  .band--wide-media .band__media { z-index: 1; margin: 0 0 .5vw -25vw; aspect-ratio: 16 / 9; }
}