:root{
  --obsidian:#141418;
  --obsidian-2:#1E1E24;
  --champagne:#B8976A;
  --linen:#F5F0E8;
  --mute-dark:#A39D93;
  --line-dark:rgba(212,196,160,.16);
  --serif:'Playfair Display','Iowan Old Style',Georgia,serif;
  --sans:'Jost','Avenir Next','Segoe UI',system-ui,sans-serif;
  --gutter:clamp(16px,5vw,72px);
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--obsidian);color:var(--linen);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--champagne)}
:focus-visible{outline:2px solid var(--champagne);outline-offset:3px}
.top{border-bottom:1px solid var(--line-dark)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}
.wrap{max-width:860px;margin:0 auto;padding-inline:var(--gutter)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--linen)}
.logo .mark{width:38px;height:38px;border-radius:50%;border:1px solid var(--champagne);display:grid;place-items:center}
.logo .mark span{display:block;width:12px;height:18px;border-left:2px solid var(--champagne);border-right:2px solid var(--champagne)}
.logo b{display:block;font-weight:500;font-size:12px;letter-spacing:.3em;line-height:1.3}
.logo small{display:block;font-size:10px;letter-spacing:.34em;color:var(--champagne)}
.back{font-size:13px;letter-spacing:.08em;text-decoration:none}
main{padding-block:clamp(48px,8vw,96px)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5vw,56px);line-height:1.1;margin:0 0 12px}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,28px);margin:48px 0 12px}
p,li{color:#DCD5CA}
ul{padding-left:22px}
li + li{margin-top:6px}
.updated{color:var(--mute-dark);font-size:14px;margin:0 0 32px}
.box{border:1px solid var(--line-dark);background:var(--obsidian-2);border-radius:18px;padding:20px 24px}
.box p{margin:4px 0}
footer{border-top:1px solid var(--line-dark);color:var(--mute-dark);font-size:13px}
footer .wrap{padding-block:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
footer a{color:inherit}