/* Fonts: Gambetta (serif, headings) and Switzer (sans, text). Both from Fontshare, self-hosted. */
@font-face { font-family: "Gambetta"; src: url("../assets/fonts/gambetta-300-normal.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Gambetta"; src: url("../assets/fonts/gambetta-300-italic.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Gambetta"; src: url("../assets/fonts/gambetta-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Gambetta"; src: url("../assets/fonts/gambetta-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Switzer"; src: url("../assets/fonts/switzer-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Switzer"; src: url("../assets/fonts/switzer-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Switzer"; src: url("../assets/fonts/switzer-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

/* --p drives the mown-stripe wipe (hero, service photos, before and after) */
@property --p {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

:root {
  /* Colour: taken from the photographs */
  --night:      #0e1411;   /* lit garden after dark */
  --turf-900:   #15241a;
  --turf-800:   #1c3323;
  --turf-700:   #243d2a;   /* mown turf, shaded stripe */
  --turf-stripe:#2b4932;   /* mown turf, lit stripe */
  --fresh:      #a3c765;   /* fresh-cut green, used on dark grounds only */
  --paper:      #e7e9e3;   /* porcelain slab */
  --paper-2:    #f1f2ee;
  --slab:       #d8dcd3;   /* riven sandstone, grey-green */
  --line:       #bfc5b9;
  --ink:        #17201a;
  --ink-2:      #485349;
  --oak:        #a5733a;   /* sawn timber */
  --paint:      #e4432a;   /* setting-out spray paint */

  /* Type */
  --serif: "Gambetta", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --sans:  "Switzer", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --step--1: clamp(0.78rem, 0.76rem + 0.1vw, 0.84rem);
  --step-0:  clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --step-1:  clamp(1.15rem, 1.08rem + 0.35vw, 1.35rem);
  --step-2:  clamp(1.6rem, 1.3rem + 1.4vw, 2.5rem);
  --step-3:  clamp(2.1rem, 1.5rem + 2.6vw, 3.9rem);
  --step-4:  clamp(2.6rem, 1.6rem + 4.2vw, 5.4rem);

  /* Layout */
  --gutter: clamp(1.1rem, 4vw, 3.25rem);
  --max: 90rem;
  --header: 4.5rem;
  --section: clamp(4.5rem, 9vw, 9rem);

  --ease: cubic-bezier(0.22, 0.7, 0.2, 1);
}