@font-face {
  font-family: "Cinzel";
  src: url("/fonts/cinzel-latin.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500 700;
}

@font-face {
  font-family: "Libre Franklin";
  src: url("/fonts/libre-franklin-latin.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400 700;
}

@font-face {
  font-family: "Libre Baskerville";
  src: url("/fonts/libre-baskerville-latin.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400 700;
}

:root {
  color-scheme: dark;
  font-family: "Libre Baskerville", Georgia, serif;
  background: oklch(10% 0.013 248);
  color: oklch(91% 0.014 78);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 70% 0%, oklch(34% 0.06 55 / 26%), transparent 34rem),
    oklch(10% 0.013 248);
}

main {
  width: min(48rem, calc(100% - 2rem));
  min-height: 100svh;
  margin: 0 auto;
  padding: clamp(4rem, 10vw, 8rem) 0;
}

a { color: oklch(85% 0.08 82); text-underline-offset: 0.25rem; }

.back {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  font-family: "Libre Franklin", system-ui, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

article {
  margin-top: 3rem;
  padding: clamp(2rem, 6vw, 4.5rem);
  border: 1px solid oklch(47% 0.04 61 / 48%);
  background: oklch(83% 0.05 82);
  box-shadow: 0 2.5rem 6rem oklch(5% 0.015 248 / 60%);
  color: oklch(22% 0.025 57);
}

h1 { margin: 0; font-family: "Cinzel", Georgia, serif; font-size: clamp(3rem, 9vw, 6rem); font-weight: 500; line-height: 0.95; }
h2 { margin: 2.4rem 0 0.75rem; font-family: "Cinzel", Georgia, serif; font-size: 1.35rem; font-weight: 600; }
p, li { max-width: 66ch; line-height: 1.65; }
.status { font-family: "Libre Franklin", system-ui, sans-serif; font-size: 0.76rem; font-weight: 650; letter-spacing: 0.05em; text-transform: uppercase; }
address { font-style: normal; line-height: 1.65; }
ul { padding-left: 1.35rem; }
li + li { margin-top: 0.55rem; }
.note { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid oklch(47% 0.04 61 / 35%); font-size: 0.9rem; }