@font-face{
    font-family:'Fraunces'; font-style:normal; font-weight:500;
    font-display:swap; src:url('fonts/fraunces-500.woff2') format('woff2');
  }
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:400;
    font-display:swap; src:url('fonts/worksans-400.woff2') format('woff2');
  }
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:500;
    font-display:swap; src:url('fonts/worksans-500.woff2') format('woff2');
  }
  :root{
    --cream: #F6F1E7;
    --ink: #26221B;
    --ink-soft: #55503F;
    --terracotta: #BD5A34;
    --gold: #A9853E;
    --line: rgba(38,34,27,0.14);
    --max: 820px;
  }
  *{box-sizing:border-box;}
  body{
    margin:0; background:var(--cream); color:var(--ink);
    font-family:'Work Sans', sans-serif; line-height:1.7;
  }
  a{color:var(--terracotta);}
  header{
    border-bottom:1px solid var(--line); padding:18px 32px;
  }
  .brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); max-width:var(--max); margin:0 auto;}
  .brand img{height:38px; width:auto;}
  .brand-text{font-family:'Fraunces', serif; font-size:1.15rem;}
  main{max-width:var(--max); margin:0 auto; padding:56px 32px 100px;}
  h1{font-family:'Fraunces', serif; font-size:2.2rem; margin:0 0 8px;}
  .updated{color:var(--ink-soft); font-size:0.88rem; margin-bottom:48px;}
  h2{font-family:'Fraunces', serif; font-size:1.35rem; margin-top:44px; margin-bottom:14px; padding-bottom:8px; border-bottom:1px solid var(--line);}
  p{color:var(--ink-soft); font-size:0.98rem;}
  .back{display:inline-block; margin-top:56px; font-size:0.9rem; text-decoration:none; color:var(--ink); border-bottom:1px solid var(--line);}