@font-face {
  font-family: Inter;
  src: url('/assets/inter.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('/assets/source-serif.woff2') format('woff2');
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: light;
  --cream: #f7f5f0;
  --ink: #1f2a24;
  --sage: #5e7263;
  --line: #ded8cd;
}
* { box-sizing: border-box; }
html { background: var(--cream); color: var(--ink); }
body { margin: 0; font-family: Inter, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.page { min-height: 100svh; display: flex; flex-direction: column; padding: 38px clamp(24px, 6vw, 96px) 32px; }
.brand { width: 100%; max-width: 1440px; margin-inline: auto; }
.brand img { display: block; width: 185px; max-width: 100%; height: auto; }
main { width: 100%; max-width: 850px; margin: auto; padding: 70px 0 96px; text-align: center; }
.horizon { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 35px; }
.horizon::before, .horizon::after { content: ''; width: 38px; height: 1px; background: var(--line); }
.horizon span { width: 7px; height: 7px; border-radius: 50%; background: var(--sage); }
h1 { margin: 0; font: 500 clamp(40px, 5.4vw, 72px)/1.08 'Source Serif 4', Georgia, serif; letter-spacing: -0.035em; text-wrap: balance; }
h1 span { display: block; color: var(--sage); }
.introduction { max-width: 550px; margin: 30px auto 0; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.75; color: #57635b; text-wrap: pretty; }
.opening { margin: 25px 0 0; font-size: 16px; line-height: 1.6; font-weight: 600; }
.contact { margin-top: 54px; font-size: 14px; line-height: 1.7; }
.contact p { margin: 0; color: #57635b; }
.contact a { display: inline-flex; min-height: 44px; align-items: center; max-width: 100%; overflow-wrap: anywhere; color: #354b3e; font-size: 16px; font-weight: 600; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.contact a:hover { color: var(--ink); }
a:focus-visible { outline: 2px solid #315f98; outline-offset: 5px; border-radius: 2px; }
.closing-line { width: 52px; height: 1px; margin-inline: auto; background: var(--line); }
::selection { background: #dfe7df; color: var(--ink); }
@media (max-width: 600px) {
  .page { padding: 28px 24px 24px; }
  .brand img { width: 158px; }
  main { padding: 64px 0; }
  .horizon { margin-bottom: 30px; }
  h1 { font-size: clamp(36px, 9.5vw, 48px); }
  .introduction { margin-top: 25px; }
  .contact { margin-top: 40px; }
  .contact p { max-width: 270px; margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto; } }