/* Fonts are stored on this site (SIL Open Font License) — nothing is loaded from Google. */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 500; font-display: swap; src: url("fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 600; font-display: swap; src: url("fonts/cormorant-garamond-latin-600-italic.woff2") format("woff2"); }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/eb-garamond-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/eb-garamond-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/eb-garamond-latin-500-normal.woff2") format("woff2"); }

:root {
  --ink: #1C1A18;
  --green: #1F4A36;
  --green-deep: #153325;
  --gold: #B8964A;
  --gold-deep: #8F7424;
  --paper: #F5F0E8;
  --grey: #8C8070;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 19px; -webkit-text-size-adjust: 100%; }

body {
  background: var(--paper);
  color: var(--ink);
  font-family: "EB Garamond", Garamond, "Times New Roman", serif;
  line-height: 1.7;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

a { color: var(--green); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: var(--gold-deep); }

main { flex: 1; display: flex; align-items: center; padding: 3rem 0; }
.wrap { width: 100%; max-width: 36rem; margin: 0 auto; padding: 0 1.5rem; text-align: center; }

.logo { display: block; width: 88px; height: 88px; margin: 0 auto 1.1rem; }

.name {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 2.3rem;
  letter-spacing: 0.14em;
  font-variant: small-caps;
  color: var(--green);
  line-height: 1.15;
}
.name span { color: var(--gold); }
.tagline { font-family: "Cormorant Garamond", serif; font-style: italic; color: var(--grey); font-size: 1.05rem; }

.ornament {
  color: var(--gold);
  letter-spacing: 0.9em;
  margin: 2rem 0 1.6rem;
  font-size: 0.55rem;
  padding-left: 0.9em;
}

.kicker {
  font-family: "Cormorant Garamond", serif;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  color: var(--gold-deep);
  font-weight: 600;
  margin-bottom: 0.4rem;
}
h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: italic;
  font-size: 2.4rem;
  line-height: 1.15;
  color: var(--green);
  margin-bottom: 1.3rem;
}
.lede { font-size: 1.15rem; color: #3a352f; margin-bottom: 1rem; }

.social {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.6rem 1.5rem;
  margin: 1.8rem 0 1.6rem;
}
.social a {
  font-family: "Cormorant Garamond", serif;
  font-variant: small-caps;
  letter-spacing: 0.14em;
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--green);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--gold);
}
.social a:hover { color: var(--gold-deep); border-bottom-color: var(--green); }

.mail { font-size: 1rem; color: var(--grey); }

footer {
  text-align: center;
  padding: 1.6rem 1.5rem 2rem;
  background: var(--green);
  border-top: 3px double var(--gold);
  color: #cfd8cf;
  font-size: 0.9rem;
}
footer .motto { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 1.3rem; color: var(--gold); margin-bottom: 0.3rem; }

@media (max-width: 520px) {
  html { font-size: 18px; }
  .name { font-size: 1.75rem; }
  h2 { font-size: 2rem; }
  .social { gap: 0.5rem 1.2rem; }
}