@font-face {
  font-family: "Ibarra Fallback";
  src: local("Georgia");
  size-adjust: 94.3%;
  ascent-override: 100.7%;
  descent-override: 31.8%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Ibarra Fallback Android";
  src: local("Noto Serif"), local("Noto Serif Regular"), local("NotoSerif-Regular");
  size-adjust: 88.5%;
  ascent-override: 107.3%;
  descent-override: 33.9%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Jost Fallback";
  src: local("Arial"), local("ArialMT");
  size-adjust: 95.8%;
  ascent-override: 111.7%;
  descent-override: 39.1%;
  line-gap-override: 0%;
}

:root {
  --bg:        #F5EFE8;
  --bg-2:      #ECE3D8;
  --card:      #FBF8F4;
  --line:      rgba(43, 32, 25, 0.14);
  --line-2:    rgba(43, 32, 25, 0.26);

  --ink:       #2B2019;
  --text:      #54473D;
  --muted:     #6E6054;

  --gold:      #7E5E2F;
  --gold-2:    #926E40;
  --gold-lt:   #DEB174;
  --metal: linear-gradient(100deg, #926E40 0%, #B18855 22%, #DEB174 45%, #F4C583 52%, #DBAD72 62%, #A8804E 85%, #926E40 100%);

  --dark:      #2B2019;
  --dark-2:    #3A2C23;
  --on-dark:   #F3EBE1;
  --on-dark-2: #CDBFB0;
  --on-dark-3: #A99A8B;
  --line-dark: rgba(243, 235, 225, 0.16);

  --focus:     #2B2019;

  --font-display: "Ibarra Real Nova", "Ibarra Fallback", "Ibarra Fallback Android", Georgia, serif;
  --font-body:    "Jost", "Jost Fallback", "Futura", "Century Gothic", system-ui, sans-serif;

  --size-h1:   clamp(46px, 6.2vw, 92px);
  --lh-h1:     1;
  --size-h2:   clamp(36px, 4.4vw, 64px);
  --lh-h2:     1.04;
  --size-h3:   clamp(22px, 1.9vw, 27px);
  --lh-h3:     1.18;
  --track-display: -0.012em;
  --word-display: -0.03em;

  --size-body:  17px;
  --lh-body:    1.7;
  --size-small: 15px;
  --size-micro: 12.5px;
  --track-label: 0.16em;

  --gutter:   clamp(20px, 4.4vw, 64px);
  --wrap:     1280px;
  --prose:    680px;
  --sec-pad:  clamp(56px, 9vw, 136px);
  --r-lg:     28px;
  --r-md:     18px;
  --r-sm:     12px;
  --pill:     999px;
  --header-h: 76px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:   220ms;

  --z-sticky: 30;
  --z-header: 40;
  --z-panel:  60;
  --z-skip:   100;
}

@media (max-width: 767px) {
  :root {
    --size-body: 16px;
    --header-h: 64px;
  }
}