@font-face { font-family: Manrope; src: url(manrope-400.ttf); font-weight: 400; font-display: swap; }
@font-face { font-family: Manrope; src: url(manrope-700.ttf); font-weight: 700; font-display: swap; }
@font-face { font-family: 'DM Serif Display'; src: url(dm-serif-display-regular.ttf); font-weight: 400; font-display: swap; }
:root { --cream: #fff; --ink: #000; --soft: #343434; --line: #ddd; --accent: #102a83; }
html { background: #fff; }
body { font-family: Manrope, sans-serif; font-weight: 400; }
header { padding: 20px clamp(20px, 4vw, 64px); }
.brand { width: 210px; }
h1,h2 { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; line-height: 1.18; }
h1 { font-size: clamp(40px, 6vw, 68px); }
main { padding-top: 56px; }
p,address { font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
.updated { margin-bottom: 40px; }
footer { color: #fff; line-height: 1.6; flex-direction: row; align-items: center; }
footer span { display: none; }
footer button { background: transparent; border: 0; color: inherit; font: inherit; cursor: pointer; }
@media(max-width:620px) { main { padding-top: 36px; } header .brand { width: 150px; } footer { justify-content: flex-start; gap: 12px 20px; } }