:root{
  --sand:#D6C9B9;
  --ink:#0D0D0C;
  --copper:#8C745E;
}

@font-face{
  font-family:'Archivo';
  font-style:normal;
  font-weight:300;
  src:url('fonts/archivo-v25-latin-300.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Archivo';
  font-style:normal;
  font-weight:400;
  src:url('fonts/archivo-v25-latin-regular.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Archivo';
  font-style:normal;
  font-weight:500;
  src:url('fonts/archivo-v25-latin-500.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Archivo';
  font-style:normal;
  font-weight:600;
  src:url('fonts/archivo-v25-latin-600.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Archivo';
  font-style:normal;
  font-weight:800;
  src:url('fonts/archivo-v25-latin-800.woff2') format('woff2');
  font-display:swap;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  font-family:'Archivo',sans-serif;
  background:var(--sand);
  color:var(--ink);
  font-weight:300;
  line-height:1.7;
}

.bar{
  padding:22px clamp(22px,5vw,60px);
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bar a{color:inherit;text-decoration:none}
.bar a:hover{text-decoration:underline}
.bar img{display:block;width:130px;height:auto}

main{
  max-width:68ch;
  margin:0 auto;
  padding:clamp(40px,8vw,90px) clamp(22px,5vw,60px);
}

h1{
  font-weight:800;
  letter-spacing:-.035em;
  line-height:1;
  font-size:clamp(2.2rem,6vw,3.4rem);
}

h2{
  font-weight:600;
  font-size:1.1rem;
  margin-top:40px;
  margin-bottom:10px;
}

p{margin-bottom:14px}

.date{
  font-size:.85rem;
  color:rgba(13,13,12,.55);
  margin-top:16px;
  margin-bottom:30px;
}

.tbc{color:var(--copper)}

a{color:inherit}