@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-Variable.woff2) format('woff2');font-weight:100 900}
@font-face{font-family:'EB Garamond';src:url(/fonts/EBGaramond-Variable.woff2) format('woff2');font-weight:400 800}
@font-face{font-family:'EB Garamond';src:url(/fonts/EBGaramond-Italic.woff2) format('woff2');font-style:italic;font-weight:400 800}
@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2) format('woff2');font-weight:100 900}
*{box-sizing:border-box}
body{margin:0;background:#0d1626;color:#f5efe6;font:20px/1.55 'EB Garamond',Georgia,serif}
header,main,footer{max-width:720px;margin:0 auto;padding:0 22px}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:26px;padding-bottom:20px;border-bottom:1px solid rgba(201,168,76,.35)}
a{color:#e4c77a}
.mark{text-decoration:none;font:600 14px Inter,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#e4c77a}
nav{font:14px Inter,sans-serif;display:flex;gap:18px}
h1{font:400 15px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#e4c77a;margin:36px 0 8px}
h2{font:400 40px/1.1 Fraunces,serif;margin:10px 0 6px}
main>img{width:100%;height:auto;display:block;margin:22px 0}
.la{font-style:italic;font-size:28px;line-height:1.25;margin:26px 0 6px}
.tr{color:rgba(245,239,230,.78);margin:0 0 28px}
.credit{font:14px/1.5 Inter,sans-serif;color:rgba(245,239,230,.66);border-top:1px solid rgba(201,168,76,.35);padding-top:16px;margin-bottom:48px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;margin:26px 0 56px}
.grid a{text-decoration:none;color:#f5efe6;font:14px/1.4 Inter,sans-serif}
.grid img{width:100%;height:auto;display:block;margin-bottom:8px}
.grid span{color:rgba(245,239,230,.66)}
footer{font:13px Inter,sans-serif;color:rgba(245,239,230,.7);padding-top:18px;padding-bottom:40px;border-top:1px solid rgba(201,168,76,.35)}