@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=EB+Garamond:ital,wght@0,400;0,500;0,600&display=swap');

:root{
  --ink:#1c1a17;
  --ink-deep:#131210;
  --parchment:#f6f1e6;
  --paper:#fbf8f1;
  --line:#ddd4bd;
  --gold:#95742c;
  --gold-soft:#c9ad6f;
  --muted:#6c6455;
  --display:'Cormorant Garamond', Georgia, serif;
  --serif:'EB Garamond', Georgia, serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--parchment);color:var(--ink);font-family:var(--serif);line-height:1.8}
:focus-visible{outline:1px solid var(--gold);outline-offset:3px}

header{
  height:88px;background:var(--ink-deep);padding:0 7vw;display:flex;align-items:center;
}
header a{color:#f2ede1;display:flex;align-items:center;gap:13px}
header img{width:32px;height:46px;object-fit:contain;filter:grayscale(1) brightness(1.8)}
header span{font-family:var(--display);font-size:16px;letter-spacing:.03em;display:flex;flex-direction:column}
header small{display:block;font:10px var(--serif);letter-spacing:.14em;color:#a8a08c;margin-top:5px;font-variant:small-caps}

main{max-width:760px;margin:auto;padding:110px 7vw 120px}
.eyebrow{font:italic 500 15px var(--display);color:var(--gold)}
h1{font:400 clamp(46px,6vw,74px)/1.05 var(--display);margin:22px 0 26px}
.lead{font:italic 400 21px/1.6 var(--display);color:#4d493f}
section{border-top:1px solid var(--line);padding-top:30px;margin-top:48px}
h2{font:600 26px var(--display);margin:0 0 12px}
p{font-size:15px;color:var(--muted)}
a{color:var(--ink);border-bottom:1px solid var(--gold-soft)}
a:hover{color:var(--gold)}
.back{
  display:inline-block;margin-top:60px;color:var(--gold);font:italic 500 15px var(--display);
  border-bottom:0;
}
@media(max-width:600px){main{padding:80px 7vw 90px}}