@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@400;500;600&display=swap');
:root{--ink:#1f1b16;--body:#3d362d;--muted:#5e5548;--bg:#fbf8f2;--rule:#e2d8c6;--acc:#7f5a1e;--gold:#c4a265}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.75 Inter,sans-serif}p{color:var(--body)}a{color:var(--acc)}
header{border-bottom:1px solid var(--rule);background:linear-gradient(180deg,#fff,var(--bg))}header .in{max-width:1100px;margin:0 auto;padding:30px 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
header a.brand{font:500 14px Inter;letter-spacing:.42em;text-transform:uppercase;color:var(--ink);text-decoration:none}nav a{margin-left:28px;color:var(--muted);font:500 12px Inter;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
main{max-width:760px;margin:0 auto;padding:30px 28px 40px}
h1{font:300 60px/1.05 'Cormorant Garamond',serif;margin:50px 0 24px}h2{font:400 36px/1.15 'Cormorant Garamond',serif;margin:48px 0 14px}
blockquote{margin:30px 0 14px;padding:0 0 0 24px;border-left:2px solid var(--gold);font:300 34px/1.2 'Cormorant Garamond',serif;color:var(--ink)}
.cite{font:600 11px Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.label{font:600 11px Inter;letter-spacing:.3em;text-transform:uppercase;color:var(--acc);margin-top:30px}
.box{border-top:1px solid var(--rule);margin-top:44px;padding-top:28px}form{display:flex;border:1px solid var(--ink);max-width:560px}input[type=email]{flex:1;min-width:0;border:0;padding:18px;font:16px Inter;background:#fff}
button,.btn{padding:16px 28px;background:var(--ink);color:#fbf8f2;border:0;font:600 12px Inter;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block}
small,.fine{font:13px Inter;color:var(--muted)}footer{border-top:1px solid var(--rule);margin-top:60px}footer .in{max-width:1100px;margin:0 auto;padding:36px 28px 48px;font:13px/1.7 Inter;color:var(--muted)}footer p{color:var(--muted)}
.passage{margin:18px 0;padding-top:16px;border-top:1px solid var(--rule)}.passage p{margin:.3em 0}ul.arch{list-style:none;padding:0}ul.arch li{margin:14px 0;padding-bottom:14px;border-bottom:1px solid var(--rule);font:400 22px 'Cormorant Garamond',serif}
@media(max-width:600px){h1{font-size:44px}blockquote{font-size:27px}nav a{margin:0 18px 0 0}form{flex-direction:column}}
details.long{margin:6px 0 0}details.long summary{cursor:pointer;font:600 11px Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}details.long p{font-size:15px;color:var(--muted)}
