/* Real Longines web fonts (provided in assets/fonts/).
   Serif = display/headlines (the Longines editorial serif).
   Sans  = UI/body (Longines Sans, Medium weight — the only weight supplied). */
@font-face {
  font-family: "Longines Serif";
  src: url("../../assets/fonts/LonginesSerifRegular.woff2") format("woff2"),
       url("../../assets/fonts/LonginesSerifRegular.woff")  format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Longines Sans";
  src: url("../../assets/fonts/LonginesSansMedium.woff2") format("woff2"),
       url("../../assets/fonts/LonginesSansMedium.woff")  format("woff");
  font-weight: 400 500;   /* single Medium file covers normal usage without faux weights */
  font-style: normal;
  font-display: swap;
}

/* Base resets & element styles */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--c-paper);
  color: var(--c-ink);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: var(--lh-tight);
  margin: 0;
}

p { margin: 0 0 var(--space-2); max-width: var(--maxw-text); }

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; }

.container {
  width: 100%;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--gutter);
}