:root{
  --paper:#EFE9DC;
  --ink:#20293A;
  --ink-soft:#4A5468;
  --rule:#C7BC9F;
  --gold:#93712F;
  --oxblood:#7B2E2A;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Source Serif 4',Georgia,serif;
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;transition:color .18s ease}
a:hover{color:var(--oxblood)}
.page{
  width:min(980px, calc(100% - 56px));
  margin:0 auto;
  padding:34px 0 36px;
}
.masthead{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:24px;
  padding-bottom:18px;
  margin-bottom:42px;
  border-bottom:3px double var(--ink);
}
.site-name{
  font-family:'Fraunces',serif;
  font-size:30px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.01em;
}
.site-role{
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  line-height:1.4;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.article-head{margin-bottom:26px}
.folio{
  margin:0 0 7px;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  line-height:1.4;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--gold);
}
.article-title{
  margin:0;
  font-family:'Fraunces',serif;
  font-size:clamp(28px,4vw,34px);
  line-height:1.12;
  font-weight:500;
  letter-spacing:-.01em;
}
.video{
  width:100%;
  aspect-ratio:16/9;
  background:#111;
  border-top:1px solid var(--rule);
}
.video iframe{display:block;width:100%;height:100%;border:0}
.description{
  max-width:760px;
  margin-top:22px;
  font-size:17px;
  line-height:1.6;
}
.description p{margin:0}
.back{
  margin-top:26px;
  padding-top:14px;
  border-top:1px solid var(--rule);
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  line-height:1.4;
  letter-spacing:.06em;
  text-transform:uppercase;
}
@media(max-width:640px){
  .page{width:calc(100% - 36px);padding-top:24px}
  .masthead{margin-bottom:34px;padding-bottom:15px}
  .site-name{font-size:26px}
  .site-role{font-size:10px}
  .article-head{margin-bottom:22px}
  .description{margin-top:18px}
  .back{margin-top:22px}
}