:root{--ink:#0a0a0a;--paper:#f5f4f1;--line:rgba(10,10,10,.16)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:300 16px/1.7 "Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
.bar{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,64px);border-bottom:1px solid var(--line)}
.bar img{height:44px;width:auto;display:block}
.bar a.back{font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ink);padding:10px 18px}
.bar a.back:hover{background:var(--ink);color:#fff}
main{max-width:780px;margin:0 auto;padding:clamp(50px,8vw,110px) 20px clamp(60px,8vw,110px)}
h1{font:300 clamp(40px,6vw,76px)/1 "Cormorant Garamond",serif;letter-spacing:-.015em;margin-bottom:22px}
h2{font:400 clamp(24px,2.6vw,32px)/1.15 "Cormorant Garamond",serif;font-style:italic;margin:2.4rem 0 .7rem;padding-top:1.4rem;border-top:1px solid var(--line)}
p,li{margin-bottom:.8rem}
ul{padding-left:1.2rem}
table{border-collapse:collapse;width:100%;font-size:.95rem;margin:1rem 0}
th,td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}
th{background:#ebe9e4;font-weight:500}
mark{background:#fff3a3;padding:0 3px}
blockquote{border-left:2px solid var(--ink);margin:1rem 0;padding:.2rem 1rem}
footer{border-top:1px solid var(--line);padding:26px clamp(20px,4vw,64px);display:flex;gap:14px 28px;flex-wrap:wrap;justify-content:space-between;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
footer nav{display:flex;gap:10px 24px;flex-wrap:wrap}
footer a{text-decoration:none}footer a:hover{text-decoration:underline}