/* Fonts ship with the template (SIL OFL, see assets/fonts/OFL-*.txt): no request to Google Fonts. */
@font-face { font-family: "Bodoni Moda"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(../fonts/bodoni-moda-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Bodoni Moda"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(../fonts/bodoni-moda-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bodoni Moda"; font-style: italic; font-weight: 400 900; font-display: swap; src: url(../fonts/bodoni-moda-italic-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Bodoni Moda"; font-style: italic; font-weight: 400 900; font-display: swap; src: url(../fonts/bodoni-moda-italic-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(../fonts/schibsted-grotesk-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(../fonts/schibsted-grotesk-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Schibsted Grotesk"; font-style: italic; font-weight: 400 900; font-display: swap; src: url(../fonts/schibsted-grotesk-italic-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Gueridon design tokens. A dinner room at night: a wine-dark background, the bordeaux of the house and the amber of a
 * candle as the one accent. Change --amber and --wine to recolor the whole template; the 3D table reads the same values. */
:root {
  /* color: the room */
  --night:        #170a0f;
  --night-2:      #21101a;
  --night-3:      #2d1721;
  --wine:         #5b2533;
  --wine-light:   #7b3446;
  --wine-deep:    #3e1823;
  --amber:        #e7a95a;
  --amber-strong: #f2bd73;
  --amber-deep:   #9c6425;
  /* color: paper bands */
  --cream:        #f3e9df;
  --cream-2:      #e8dbcc;
  --white:        #fbf7f2;
  /* text and rules on the dark room */
  --on-dark:      #f3e9df;
  --on-dark-2:    #cbb9ab;
  --on-dark-3:    #9c8a7d;
  --rule-dark:    #3a2129;
  --rule-dark-2:  #4b2d39;
  /* text and rules on paper */
  --ink-paper:    #1c1014;
  --ink-2-paper:  #5a4a44;
  --muted-paper:  #7a685f;
  --rule-paper:   #d9cabd;
  /* the live set: dark by default, .band--paper swaps them */
  --ink:    var(--on-dark);
  --ink-2:  var(--on-dark-2);
  --muted:  var(--on-dark-3);
  --rule:   var(--rule-dark);
  --rule-2: var(--rule-dark-2);
  --accent: var(--amber);
  --field:  var(--night-2);
  --focus:  var(--amber);
  --error:  #f0a08f;
  --ok:     #a9d6b0;
  /* veils over photographs */
  --veil: linear-gradient(180deg, rgba(23, 10, 15, 0) 0%, rgba(23, 10, 15, .88) 100%);
  --veil-side: linear-gradient(90deg, rgba(23, 10, 15, .92) 0%, rgba(23, 10, 15, .55) 55%, rgba(23, 10, 15, 0) 100%);
  --glow: radial-gradient(60% 70% at 85% 30%, rgba(231, 169, 90, .16), rgba(231, 169, 90, 0) 70%);
  --shadow-lift: 0 30px 60px -24px rgba(0, 0, 0, .75);
  /* type */
  --font-display: "Bodoni Moda", "Bodoni 72", Didot, "Times New Roman", serif;
  --font-body: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --text-xs: .8rem; --text-sm: .9rem; --text-base: 1.0625rem; --text-md: 1.25rem; --text-lg: 1.6rem; --text-xl: 2.1rem; --text-2xl: 2.8rem;
  --text-display: clamp(2.7rem, 4.6vw + 1rem, 5.6rem); --text-display-s: clamp(2.1rem, 2.6vw + 1rem, 3.5rem);
  /* space */
  --space-2xs: .25rem; --space-xs: .5rem; --space-sm: .75rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2.5rem; --space-2xl: 4rem; --space-3xl: 6.5rem; --space-4xl: 10rem;
  /* motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1); --ease-spring: cubic-bezier(.2, .7, .2, 1);
  --dur-micro: 140ms; --dur-short: 280ms; --dur-long: 720ms; --dur-draw: 1100ms;
  --z-base: 1; --z-raised: 10; --z-dropdown: 100; --z-sticky: 200; --z-overlay: 300;
  --radius: 4px; --radius-s: 2px; --radius-pill: 999px;
  --wrap: 78rem;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) { :root { --dur-micro: 1ms; --dur-short: 1ms; --dur-long: 1ms; --dur-draw: 1ms; } }