* { box-sizing: border-box; }
body { margin: 0; background: #f6f3eb; color: #26302b; font-family: 'DM Sans', sans-serif; }
a { color: inherit; text-underline-offset: 5px; }
header,footer { max-width: 1240px; margin: auto; padding: 30px 5%; display: flex; justify-content: space-between; gap: 25px; align-items: center; }
header { border-bottom: 1px solid #b7b9a9; }
header a { text-decoration: none; font-size: 11px; }
header .reader-brand,footer>a:first-child { font: 32px 'Instrument Serif',Georgia,serif; letter-spacing: .04em; text-decoration: none; }
main { max-width: 900px; padding: 0 35px; margin: auto; }
.reader-heading { padding: 65px 0 40px; border-bottom: 1px solid #b7b9a9; }
.reader-heading>p { font-size: 10px; text-transform: uppercase; letter-spacing: .15em; color: #71694f; }
h1 { font: 76px/1 'Instrument Serif',Georgia,serif; letter-spacing: -.025em; margin: 25px 0; max-width: 700px; }
.reader-intro { max-width: 640px; font: 24px/1.4 'Instrument Serif',Georgia,serif; color: #606553; }
.reader-heading>span { display: block; font-size: 10px; margin-top: 22px; }
article { font: 18px/1.9 'DM Sans',sans-serif; padding: 25px 0 60px; overflow-wrap: anywhere; }
article h2,article h3 { font: 40px/1.1 'Instrument Serif',Georgia,serif; }
article img { display: block; max-width: 100%; height: auto; margin: 24px auto; }
article a { color: #806138; }
.gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.gallery figure { margin: 0; }
.gallery img { width: 100%; }
footer { border-top: 1px solid #b7b9a9; padding-bottom: 50px; }
footer a:last-child { font-size: 11px; }
@media(max-width:600px) {
  header,footer { padding: 23px 6%; }
  header .reader-brand { font-size: 26px; }
  header a:last-child { font-size: 10px; }
  main { padding: 0 6%; }
  .reader-heading { padding: 40px 0 30px; }
  h1 { font-size: 55px; }
  article { font-size: 16px; line-height: 1.85; }
  .gallery { grid-template-columns: 1fr; }
}