@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-latin-wght-normal.woff2') format('woff2');
}
:root { color-scheme: light; background: #fffcf2; color: #263044; font-family: Inter, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; border-top: 8px solid #293a5b; }
main { width: min(100% - 48px, 780px); padding: 72px 0 88px; }
.brand-mark { display: block; margin-bottom: 32px; }
h1 { color: #293a5b; font-size: clamp(32px, 5vw, 52px); line-height: 1.13; letter-spacing: -.035em; font-weight: 700; margin: 0 0 28px; max-width: 720px; }
p { margin: 0; }
.introduction { max-width: 670px; font-size: clamp(19px, 2.5vw, 24px); line-height: 1.6; letter-spacing: -.012em; }
.status { margin-top: 34px; font-size: 16px; line-height: 1.6; font-weight: 600; }
.contact { margin-top: 12px; font-size: 16px; line-height: 1.65; }
a { color: #293a5b; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
a:hover { color: #1e2c46; }
a:focus-visible { outline: 3px solid #293a5b; outline-offset: 5px; border-radius: 2px; }
@media (max-width: 480px) {
  main { width: calc(100% - 40px); padding: 48px 0 56px; }
  .brand-mark { width: 64px; height: 80px; margin-bottom: 28px; }
}