@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
h1, h2, h3, .service-card__title, .expert-name, .pull-quote, .decorative-number {
  font-family: "Cormorant Garamond", serif;
  font-synthesis: none;
  overflow-wrap: anywhere;
}
h1 { font-size: 48px; font-weight: 500; line-height: 1.1; letter-spacing: -.01em; }
h2 { font-size: 38px; font-weight: 500; line-height: 1.16; letter-spacing: -.005em; }
h3 { font-size: 30px; font-weight: 500; line-height: 1.16; }
.heading-34 { font-size: 34px; }
.service-card__title { font-size: 24px; font-weight: 600; line-height: 1.24; letter-spacing: 0; }
.expert-name { font-size: 30px; font-weight: 600; line-height: 1.2; }
.pull-quote { font-size: 28px; font-weight: 500; line-height: 1.28; }
.decorative-number { font-size: 140px; font-weight: 600; line-height: 1.2; }
@media (max-width: 48rem) {
  .pull-quote { font-size: 22px; }
  .decorative-number { font-size: 128px; }
}

@font-face { font-family: "Inter"; src: url("../fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Inter"; src: url("../fonts/inter-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: "Inter"; src: url("../fonts/inter-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

body { font-family: "Inter", sans-serif; font-size: var(--artesicura-text); font-weight: 400; line-height: var(--artesicura-text-line); font-synthesis: none; color: #5B6360; background: #F2F0E9; }
button, input, select, textarea { font: inherit; }
.body-standard { font-size: 16px; line-height: 1.62; }
.service-card__description, .body-small { font-size: 14px; line-height: 1.56; }
.page-summary, .lead { font-size: 20px; line-height: 1.6; }
.nav-list { font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: .02em; }
.eyebrow { font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .14em; text-transform: uppercase; }
.button-label { font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: .06em; text-transform: uppercase; }
.banner-label { font-size: 15px; font-weight: 600; line-height: 1; letter-spacing: .06em; text-transform: uppercase; }
.promo-note { font-size: 13px; line-height: 1.5; }
.quote-banner__note { font-size: 14px; line-height: 1.5; }
.service-card__action { font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 48rem) { .service-card__action { font-size: 12px; } }

@font-face { font-family: "Inter"; src: url("../fonts/inter-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
strong, b { font-weight: 700; }
strong.emphasis-semibold { font-weight: 600; }
/* Feedback v6 (Silvia, 20/10, e-book confirmation «Il tuo ebook *Comprare Arte* è in arrivo»): there are no
   italic files of Inter, and `font-synthesis: none` above also blocked the browser's oblique, so <em> showed
   upright. Italic may be synthesised; weight synthesis stays off (bold uses the real 600/700 files). */
body { font-synthesis-style: auto; }