/* One readable body size, with a quieter size for labels and actions. */
:root {
  --villa-body-size: 20px;
  --villa-label-size: 15px;
}

.hero-cinema .film-support > p,
.selection-statement .selection-explanation,
.collection-heading .collection-introduction,
.service-story .service-story-heading > p,
.service-story .service-scene .service-scene-aside > p,
.contact-finale .contact-introduction {
  font-size: var(--villa-body-size);
  line-height: 1.75;
}

.selection-gallery .selection-frame figcaption {
  font: 400 var(--villa-label-size)/1.6 var(--sans);
  letter-spacing: .015em;
}

.collection-editorial .property-title,
.collection-editorial .property-guest-capacity,
.hero-cinema .film-primary-cta,
.service-story .service-story-note,
.contact-finale .contact-channel-detail,
.contact-finale .contact-reassurance,
.contact-finale .contact-selection,
.contact-finale .contact-selection button,
.quiet-footer nav {
  font-size: var(--villa-label-size);
}

.quiet-footer .quiet-footer-copyright { font-size: 13px; }

.collection-editorial { background: #F0EBDF; }
.collection-heading .collection-introduction { max-width: 420px; }
.collection-editorial .property-title { font-size: 17px; }
.collection-editorial .property-guest-capacity { opacity: .8; }

@media (min-width: 761px) {
  .collection-editorial .property-photo {
    aspect-ratio: .76;
    max-height: calc(100svh - 260px);
  }
}

@media (max-width: 760px) {
  :root { --villa-body-size: 18px; }
  .collection-editorial .property-title { font-size: 16px; }
}