@import url('fonts.css');
:root{
  --linen:#F3EEE7;
  --linen-2:#EBE3D8;
  --white:#FFFDF9;
  --ink:#1A1712;
  --ink-soft:rgb(26 23 18 / .62);
  --forest:#0F2C23;
  --forest-2:#173B2F;
  --champagne:#E3BE7A;
  --brass:#8A6527;
  --hair-dark:rgb(26 23 18 / .14);
  --hair-light:rgb(243 238 231 / .16);
  --font-display:'Frank Ruhl Libre','Heebo',serif;
  --font-body:'Heebo',sans-serif;
  --text-display:clamp(2.9rem,7vw,6rem);
  --text-h1:clamp(2rem,4.5vw,3.25rem);
  --text-lede:1.25rem;
  --text-body:1.0625rem;
  --text-folio:.75rem;
  --leading-body:1.75;
  --page-margin:max(64px,6vw);
  --grid-max:1240px;
  --measure-body:640px;
  --s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;--s16:128px;--s20:160px;
}
@media (max-width:759px){:root{--page-margin:20px}}
html{direction:rtl}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);
  color:var(--ink);background:var(--linen);
  font-variant-numeric:tabular-nums;
}
h1,h2,h3{font-family:var(--font-display);font-weight:900;letter-spacing:0;font-style:normal}
a{color:inherit}
.folio{font-size:var(--text-folio);font-weight:700;color:var(--brass)}
.wrap{max-width:var(--grid-max);margin-inline:auto;padding-inline:var(--page-margin)}