:root{
  --cream:#F7F2E8;
  --cream-2:#FBF8F1;
  --ink:#3D2E20;
  --ink-dim:#7A6A57;
  --gold:#B49A5F;
  --olive:#5E5433;
  --rule:rgba(61,46,32,.14);
  --edge:clamp(1.25rem, 5vw, 5rem);
}
*,*::before,*::after{ box-sizing:border-box; }
body{
  margin:0; background:var(--cream); color:var(--ink);
  font-family:"Jost", ui-sans-serif, system-ui, sans-serif;
  font-weight:300; font-size:clamp(1rem,.97rem + .2vw,1.05rem); line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2{ font-family:"Cormorant Garamond", Georgia, serif; font-weight:500; line-height:1.15; }
h1{ font-size:clamp(2.2rem,1.8rem + 2vw,3.2rem); margin:0 0 .4rem; }
h2{ font-size:1.45rem; margin:2.4rem 0 .7rem; }
img{ display:block; max-width:100%; }
a{ color:var(--olive); }
.wrap{ max-width:760px; margin-inline:auto; padding:0 var(--edge) 4rem; }
.nav{
  position:sticky; top:0; z-index:40; background:color-mix(in srgb, var(--cream) 92%, transparent);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  display:flex; align-items:center; justify-content:space-between;
  padding:.6rem var(--edge); border-bottom:1px solid var(--rule); margin-bottom:3rem;
}
.nav img{ height:72px; width:auto; }
.nav a.back{
  color:var(--ink); text-decoration:none; font-size:.78rem; font-weight:400;
  letter-spacing:.2em; text-transform:uppercase;
}
.nav a.back:hover{ color:var(--gold); }
.updated{
  font-size:.72rem; font-weight:500; letter-spacing:.28em; text-transform:uppercase;
  color:var(--gold); margin:0 0 2rem;
}
p, li{ color:var(--ink-dim); }
strong{ color:var(--ink); font-weight:500; }
.foot{ border-top:1px solid var(--rule); margin-top:3.5rem; padding-top:1.4rem; font-size:.88rem; color:var(--ink-dim); }
.foot a{ color:var(--ink-dim); }