@font-face {
  font-family: "Libre Caslon Display";
  src: url("font/libre-caslon-display-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Libre Caslon Text";
  src: url("font/libre-caslon-text-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Libre Caslon Text";
  src: url("font/libre-caslon-text-400-italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Libre Caslon Text";
  src: url("font/libre-caslon-text-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("font/source-sans-3-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("font/source-sans-3-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
:root {
  --pietra: #E4DED4;
  --pietra-rgb: 228 222 212;
  --calce: #F3EFE8;
  --sasso: #CFC6B8;
  --inchiostro: #2A2321;
  --inchiostro-rgb: 42 35 33;
  --fumo: #5C524C;
  --amarone: #6B1E30;
  --amarone-rgb: 107 30 48;
  --amarone-scuro: #3E1119;
  --vino-chiaro: #EBDCDD;
  --lavanda: #B8B1D9;
  --carbone: var(--pietra);
  --carbone-rgb: var(--pietra-rgb);
  --legno: var(--calce);
  --venatura: rgb(var(--inchiostro-rgb) / 0.22);
  --crema: var(--inchiostro);
  --cenere: var(--fumo);
  --brace: var(--amarone);
  --font-titoli: "Libre Caslon Display", "Libre Caslon Text", Georgia, serif;
  --font-serif: "Libre Caslon Text", Georgia, serif;
  --font-testo: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --larghezza: 76rem;
  --margine: clamp(1rem, 4.5vw, 3rem);
  --spazio-1: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  --spazio-2: clamp(1rem, 0.85rem + 0.6vw, 1.5rem);
  --spazio-3: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem);
  --spazio-4: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);
  --spazio-5: clamp(3.5rem, 2.4rem + 4vw, 6.5rem);
  --titolo-hero: clamp(3rem, 1.6rem + 6.4vw, 6.75rem);
  --titolo-sezione: clamp(2.125rem, 1.5rem + 2.8vw, 3.75rem);
  --filo: 1px solid var(--venatura);
  --arco: 100vmax 100vmax 0 0;
  --soglia-larghezza: clamp(14rem, calc((100svh - 33.5rem) * 1.29 + 2.5rem), 36rem);
  --soglia-margine: clamp(0.75rem, 0.5rem + 1vw, 1.25rem);
  --soglia-filo: rgb(var(--inchiostro-rgb) / 0.32);
  --ciottoli-misura: 360px;
  --grana-misura: 200px;
  --stagioni-foto: min(56svh, 34rem);
  --stagioni-foto-telefono: min(34svh, 19rem);
  --sigillo-misura: min(40vw, 10rem);
  --sigillo-linea: 1.6px;
  --durata-breve: 0.25s;
  --durata-media: 0.6s;
  --morbido: cubic-bezier(0.22, 1, 0.36, 1);
  --risposta-durata: 0.3s;
  --pulsante-luce: rgb(var(--amarone-rgb) / 0.28);
  --pressione-scala: 0.97;
  --sottolineatura-durata: 0.35s;
  --testata-alta: 4.25rem;
  --testata-bassa: 3.5rem;
  --testata-durata: 0.35s;
}