/* Homepage — johnduality.net */

:root {
  --blue: #1e5fa8;
  --blue-deep: #15497f;
  --bg: #ffffff;
  --text: #1c2733;
  --header-bg: rgba(255, 255, 255, 0.86);
  --serif: Georgia, "Times New Roman", serif;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--serif);
  color: var(--text);
  background: var(--bg);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--blue); text-decoration: none; }
a:hover { color: var(--blue-deep); }

.wrap { max-width: 1160px; margin: 0 auto; padding: 0 26px; }
.wrap-narrow { max-width: 760px; margin: 0 auto; padding: 0 26px; }
/* padding-top matches the .intro top margin on the subpage, so the first
   heading lands at the same height on both pages */
.home { padding-top: 30px; padding-bottom: 72px; }

/* Header — matches the Insight Retreats subpage */
.site-header {
  position: sticky; top: 0; z-index: 50;
  background: var(--header-bg);
  backdrop-filter: saturate(140%) blur(10px);
}
.header-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 14px; min-height: 64px; padding-top: 8px; padding-bottom: 8px; }
.brand {
  font-family: var(--serif); font-weight: 700; font-size: 15px; line-height: 1;
  color: var(--blue); white-space: nowrap;
}
.brand:hover { color: var(--blue-deep); }
.header-actions { display: flex; align-items: center; gap: 18px; }
.nav-link { font-family: var(--serif); font-size: 15px; font-weight: 700; }

/* Matches the .intro rule on the Insight Retreats subpage. Note it uses the
   body serif (Georgia), not a display face. */
.home h1 {
  margin: 0 auto 22px;
  text-align: center;
  font-size: 27px;
  line-height: 1.6;
  font-weight: 700;
  color: var(--blue);
  max-width: 700px;
}
@media (min-width: 800px) { .home h1 { max-width: none; white-space: nowrap; } }

.home p { font-size: 17px; margin: 0 0 14px; }
.home ul { margin: 0 0 22px; padding-left: 20px; }
.home li { font-size: 17px; margin-bottom: 8px; }