:root {
  --ink: #27251f;
  --paper: #f0e6cf;
  --orange: #e7b449;
  --line: #cabc9e;
  --muted: #5f5a4b;
  --saddle: #875837;
}

body {
  background-image: repeating-linear-gradient(0deg, #29312603 0 1px, transparent 1px 4px);
}
:focus-visible { outline-color: #c58a20; }

h1, h2, h3, h4 { line-height: 1.18; letter-spacing: -.025em; }
h2 { font-size: clamp(30px, 3.6vw, 48px); }
.about-copy h2, .research h2 { font-size: clamp(28px, 3vw, 40px); }
.podcast-copy h2, .band-copy h2, .invite h2 {
  font-size: clamp(34px, 3.9vw, 54px);
  line-height: 1.18;
}
.book-info h3, .devotional-heading h3 { font-size: clamp(21px, 2vw, 27px); }
.speaking-topics h3 { font-size: clamp(19px, 1.7vw, 23px); }
.mini-info h4, .engagement-grid h4 { font-size: clamp(17px, 1.5vw, 21px); }
.statement > p { font-size: clamp(23px, 3vw, 42px); line-height: 1.25; }
.footer-top > p { font-size: 20px; line-height: 1.3; }

.header { border-bottom: 1px solid #e7b44980; }
.header::after {
  content: '';
  display: block;
  height: 6px;
  background: url('/assets/heritage-camo.svg') center / 420px auto;
}
.wordmark {
  font-family: var(--western);
  font-weight: 400;
  font-size: 25px;
  line-height: 1.06;
  letter-spacing: -.035em;
}
.hero {
  isolation: isolate;
  background: radial-gradient(ellipse at 15% 50%, #63432c55, transparent 60%), var(--ink);
  border-bottom: 4px solid var(--orange);
}
.hero-copy { width: 65%; max-width: 760px; }
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/assets/heritage-camo.svg') left top / 500px auto;
  opacity: .08;
  mask-image: linear-gradient(90deg, #000 0%, #000 24%, transparent 53%);
  pointer-events: none;
}
.hero h1 {
  font-size: clamp(46px, 5.7vw, 82px);
  line-height: 1.1;
  letter-spacing: -.04em;
  text-shadow: 0 3px 0 #00000030;
}
.hero h1 > span {
  display: block;
  margin-top: 0;
  font-family: var(--western);
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.hero-photo img { filter: saturate(.65) sepia(.2) brightness(.85); }
.hero .eyebrow { color: #e2d5b8; }
.hero-description { color: #dfdccb; }
.accent-dot {
  width: 10px;
  height: 10px;
  border-radius: 0;
  clip-path: polygon(50% 0, 63% 37%, 100% 50%, 63% 63%, 50% 100%, 37% 63%, 0 50%, 37% 37%);
}
.hero-caption { color: #dfd4ba; }
.button { border-radius: 2px; }
.button-orange {
  border-color: var(--orange);
  box-shadow: inset 0 0 0 3px var(--orange), inset 0 0 0 4px #27251f45, 0 5px 15px #00000012;
}
.button-orange:hover { background: #f7c765; box-shadow: none; }
.button-dark:hover { background: var(--saddle); }
.hero-link { border-color: #a89e81; }
.connections, .speaking { background-color: #e2d5b9; }
.connection-grid strong { font-size: 21px; }
.connection-grid a:hover strong, .text-link:hover,
.research-links a:hover strong, .free-resource:hover strong { color: #6e5033; }
.stage-sand { background: radial-gradient(ellipse at 50% 30%, #b88f5c, #775234); }
.stage-sand .stage-label, .stage-sand .stage-arrow { color: #fff1d5; }
.stage-sage {
  background: linear-gradient(#4b5638bb, #283025dd), url('/assets/heritage-camo.svg') center / 400px auto;
}
.stage-sage .stage-label, .stage-sage .stage-arrow { color: #eee6cf; }
.book-stage { border: 1px solid #a99e7c66; }
.stage-label { color: #4e5541; }
.mini-stage { background: #e0d1af; border-bottom: 3px solid #ad8951; }
.free-resource .eyebrow { color: #6e5033; }
.podcast {
  background: linear-gradient(#27251fec, #27251fec), url('/assets/heritage-camo.svg') center / 500px auto;
  border-block: 1px solid #b88c3a;
}
.podcast-art img { border: 8px solid #ab7c42; box-shadow: 12px 12px 0 #00000035; }
.podcast-title { color: var(--orange); }
.about-photo { border: 1px solid #b7a888; }
.about-name {
  font-family: var(--western);
  font-weight: 400;
  font-size: 20px;
  padding: 21px 25px;
  border: 1px solid #875837;
  box-shadow: inset 0 0 0 4px var(--orange), inset 0 0 0 5px #875837;
}
.statement { border-top: 3px double #9e977c; }
.statement > p span { color: var(--saddle); }
.engagement-grid > div { border-top: 1px solid #aaa486; }
.engagement-grid span, .speaking-topics > .eyebrow { color: var(--muted); }
.speaking-topics > div, .speaking-history { border-color: #bfb69c; }
.bible-band {
  background: linear-gradient(#e1ba68e8, #d4ad5fe8), url('/assets/heritage-camo.svg') center / 460px auto;
  border-block: 1px solid #ad8951;
}
.band-copy h2 > span { color: #794b2e; }
.band-copy > p:not(.eyebrow) { color: #40452f; }
.band-visual { border: 1px solid #a49b7b; padding: 12px 12px 0; }
.invite { border-top: 5px solid var(--orange); }
.footer { border-top: 1px dashed #c6af7e66; }
.footer-top > p { color: #d9d1b9; }

@media (max-width: 1100px) {
  .about-name { font-size: 18px; }
}
@media (max-width: 800px) {
  .wordmark { font-size: 23px; }
  .main-nav { gap: 18px; }
  .hero h1 { font-size: 45px; }
  .about-copy h2 { font-size: 27px; }
}
@media (max-width: 620px) {
  .wordmark { font-size: 23px; }
  .hero-copy { width: 100%; }
  .hero h1 { font-size: clamp(32px, 9.9vw, 58px); line-height: 1.12; }
  .hero h1 > span { font-size: inherit; line-height: inherit; margin-top: 0; }
  .hero-inner { min-height: 700px; }
  .hero-photo { top: 210px; width: 100%; right: -65px; }
  .hero-description { max-width: 250px; }
  h2 { font-size: clamp(29px, 7.8vw, 40px); }
  .about-copy h2, .research h2 { font-size: clamp(25px, 6.7vw, 36px); }
  .speaking .section-heading h2 { font-size: clamp(29px, 7.8vw, 40px); }
  .podcast-copy h2, .band-copy h2, .invite h2 { font-size: clamp(32px, 8.8vw, 48px); }
  .connection-grid strong { font-size: 19px; }
  .main-nav { top: 86px; }
  .about-name { font-size: 19px; }
  .podcast-art img { border-width: 6px; }
  .footer-top { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; }
  .footer-top > .wordmark { font-size: 20px; }
  .footer-top > p { font-size: clamp(12px, 3.4vw, 20px); }
  .footer-top nav { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}