@font-face { font-family: "DM Sans"; font-weight: 400; font-display: swap; src: url(fonts/DMSans-Regular.woff2) format("woff2"); }
@font-face { font-family: "DM Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url(fonts/DMSans-Regular-Italic.woff2) format("woff2"); }
@font-face { font-family: "DM Sans"; font-weight: 700; font-display: swap; src: url(fonts/DMSans-Bold.woff2) format("woff2"); }

:root {
  --base: #e5e7f2;
  --frame: #f9f9fb;
  --contrast: #47484b;
  --primary: #b50b3e;
  --secondary: #0b0033;
  --font: "DM Sans", -apple-system, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; min-height: 100vh;
  background: var(--base); color: var(--contrast);
  border: max(1vw, .5rem) solid var(--frame);
  font: 400 1.125rem/1.6 var(--font);
}
img { display: block; max-width: 100%; height: auto; }
a { color: var(--secondary); text-decoration: none; border-bottom: 2px solid var(--primary); overflow-wrap: anywhere; }
a:hover { color: var(--primary); }
.wrap { width: 100%; max-width: 680px; margin: 0 auto; padding: 0 16px; }

.site-header { padding: 64px 0 24px; }
.site-header img { width: 150px; margin: 0 auto; }

main { padding: 24px 0 72px; }
section + section { margin-top: 56px; }
.site-header a { border: 0; }
h2 { margin: 0 0 16px; color: var(--secondary); font: 700 clamp(1.6rem, 1.2rem + 1.4vw, 2.1rem)/1.2 var(--font); }
p { margin: 0 0 1em; }
address { font-style: normal; }

.site-footer { padding: 32px 0 48px; text-align: center; font-size: 1rem; }
.site-footer p { margin: 0; }