body{
  background:var(--cream);
  color:var(--ink);
}

::selection{background:var(--ink);color:var(--cream)}

.doc-header{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:var(--my) var(--mx);
  border-bottom:1px solid var(--line-dark);
}
.doc-brand{
  font-family:'Cormorant',serif;font-weight:400;
  font-size:clamp(1.3rem,3vw,1.8rem);line-height:1;
  color:var(--ink);text-decoration:none;
  transition:opacity .35s ease;
}
.doc-brand:hover{opacity:.6}
.doc-tag{
  font:400 10.5px/1 'IBM Plex Mono',monospace;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-55);
  white-space:nowrap;
}

.doc-main{
  max-width:860px;margin:0 auto;
  padding:clamp(48px,8vh,96px) var(--mx) clamp(56px,9vh,120px);
}
.doc-kicker{
  font:400 10.5px/1 'IBM Plex Mono',monospace;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-55);
  margin-bottom:20px;
}
.doc-title{
  font-family:'Cormorant',serif;font-weight:400;
  font-size:clamp(2.3rem,6vw,3.4rem);line-height:1.05;
}
.doc-sub{
  font-family:'Cormorant',serif;font-style:italic;font-weight:300;
  font-size:clamp(1.15rem,3vw,1.5rem);line-height:1.3;
  margin-top:10px;
}
.doc-place{
  font:400 10.5px/1 'IBM Plex Mono',monospace;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink-55);
  margin-top:14px;
}

.doc-body{margin-top:clamp(40px,6vh,64px)}
.doc-sec{
  content-visibility:auto;
  contain-intrinsic-size:auto 500px;
  border-top:1px solid var(--line-dark);padding-top:26px;margin-top:26px;
}
.doc-sec:first-child{margin-top:0}
.doc-sec h2{
  font-family:'Cormorant',serif;font-weight:400;
  font-size:clamp(1.35rem,3.5vw,1.65rem);line-height:1.2;
  margin-bottom:18px;
}
.doc-sec p{
  font-family:'Jost',sans-serif;font-weight:400;
  font-size:15.5px;line-height:1.75;
  margin:0 0 14px;
}
.doc-sec p:last-child{margin-bottom:0}
.doc-sec strong{font-weight:500}

.doc-facts{display:flex;flex-direction:column;gap:12px}
.doc-fact{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:baseline}
.doc-fact dt{
  font:400 10.5px/1.6 'IBM Plex Mono',monospace;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-55);
}
.doc-fact dd{font-family:'Jost',sans-serif;font-weight:400;font-size:15px;line-height:1.5}

.doc-footer{
  border-top:1px solid var(--line-dark);
  padding:18px var(--mx);
  display:flex;justify-content:space-between;align-items:baseline;gap:12px 24px;flex-wrap:wrap;
  font:400 10.5px/1.6 'IBM Plex Mono',monospace;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink-55);
}
.doc-footer a{
  color:var(--ink);
  text-decoration:underline;
  text-decoration-color:rgba(26,12,3,.3);
  text-underline-offset:5px;
  transition:text-decoration-color .35s ease;
}
.doc-footer a:hover,.doc-footer a:focus-visible{text-decoration-color:var(--ink)}

@media (max-width:600px){
  .doc-fact{grid-template-columns:1fr;gap:4px}
  .doc-tag{display:none}
}