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

* { box-sizing: border-box; }
html { color: #2c2925; background: #f3f0eb; font-family: 'DM Sans', sans-serif; }
body { margin: 0; }
a { color: inherit; }
.info-header, .info-footer { align-items: center; display: flex; gap: 28px; justify-content: space-between; padding: 24px max(7vw, 24px); }
.info-header { border-bottom: 1px solid #d5ccc3; }
.info-header img, .info-footer img { display: block; height: 54px; width: auto; }
.info-header a, .info-footer a { font-size: 11px; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.info-page { margin: 0 auto; max-width: 820px; min-height: 70vh; padding: 90px 24px 120px; }
.info-kicker { color: #9b694d; font-size: 11px; letter-spacing: .14em; margin-bottom: 24px; text-transform: uppercase; }
h1, h2 { font-family: 'Playfair Display', serif; font-weight: 400; letter-spacing: -.035em; }
h1 { font-size: clamp(48px, 8vw, 82px); line-height: 1; margin: 0 0 54px; }
h2 { font-size: 30px; margin: 52px 0 16px; }
p, li { color: #625c55; font-size: 16px; line-height: 1.85; }
ul { padding-left: 20px; }
.info-footer { background: #292621; color: #f4eee8; flex-wrap: wrap; }
.info-footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
@media (max-width: 640px) {
  .info-header, .info-footer { align-items: flex-start; flex-direction: column; }
  .info-page { padding-bottom: 80px; padding-top: 64px; }
}