:root{
  --bg:        #faf6ee;
  --surface:   #fffefa;
  --surface-2: #f4ecdb;
  --ink:       #1c1815;
  --ink-soft:  #5b524a;
  --ink-mute:  #8c8278;
  --line:      #e6dcc6;
  --line-soft: #efe7d3;
  --accent:    #a47b3f;
  --accent-2:  #7d5b27;
  --accent-bg: #fdf5e3;
  --shadow-sm: 0 1px 2px rgba(28,24,21,.04);
  --shadow-md: 0 4px 14px rgba(28,24,21,.06);
  --radius:    4px;
  --serif:     "Fraunces", "Iowan Old Style", "Palatino", Georgia, serif;
  --sans:      "Inter", sans-serif;
  --mono:      "IBM Plex Mono", ui-monospace, Menlo, monospace;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--sans);background:var(--bg);color:var(--ink);
  line-height:1.55;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;

  background-image:
    radial-gradient(rgba(164,123,63,.025) 1px, transparent 1px),
    radial-gradient(rgba(164,123,63,.018) 1px, transparent 1px);
  background-size:34px 34px, 18px 18px;
  background-position:0 0, 9px 9px;
}
[x-cloak]{display:none !important}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}

.wrap{max-width:1320px;margin:0 auto;padding:32px 28px 56px}

.logo{display:block;height:42px;width:auto;flex:none}
.crumb{
  font-family:var(--mono);font-size:.72rem;color:var(--ink-mute);
  text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;
}
.crumb a{color:inherit;text-decoration:none}
.crumb a:hover{color:var(--ink)}
h1{
  font-family:var(--serif);font-weight:500;line-height:1.05;
  margin:0;letter-spacing:-0.01em;
  font-variation-settings:"opsz" 96;
}
.lede{
  margin:0;color:var(--ink-soft);max-width:60ch;font-size:.95rem;
}