/* grok-ember | Pastor Nest design collection
   A late-night radio booth: charcoal cabin, one tungsten lamp,
   the teaching archive as the programme log. Every rule is scoped. */

.theme-grok-ember {
  --paper: #14100E;
  --ink: #F4E6D4;
  --accent: #EB5A28;
  --muted: color-mix(in srgb, var(--ink) 62%, var(--paper));
  --line: color-mix(in srgb, var(--ink) 16%, var(--paper));
  --desk: color-mix(in srgb, var(--ink) 8%, var(--paper));
  --studio: color-mix(in srgb, var(--accent) 48%, var(--paper));
  --lamp-muted: color-mix(in srgb, var(--ink) 78%, var(--paper));
  --edge: clamp(20px, 5vw, 64px);
  --display: 'Space Grotesk', 'DM Sans', system-ui, sans-serif;
  --body: 'Libre Baskerville', Georgia, serif;
  --radius: 2px;
  background: var(--paper);
  color: var(--ink);
  font: 400 16px/1.7 var(--display);
  color-scheme: dark;
  -webkit-font-smoothing: antialiased;
}
.theme-grok-ember *,
.theme-grok-ember *::before,
.theme-grok-ember *::after { box-sizing: border-box; }
.theme-grok-ember :where(h1,h2,h3,p,a,small,strong,span,blockquote,label) { overflow-wrap: anywhere; }
.theme-grok-ember :where(img,iframe,video,input,textarea,select) { max-width: 100%; }
.theme-grok-ember :where(a,button,input,select,textarea):focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
.theme-grok-ember :where(a,button) { -webkit-tap-highlight-color: color-mix(in srgb, var(--accent) 28%, transparent); }
.theme-grok-ember ::selection { background: var(--accent); color: var(--paper); }
.theme-grok-ember :where(.eyebrow,.prose,.section-description,.timeline,.hero-kicker,.art-caption):empty,
.theme-grok-ember .section-heading h2:empty,
.theme-grok-ember p:empty { display: none; }
.theme-grok-ember .pathway-number,
.theme-grok-ember .topic-number,
.theme-grok-ember .resource-icon,
.theme-grok-ember .verse-symbol,
.theme-grok-ember .sermon-number { display: none; }
.theme-grok-ember .block > .section-heading > .eyebrow,
.theme-grok-ember .invitation-ribbon .eyebrow,
.theme-grok-ember .contact-person > .eyebrow,
.theme-grok-ember .contact-option > span,
.theme-grok-ember .contact-location > span { display: none; }

/* ---------- type ---------- */
.theme-grok-ember.site :where(h1,h2,h3) {
  font-family: var(--display);
  font-weight: 600;
  text-wrap: balance;
  color: var(--ink);
}
.theme-grok-ember.site h1 {
  font-size: clamp(52px, 7.2vw, 108px);
  line-height: .92;
  letter-spacing: -.045em;
  margin: 8px 0 22px;
}
.theme-grok-ember.site h2 {
  font-size: clamp(26px, 3.1vw, 42px);
  line-height: 1.12;
  letter-spacing: -.03em;
  margin: 0 0 22px;
}
.theme-grok-ember.site h3 {
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.25;
  letter-spacing: -.02em;
  margin: 0 0 10px;
}
.theme-grok-ember :where(.prose,.section-description) {
  max-width: 62ch;
  color: var(--muted);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.8;
  text-wrap: pretty;
}
.theme-grok-ember .prose p { margin: 0 0 14px; }
.theme-grok-ember .prose p:last-child { margin-bottom: 0; }
.theme-grok-ember .eyebrow {
  font: 500 13px/1.5 var(--display);
  letter-spacing: 0;
  text-transform: none;
  color: var(--muted);
  margin: 0 0 10px;
}
.theme-grok-ember .small-note { font-size: 13px; color: var(--muted); font-family: var(--display); }

/* ---------- header: booth chrome ---------- */
.theme-grok-ember.site .site-header {
  position: sticky;
  top: 0;
  z-index: 8;
  max-width: none;
  margin: 0;
  padding: 16px var(--edge);
  gap: 14px 28px;
  align-items: center;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}
.theme-grok-ember.site .wordmark {
  font: 600 clamp(16px, 1.4vw, 18px)/1.2 var(--display);
  letter-spacing: -.02em;
  gap: 12px;
  align-items: center;
  min-width: 0;
}
.theme-grok-ember.site .brand-symbol {
  width: 36px;
  height: 36px;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: var(--accent);
  color: var(--paper);
  font: 700 11px/1 var(--display);
  letter-spacing: .04em;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
  animation: grok-ember-lamp 2.6s ease-out infinite;
}
@keyframes grok-ember-lamp {
  0%, 100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
  50% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--accent) 34%, transparent); }
}
.theme-grok-ember .site-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 2px 18px;
  font: 500 13px/1.3 var(--display);
  min-width: 0;
}
.theme-grok-ember .site-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 4px 0;
  color: var(--ink);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
.theme-grok-ember .site-nav a:hover { color: var(--accent); }
.theme-grok-ember .site-nav a.current {
  color: var(--accent);
  border-bottom-color: var(--accent);
  font-weight: 600;
}

/* ---------- page rhythm ---------- */
.theme-grok-ember.site > .site-main,
.theme-grok-ember.site.real-site > .site-main {
  max-width: none;
  padding: 0 0 48px;
}
.theme-grok-ember.site .site-main > .block {
  padding: clamp(52px, 6vw, 92px) var(--edge);
  margin: 0;
}
.theme-grok-ember.site.real-site .site-main > .block { margin-bottom: 0; }
.theme-grok-ember.site .site-main > .block.block-hero { padding-top: clamp(28px, 3.4vw, 52px); padding-bottom: 0; }
.theme-grok-ember.site .site-main > .block.space-compact {
  padding-top: clamp(32px, 4vw, 48px) !important;
  padding-bottom: clamp(32px, 4vw, 48px) !important;
  margin-bottom: 0 !important;
}
.theme-grok-ember.site .site-main > .block.space-spacious {
  padding-top: clamp(72px, 8vw, 128px) !important;
  padding-bottom: clamp(72px, 8vw, 128px) !important;
  margin-bottom: 0 !important;
}
.theme-grok-ember .block > .section-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 12px 32px;
  margin: 0 0 clamp(22px, 2.6vw, 36px);
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}
.theme-grok-ember .block > .section-heading h2 { margin: 0; max-width: 22ch; }
.theme-grok-ember .block > .section-heading :where(.prose,.section-description) {
  margin: 0;
  font-size: 15px;
  max-width: 46ch;
}
.theme-grok-ember :where(.about-grid,.topics-layout,.content-grid,.request-intro) > .section-heading {
  display: block;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.theme-grok-ember .section-end-link { margin-top: clamp(22px, 2.4vw, 36px); }

/* ---------- controls ---------- */
.theme-grok-ember .button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 13px 20px;
  border: 1px solid var(--accent);
  border-radius: var(--radius);
  background: var(--accent);
  color: var(--paper) !important;
  font: 600 14px/1.4 var(--display);
  letter-spacing: 0;
  text-transform: none;
}
.theme-grok-ember .button:hover {
  background: var(--ink);
  border-color: var(--ink);
}
.theme-grok-ember :where(.text-link,.quiet-link) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 55%, transparent);
  color: var(--accent);
  font: 500 14px/1.5 var(--display);
  box-shadow: none;
}
.theme-grok-ember :where(.text-link,.quiet-link):hover {
  color: var(--ink);
  border-bottom-color: var(--ink);
}
.theme-grok-ember :where(input,select,textarea) {
  font: 400 16px/1.5 var(--display);
  color: var(--ink);
  background: var(--desk);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 13px 14px;
}
.theme-grok-ember :where(input,textarea)::placeholder { color: var(--muted); opacity: 1; }
.theme-grok-ember :where(input,select,textarea):focus { border-color: var(--accent); outline: none; }
.theme-grok-ember :where(input,select,textarea):focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }

/* ---------- hero: the booth window ---------- */
.theme-grok-ember .hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .88fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: end;
}
.theme-grok-ember .hero-copy { min-width: 0; }
.theme-grok-ember .hero-copy > .eyebrow {
  color: var(--accent);
  font-weight: 600;
  margin-bottom: 16px;
}
.theme-grok-ember.site .hero-kicker {
  font: 500 clamp(18px, 2vw, 26px)/1.35 var(--display);
  letter-spacing: -.02em;
  color: var(--ink);
  max-width: 28ch;
  margin: 0 0 20px;
}
.theme-grok-ember.site .hero-copy > .prose { max-width: 54ch; font-size: 16px; }
.theme-grok-ember .hero-actions { gap: 12px 22px; margin-top: 28px; align-items: center; }
.theme-grok-ember .hero-art {
  min-width: 0;
  padding: 8px;
  background: var(--desk);
  border: 1px solid var(--line);
}
.theme-grok-ember.site .hero-image {
  display: block;
  width: 100%;
  height: min(540px, 58vh);
  object-fit: cover;
  object-position: center 16%;
  border-radius: 0;
  border-bottom: 2px solid var(--accent);
}
.theme-grok-ember .art-caption {
  font: 400 12px/1.6 var(--display);
  letter-spacing: 0;
  text-transform: none;
  color: var(--muted);
  margin: 10px 4px 2px;
  opacity: 1;
}
.theme-grok-ember.site .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  margin: 36px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--line);
  border-bottom: 0;
  font: 500 13px/1.5 var(--display);
  letter-spacing: 0;
  text-transform: none;
  color: var(--muted);
}

/* ---------- inner pages ---------- */
.theme-grok-ember.site .page-intro {
  padding: clamp(40px, 5vw, 72px) 0 28px;
  margin: 0 var(--edge) 0;
  border-bottom: 1px solid var(--line);
}
.theme-grok-ember.site .page-intro h1 {
  font-size: clamp(40px, 5.4vw, 76px);
  margin: 8px 0 16px;
}
.theme-grok-ember.site .page-intro > .eyebrow { color: var(--muted); }
.theme-grok-ember.site .page-intro > .prose { max-width: 58ch; }

/* ---------- podcasts: the on-air strip ---------- */
.theme-grok-ember.site .site-main > .block-podcasts {
  margin-left: 0;
  margin-right: 0;
  padding: clamp(36px, 4vw, 56px) var(--edge);
  background: var(--studio);
  color: var(--ink);
  border-top: 0;
}
.theme-grok-ember .block-podcasts .section-heading { border-bottom-color: color-mix(in srgb, var(--ink) 22%, var(--studio)); }
.theme-grok-ember .block-podcasts h2 { color: var(--ink); }
.theme-grok-ember .block-podcasts :where(.prose,.section-description,.eyebrow,p,small) { color: var(--lamp-muted); }
.theme-grok-ember .block-podcasts .text-link {
  color: var(--ink);
  border-bottom-color: color-mix(in srgb, var(--ink) 45%, transparent);
}
.theme-grok-ember .block-podcasts .text-link:hover { border-bottom-color: var(--ink); }
.theme-grok-ember .block-podcasts :focus-visible { outline-color: var(--ink); }
.theme-grok-ember.site .podcast-list article {
  grid-template-columns: 72px minmax(0, 1fr);
  gap: clamp(18px, 3vw, 32px);
  padding: 0;
  border: 0;
  align-items: start;
}
.theme-grok-ember .podcast-list article + article {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid color-mix(in srgb, var(--ink) 18%, var(--studio));
}
.theme-grok-ember .podcast-icon {
  width: 72px;
  height: 72px;
  background: var(--accent);
  color: var(--paper);
  border-radius: 50%;
  font-size: 28px;
}
.theme-grok-ember .podcast-list h3 { margin: 4px 0 12px; font-size: clamp(24px, 2.6vw, 36px); color: var(--ink); }

/* ---------- sermons: the programme log ---------- */
.theme-grok-ember.site .message-search {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 420px;
  margin: 0 0 28px;
  font: 500 13px/1.4 var(--display);
  color: var(--muted);
}
.theme-grok-ember.site .message-search input {
  background: var(--desk);
  border-color: var(--line);
  color: var(--ink);
  font-size: 16px;
}
.theme-grok-ember.site .block-sermons.variant-featured .sermon-list,
.theme-grok-ember.site.real-site .block-sermons.variant-featured .sermon-list,
.theme-grok-ember .sermon-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  grid-template-columns: minmax(0, 1fr);
}
.theme-grok-ember .sermon-card {
  display: grid;
  grid-template-columns: minmax(0, 148px) minmax(0, 1fr);
  gap: 20px 24px;
  align-items: start;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  min-width: 0;
}
.theme-grok-ember .sermon-card[hidden] { display: none; }
.theme-grok-ember .sermon-card:hover { background: var(--desk); margin: 0 calc(-1 * 12px); padding-left: 12px; padding-right: 12px; }
.theme-grok-ember .sermon-card:first-child {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: clamp(20px, 3vw, 40px);
  padding: 0 0 36px;
  margin: 0;
  background: transparent;
}
.theme-grok-ember .sermon-card:first-child:hover { background: transparent; margin: 0; padding: 0 0 36px; }
.theme-grok-ember.site .sermon-visual {
  height: auto;
  aspect-ratio: 16 / 9;
  background: var(--desk);
  border: 1px solid var(--line);
  border-radius: 0;
}
.theme-grok-ember.site .sermon-visual:has(.sermon-thumb)::after {
  background: linear-gradient(transparent 45%, color-mix(in srgb, var(--paper) 72%, transparent));
}
.theme-grok-ember .demo-sermon-art {
  display: grid;
  place-items: center;
  height: 100%;
  padding: 16px;
  color: var(--ink);
  font: 600 18px/1.25 var(--display);
  text-align: center;
}
.theme-grok-ember.site .sermon-visual .video-link {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 1;
  max-width: calc(100% - 20px);
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-radius: var(--radius);
  background: var(--paper);
  color: var(--ink);
  font: 600 12px/1.3 var(--display);
  gap: 8px;
}
.theme-grok-ember.site .sermon-visual .video-link:hover {
  background: var(--accent);
  color: var(--paper);
}
.theme-grok-ember .sermon-content { padding: 0; min-width: 0; }
.theme-grok-ember .sermon-content .eyebrow { margin-bottom: 8px; }
.theme-grok-ember .sermon-content h3 { margin: 0 0 8px; }
.theme-grok-ember .sermon-card:first-child .sermon-content h3 { font-size: clamp(24px, 2.4vw, 34px); }
.theme-grok-ember .sermon-content > p:empty { display: none; }
.theme-grok-ember .sermon-content > p:not(.eyebrow) { font-size: 14px; color: var(--accent); margin: 0 0 10px; font-family: var(--display); }
.theme-grok-ember .sermon-content .prose { font-size: 15px; }
.theme-grok-ember .sermon-content .prose p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.theme-grok-ember .sermon-card:first-child .sermon-content .prose p { -webkit-line-clamp: 5; }
.theme-grok-ember .welcome-film { margin-top: 24px; background: var(--desk); }

/* ---------- books: shelf plates ---------- */
.theme-grok-ember.site .book-grid { display: grid; gap: 0; }
.theme-grok-ember.site .book-card {
  grid-template-columns: minmax(0, 168px) minmax(0, 1fr);
  gap: clamp(20px, 3.5vw, 48px);
  align-items: start;
  padding: clamp(24px, 2.8vw, 36px) 0;
  border-top: 1px solid var(--line);
}
.theme-grok-ember.site .book-card:first-child { border-top: 0; padding-top: 0; }
.theme-grok-ember.site .book-card > div { min-width: 0; }
.theme-grok-ember.site .book-cover {
  width: 100%;
  height: 236px;
  object-fit: cover;
  background: var(--desk);
  border: 1px solid var(--line);
}
.theme-grok-ember.site .book-cover.placeholder {
  display: grid;
  align-content: end;
  justify-items: start;
  padding: 18px;
  box-shadow: none;
  text-align: left;
  font: 600 18px/1.25 var(--display);
  letter-spacing: -.02em;
  color: var(--ink);
}
.theme-grok-ember.site .book-card h3 { font-size: clamp(22px, 2.4vw, 32px); max-width: 24ch; margin: 6px 0 10px; }
.theme-grok-ember.site .book-card > div > p { font-size: 14px; color: var(--muted); margin: 0 0 12px; }
.theme-grok-ember.site .book-card .prose { font-size: 15px; }
.theme-grok-ember.site .book-card .button {
  margin-top: 16px;
  background: transparent;
  border-color: var(--line);
  color: var(--ink) !important;
}
.theme-grok-ember.site .book-card .button:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--paper) !important;
}

/* ---------- ministries ---------- */
.theme-grok-ember.site .ministry-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 3.2vw, 48px) clamp(28px, 5vw, 72px);
}
.theme-grok-ember .ministry-grid > article {
  border-top: 1px solid var(--line);
  padding-top: 18px;
  min-width: 0;
}
.theme-grok-ember .ministry-grid > article > img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin-bottom: 16px;
  border: 1px solid var(--line);
}
.theme-grok-ember .ministry-grid p { font-size: 15px; color: var(--muted); font-family: var(--body); }
.theme-grok-ember .ministry-grid .text-link { margin-top: 12px; }

/* ---------- gallery ---------- */
.theme-grok-ember.site .ministry-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: clamp(16px, 2vw, 28px);
}
.theme-grok-ember.site .gallery-masonry { columns: 2; column-gap: clamp(16px, 2vw, 28px); display: block; }
.theme-grok-ember.site .ministry-gallery figure { margin: 0; min-width: 0; break-inside: avoid; }
.theme-grok-ember.site .gallery-open {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  background: var(--desk);
  border-radius: 0;
  overflow: hidden;
}
.theme-grok-ember.site .ministry-gallery img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: cover;
}
.theme-grok-ember.site .gallery-open:hover { border-color: var(--accent); }
.theme-grok-ember.site .gallery-open:hover img { transform: scale(1.03); }
.theme-grok-ember.site .ministry-gallery figcaption {
  margin-top: 10px;
  font: 400 13px/1.6 var(--display);
  color: var(--muted);
}

/* ---------- about ---------- */
.theme-grok-ember.site .block-about.variant-wide .about-grid,
.theme-grok-ember.site.real-site .block-about.variant-wide .about-grid {
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: clamp(28px, 6vw, 80px);
}
.theme-grok-ember.site .bio-photo {
  width: 100%;
  height: 320px;
  object-fit: cover;
  object-position: center 16%;
  margin-bottom: 20px;
  border: 1px solid var(--line);
}
.theme-grok-ember .timeline {
  margin-top: 32px;
  border-left: 0;
  padding-left: 0;
}
.theme-grok-ember .timeline > div { margin-bottom: 24px; padding-top: 16px; border-top: 1px solid var(--line); }
.theme-grok-ember .timeline > div:before { display: none; }
.theme-grok-ember .timeline span { font: 500 13px var(--display); color: var(--accent); letter-spacing: 0; }

/* ---------- channels: station directory ---------- */
.theme-grok-ember.site .channel-grid,
.theme-grok-ember.site.real-site .channel-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  grid-template-columns: minmax(0, 1fr);
}
.theme-grok-ember .channel-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 8px 20px;
  align-items: start;
  padding: 22px 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
}
.theme-grok-ember .channel-mark {
  grid-row: 1 / span 3;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  background: var(--desk);
  color: var(--accent);
  font-size: 18px;
  border-radius: 50%;
  margin: 0;
}
.theme-grok-ember .channel-card .eyebrow { grid-column: 2; margin: 0; }
.theme-grok-ember .channel-card h3 { grid-column: 2; margin: 0; }
.theme-grok-ember .channel-card > p:not(.eyebrow) {
  grid-column: 2;
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted);
  max-width: 62ch;
  font-family: var(--body);
}
.theme-grok-ember .channel-card .button {
  grid-column: 3;
  grid-row: 1 / span 3;
  align-self: center;
  justify-self: end;
  margin: 0;
  background: transparent;
  border-color: var(--line);
  color: var(--ink) !important;
  min-height: 44px;
  padding: 10px 16px;
  font-size: 13px;
}
.theme-grok-ember .channel-card .button:hover {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--paper) !important;
}

/* ---------- pathways ---------- */
.theme-grok-ember .pathway-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--line);
}
.theme-grok-ember .pathway {
  padding: 28px 24px;
  border-right: 1px solid var(--line);
  background: transparent;
}
.theme-grok-ember .pathway:last-child { border-right: 0; }
.theme-grok-ember .pathway:hover { background: var(--desk); }
.theme-grok-ember .pathway h3 { font-size: 22px; margin: 0 0 12px; }
.theme-grok-ember .pathway p { font-size: 14px; line-height: 1.7; color: var(--muted); font-family: var(--body); }
.theme-grok-ember .pathway-arrow { display: block; margin-top: 24px; color: var(--accent); font-size: 20px; }

/* ---------- booking: studio band ---------- */
.theme-grok-ember.site .site-main > .block-booking,
.theme-grok-ember.site.real-site .site-main > .block-booking {
  margin: 0;
  padding: clamp(40px, 5vw, 72px) var(--edge);
  background: var(--studio);
  color: var(--ink);
}
.theme-grok-ember.site .invitation-ribbon {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}
.theme-grok-ember .invitation-ribbon h2 { color: var(--ink); margin: 0 0 12px; }
.theme-grok-ember .invitation-ribbon p { color: var(--lamp-muted); font-family: var(--body); }
.theme-grok-ember .ribbon-actions small { color: var(--lamp-muted); font-size: 13px; }
.theme-grok-ember .block-booking .button {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--paper) !important;
}
.theme-grok-ember .block-booking .button:hover {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--paper) !important;
}
.theme-grok-ember .block-booking :focus-visible { outline-color: var(--ink); }

/* ---------- invitation form ---------- */
.theme-grok-ember .request-layout {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(28px, 5vw, 64px);
}
.theme-grok-ember .request-steps { margin: 28px 0; }
.theme-grok-ember .request-steps > div { display: flex; gap: 16px; margin: 18px 0; }
.theme-grok-ember .request-steps b { font: 600 12px var(--display); color: var(--accent); padding-top: 2px; }
.theme-grok-ember .request-steps strong { display: block; color: var(--ink); margin-bottom: 6px; font-family: var(--display); }
.theme-grok-ember .request-steps p { font-size: 14px; line-height: 1.7; color: var(--muted); }
.theme-grok-ember .request-note {
  border-left: 0;
  border-top: 1px solid var(--line);
  padding: 14px 0 0;
  margin: 24px 0;
  font-size: 13px;
  line-height: 1.8;
  color: var(--muted);
  background: transparent;
}
.theme-grok-ember .engagement-form {
  border: 1px solid var(--line);
  padding: clamp(22px, 2.4vw, 32px);
  background: var(--desk);
}
.theme-grok-ember .form-chapter {
  display: flex;
  gap: 14px;
  align-items: center;
  margin: 0 0 22px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
}
.theme-grok-ember .form-chapter:not(:first-child) { margin-top: 36px; }
.theme-grok-ember .form-chapter span { font: 600 12px var(--display); color: var(--accent); }
.theme-grok-ember .form-chapter h3 { font: 600 22px/1.2 var(--display); margin: 0; }
.theme-grok-ember .request-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px 16px;
}
.theme-grok-ember .request-fields label {
  font: 500 13px/1.4 var(--display);
  color: var(--ink);
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  margin: 0;
}
.theme-grok-ember .request-fields :where(input,select,textarea),
.theme-grok-ember .request-review textarea {
  background: var(--paper);
  color: var(--ink);
  border-color: var(--line);
  font-size: 16px;
  border-radius: var(--radius);
}
.theme-grok-ember .request-fields .span-two { grid-column: 1 / -1; }
.theme-grok-ember .request-fields .flexible-date {
  flex-direction: row;
  align-items: center;
  padding-top: 28px;
}
.theme-grok-ember .flexible-date input { width: 18px; height: 18px; accent-color: var(--accent); }
.theme-grok-ember .request-error { color: var(--accent); font-size: 14px; font-weight: 600; }
.theme-grok-ember .request-fineprint { display: block; font-size: 13px; color: var(--muted); margin-top: 14px; }
.theme-grok-ember .request-review { border-top: 1px solid var(--line); margin-top: 28px; padding-top: 24px; }
.theme-grok-ember .request-review[hidden] { display: none; }
.theme-grok-ember .appointment-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  padding: 28px;
  background: var(--desk);
  border: 1px solid var(--line);
}

/* ---------- contact, socials, events ---------- */
.theme-grok-ember .contact-desk { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(28px, 6vw, 72px); }
.theme-grok-ember .contact-person > img {
  width: 120px;
  height: 140px;
  object-fit: cover;
  object-position: center 16%;
  border: 1px solid var(--line);
}
.theme-grok-ember .contact-option { padding: 22px 0 28px; border-bottom: 1px solid var(--line); }
.theme-grok-ember .contact-location { padding: 24px 0; }
.theme-grok-ember .network-directory { border-top: 1px solid var(--line); }
.theme-grok-ember .network-row {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 18px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}
.theme-grok-ember .network-row:hover { padding-left: 0; background: var(--desk); }
.theme-grok-ember .network-monogram {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: var(--accent);
  color: var(--paper);
  font: 700 13px var(--display);
}
.theme-grok-ember .network-row strong { font: 600 22px/1.25 var(--display); }
.theme-grok-ember .event-list article,
.theme-grok-ember .engagement-list article {
  grid-template-columns: 148px minmax(0, 1fr) auto;
  gap: 24px;
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
  align-items: center;
}
.theme-grok-ember .event-date,
.theme-grok-ember .date-tile {
  padding: 16px;
  background: var(--desk);
  border: 1px solid var(--line);
  font: 600 15px/1.4 var(--display);
}
.theme-grok-ember .date-tile small,
.theme-grok-ember .event-date small { display: block; margin-top: 6px; font: 400 12px var(--display); color: var(--muted); }
.theme-grok-ember .availability-note {
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 20px;
  padding: 28px;
  border: 1px solid var(--line);
  background: var(--desk);
}
.theme-grok-ember .calendar-symbol { color: var(--accent); }

/* ---------- writing, notes, topics ---------- */
.theme-grok-ember.site .article-grid,
.theme-grok-ember.site .resource-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 48px;
}
.theme-grok-ember .article-card,
.theme-grok-ember .note-card {
  border: 0;
  border-top: 1px solid var(--line);
  padding: 28px 0;
  background: transparent;
}
.theme-grok-ember .article-card > img { height: 220px; object-fit: cover; margin-bottom: 18px; border: 1px solid var(--line); }
.theme-grok-ember .topics-layout { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(24px, 6vw, 72px); }
.theme-grok-ember .topic-list article {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 24px 0;
  border-top: 1px solid var(--line);
}

/* ---------- scripture, faq, quotes, giving ---------- */
.theme-grok-ember .verse-display { padding: 28px 0; }
.theme-grok-ember .verse-slide blockquote,
.theme-grok-ember .quote-grid blockquote {
  font: 400 clamp(22px, 2.6vw, 34px)/1.45 var(--body);
  color: var(--ink);
  margin: 0 0 18px;
}
.theme-grok-ember .verse-controls { display: flex; gap: 12px; align-items: center; margin-top: 16px; }
.theme-grok-ember .verse-controls button {
  min-height: 44px;
  min-width: 44px;
  background: var(--desk);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.theme-grok-ember .faq-list details { padding: 20px 0; border-bottom: 1px solid var(--line); }
.theme-grok-ember .faq-list summary {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  font: 600 20px/1.3 var(--display);
  list-style: none;
}
.theme-grok-ember .faq-list summary::-webkit-details-marker { display: none; }
.theme-grok-ember .quote-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; }
.theme-grok-ember .quote-grid figure { margin: 0; border-top: 1px solid var(--line); padding-top: 24px; }
.theme-grok-ember .sample-giving,
.theme-grok-ember .support-panel,
.theme-grok-ember .newsletter-letter {
  padding: 28px;
  background: var(--desk);
  border: 1px solid var(--line);
}
.theme-grok-ember .giving-amounts { display: flex; gap: 10px; margin: 16px 0; }
.theme-grok-ember .giving-amounts button {
  min-height: 44px;
  background: var(--paper);
  color: var(--ink);
  border: 1px solid var(--line);
}
.theme-grok-ember .giving-amounts button.active {
  background: var(--accent);
  color: var(--paper);
  border-color: var(--accent);
}
.theme-grok-ember .social-links { display: flex; flex-wrap: wrap; gap: 12px; }
.theme-grok-ember .social-card {
  padding: 16px 18px;
  border: 1px solid var(--line);
  background: var(--desk);
  font: 500 14px var(--display);
}
.theme-grok-ember .awaiting-content {
  padding: 28px;
  border: 1px dashed var(--line);
  color: var(--muted);
  font-size: 15px;
}
.theme-grok-ember .content-grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(24px, 5vw, 64px); }
.theme-grok-ember .contact-detail { font-size: 16px; margin-top: 16px; }

/* ---------- footer: sign-off ---------- */
.theme-grok-ember.site .site-footer {
  max-width: none;
  margin: 0;
  padding: 40px var(--edge) 36px;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 24px 32px;
  background: var(--desk);
  border-top: 1px solid var(--line);
  font: 500 16px var(--display);
}
.theme-grok-ember .site-footer div { text-align: left; }
.theme-grok-ember .site-footer strong { font: 700 clamp(22px, 2.4vw, 32px)/1.2 var(--display); color: var(--ink); }
.theme-grok-ember .site-footer :where(p,small) { font: 400 13px/1.6 var(--display); color: var(--muted); }
.theme-grok-ember .site-footer nav { gap: 8px 18px; justify-content: flex-end; }
.theme-grok-ember .site-footer .text-link { font-size: 13px; min-height: 40px; }
.theme-grok-ember .site-footer > small {
  grid-column: 1 / -1;
  border-top: 1px solid var(--line);
  padding-top: 16px;
}

/* ---------- 1000 ---------- */
@media (max-width: 1000px) {
  .theme-grok-ember .hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 28px; }
  .theme-grok-ember .pathway-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .theme-grok-ember .pathway:nth-child(2) { border-right: 0; }
  .theme-grok-ember .pathway:nth-child(n + 3) { border-top: 1px solid var(--line); }
  .theme-grok-ember .request-layout,
  .theme-grok-ember.site .invitation-ribbon,
  .theme-grok-ember .topics-layout,
  .theme-grok-ember .contact-desk,
  .theme-grok-ember .appointment-panel { grid-template-columns: minmax(0, 1fr); }
  .theme-grok-ember .channel-card { grid-template-columns: 44px minmax(0, 1fr); }
  .theme-grok-ember .channel-card .button { grid-column: 2; grid-row: auto; justify-self: start; margin-top: 8px; }
  .theme-grok-ember .engagement-list article,
  .theme-grok-ember .event-list article { grid-template-columns: 128px minmax(0, 1fr); }
  .theme-grok-ember .engagement-list article > a,
  .theme-grok-ember .event-list article > a { grid-column: 2; }
}

/* ---------- 800: base sheet forces one-column hero ---------- */
@media (max-width: 800px) {
  .theme-grok-ember.site .site-header { padding: 14px var(--edge); gap: 10px 16px; align-items: flex-start; }
  .theme-grok-ember.site .brand-symbol { display: grid; }
  .theme-grok-ember .site-nav {
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    gap: 0 16px !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .theme-grok-ember .site-nav::-webkit-scrollbar { display: none; }
  .theme-grok-ember .site-nav a { flex: 0 0 auto; }
  .theme-grok-ember.site .site-main > .block { padding: 44px var(--edge); }
  .theme-grok-ember.site .site-main > .block.block-hero { padding-top: 24px; }
  .theme-grok-ember .hero-grid { gap: 22px !important; }
  .theme-grok-ember.site .hero-art { max-width: 100%; width: 100%; margin: 0 !important; }
  .theme-grok-ember.site .hero-image {
    height: min(360px, 54vh) !important;
    max-height: 70vh;
  }
  .theme-grok-ember.site .hero-copy h1 { font-size: clamp(44px, 11vw, 64px); line-height: .94; }
  .theme-grok-ember.site .hero-kicker { font-size: 20px; }
  .theme-grok-ember.site .block-about.variant-wide .about-grid,
  .theme-grok-ember.site.real-site .block-about.variant-wide .about-grid,
  .theme-grok-ember.site .ministry-grid,
  .theme-grok-ember.site .article-grid,
  .theme-grok-ember.site .resource-grid,
  .theme-grok-ember .quote-grid,
  .theme-grok-ember .content-grid { grid-template-columns: minmax(0, 1fr); }
  .theme-grok-ember .sermon-card,
  .theme-grok-ember .sermon-card:first-child {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .theme-grok-ember .sermon-card:first-child { padding-bottom: 28px; }
  .theme-grok-ember.site .book-card { grid-template-columns: minmax(0, 132px) minmax(0, 1fr); gap: 20px; }
  .theme-grok-ember.site .ministry-gallery,
  .theme-grok-ember.site .gallery-masonry { grid-template-columns: minmax(0, 1fr); columns: 1; display: grid; }
  .theme-grok-ember.site .site-footer { grid-template-columns: minmax(0, 1fr); padding: 32px var(--edge); }
  .theme-grok-ember .site-footer nav { justify-content: flex-start; }
}

/* ---------- 560 / 390 ---------- */
@media (max-width: 560px) {
  .theme-grok-ember.site .brand-symbol { display: grid; width: 32px; height: 32px; font-size: 10px; }
  .theme-grok-ember.site .hero-art { max-width: 100%; }
  .theme-grok-ember.site .hero-image {
    height: min(300px, 52vh) !important;
    max-height: 70vh;
  }
  .theme-grok-ember.site .hero-copy h1 { font-size: clamp(42px, 11.5vw, 52px); }
  .theme-grok-ember.site .hero-kicker { font-size: 18px; }
  .theme-grok-ember .hero-actions { flex-direction: column; align-items: stretch; gap: 8px; }
  .theme-grok-ember .hero-actions .button,
  .theme-grok-ember .hero-actions .quiet-link { justify-content: center; width: 100%; }
  .theme-grok-ember.site .hero-meta { flex-direction: column; gap: 6px; }
  .theme-grok-ember .sermon-card,
  .theme-grok-ember .sermon-card:first-child {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 20px 0;
  }
  .theme-grok-ember .sermon-card:first-child { padding-bottom: 24px; }
  .theme-grok-ember .sermon-card:hover,
  .theme-grok-ember .sermon-card:first-child:hover {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
  }
  .theme-grok-ember.site .book-card { grid-template-columns: minmax(0, 1fr); }
  .theme-grok-ember.site .book-cover { width: 152px; height: 210px; }
  .theme-grok-ember .channel-card,
  .theme-grok-ember .channel-card > :is(.eyebrow, h3, p:not(.eyebrow), .button),
  .theme-grok-ember .podcast-list article,
  .theme-grok-ember .request-fields,
  .theme-grok-ember .pathway-grid { grid-template-columns: minmax(0, 1fr); }
  .theme-grok-ember .channel-mark { grid-row: auto; }
  .theme-grok-ember .channel-card .button { grid-column: 1; margin-top: 6px; }
  .theme-grok-ember .podcast-icon { width: 52px; height: 52px; font-size: 22px; }
  .theme-grok-ember .pathway { border-right: 0; border-top: 0; border-bottom: 1px solid var(--line); }
  .theme-grok-ember .pathway:nth-child(n + 3) { border-top: 0; }
  .theme-grok-ember .pathway:last-child { border-bottom: 0; }
  .theme-grok-ember .request-fields .span-two { grid-column: auto; }
  .theme-grok-ember .request-fields .flexible-date { padding-top: 0; }
  .theme-grok-ember .engagement-form { padding: 18px 16px; }
  .theme-grok-ember .engagement-list article,
  .theme-grok-ember .event-list article,
  .theme-grok-ember .availability-note { grid-template-columns: minmax(0, 1fr); }
  .theme-grok-ember .engagement-list article > a,
  .theme-grok-ember .event-list article > a { grid-column: auto; }
  .theme-grok-ember .date-tile,
  .theme-grok-ember .event-date { justify-self: start; }
  .theme-grok-ember .network-row { grid-template-columns: 40px minmax(0, 1fr); gap: 14px; }
  .theme-grok-ember .network-action { display: none; }
  .theme-grok-ember .network-monogram { width: 40px; height: 40px; }
  .theme-grok-ember.site .page-intro { margin-left: var(--edge); margin-right: var(--edge); }
}

@media (max-width: 430px) {
  .theme-grok-ember.site .brand-symbol { display: grid; }
  .theme-grok-ember.site .hero-art { max-width: 100%; }
  .theme-grok-ember.site .hero-image {
    height: min(300px, 52vh) !important;
    max-height: 70vh;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-grok-ember *,
  .theme-grok-ember *::before,
  .theme-grok-ember *::after {
    animation: none !important;
    scroll-behavior: auto !important;
  }
  .theme-grok-ember .brand-symbol { animation: none; }
  .theme-grok-ember .gallery-open:hover img { transform: none; }
}