/* adam.altmejd.com — argent on hunter green, verdigris in the joints */

:root {
  --midnight: #0c1912;       /* evergreen canopy */
  --midnight-deep: #16100a;  /* umber forest floor */
  --midnight-panel: #241a10; /* walnut */
  --lapis: #173024; /* the glow at the top of the ground gradient */
  --steel: #adb8b3;
  --steel-bright: #e5f0eb;
  --steel-deep: #576560;
  --patina: #7fa89b;
  --patina-bright: #b8dccf;
  --parchment: #e6e0d1;      /* actual parchment now */
  --parchment-dim: #a89f8c;
  --hairline: rgba(173, 184, 179, 0.3);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--parchment);
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 1.15rem;
  line-height: 1.7;
  background-color: var(--midnight);
  background-image:
    url("/assets/facets.svg"),
    radial-gradient(ellipse 120% 80% at 70% -10%, var(--lapis) 0%, var(--midnight) 55%, var(--midnight-deep) 100%);
  background-attachment: fixed;
  background-size: cover, cover;
}

h1, h2, h3, .display {
  font-family: "Cormorant Garamond", "Iowan Old Style", Palatino, Georgia, serif;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--steel-bright);
}

h1 {
  font-size: 3rem;
  line-height: 1.1;
  margin: 0.4em 0 0.3em;
  color: var(--steel-bright);
}

h2 { font-size: 1.9rem; margin-top: 2.2em; }
h3 { font-size: 1.45rem; margin-top: 1.8em; }

a {
  color: var(--steel-bright);
  text-decoration: none;
  border-bottom: 1px solid var(--hairline);
  transition: color 0.25s, border-color 0.25s;
}

a:hover {
  color: #f2f8f4;
  border-color: var(--patina-bright);
}

.container {
  max-width: 46rem;
  margin: 0 auto;
  padding: 1.5rem 1.25rem 4rem;
}

/* nav */
nav {
  display: flex;
  align-items: baseline;
  gap: 1.6rem;
  padding: 1.1rem 0;
  font-variant: small-caps;
  letter-spacing: 0.14em;
  font-size: 0.95rem;
  border-bottom: 1px solid var(--hairline);
}

nav .wordmark {
  margin: 0 auto 0 0;
  font-family: "Cormorant Garamond", Palatino, Georgia, serif;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: inherit;
  color: var(--steel);
  border-bottom: none;
}

nav .wordmark a { color: inherit; border-bottom: none; }

nav a { border-bottom: none; color: var(--parchment-dim); }
nav a:hover, nav a[aria-current="page"] { color: var(--steel-bright); }

/* gilded rules & ornaments */
hr, .rule {
  border: none;
  height: 1px;
  margin: 2.5rem auto;
  background: linear-gradient(90deg, transparent, var(--steel) 20%, var(--steel-bright) 50%, var(--steel) 80%, transparent);
  opacity: 0.6;
}

.fleuron {
  text-align: center;
  color: var(--patina);
  font-size: 1.3rem;
  letter-spacing: 0.8em;
  margin: 2.4rem 0;
  opacity: 0.8;
}

.epigraph {
  text-align: center;
  font-family: "Cormorant Garamond", Palatino, Georgia, serif;
  font-style: italic;
  font-size: 1.35rem;
  color: var(--parchment-dim);
  margin: 0.2rem 0 0;
}

/* panels (cards, blockquotes, forms) */
.panel, blockquote {
  background: linear-gradient(160deg, rgba(58, 42, 26, 0.5), rgba(26, 18, 11, 0.78));
  border: 1px solid var(--hairline);
  border-radius: 4px;
  padding: 1.3rem 1.5rem;
  margin: 1.6rem 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

blockquote {
  border-left: 3px solid var(--patina);
  font-style: italic;
  color: var(--parchment-dim);
}

.panel h3 { margin-top: 0.2em; }

/* article */
article img { max-width: 100%; height: auto; border: 1px solid var(--hairline); border-radius: 3px; }
.byline { color: var(--parchment-dim); font-style: italic; margin-top: -0.6rem; }

/* footer */
footer {
  margin-top: 4rem;
  padding-top: 1.4rem;
  border-top: 1px solid var(--hairline);
  font-size: 0.85rem;
  color: var(--parchment-dim);
  text-align: center;
}

@media (max-width: 600px) {
  body { font-size: 1.05rem; }
  h1 { font-size: 2.3rem; }
  nav { flex-wrap: wrap; gap: 0.9rem 1.3rem; }
}