/* ===========================================================================
   Things Exist — site.css
   Static rebuild, 2026-09-17. One stylesheet for six pages.

   Consolidated from globals.css + pages.css + home.css. Dead rules removed:
   landing-split.css entirely (0 of 4 classes used), the previous homepage
   design in globals.css (30 of 36 unused), the /watch and /faces styles in
   pages.css, and the subscribe-form styles. Tailwind import dropped — nothing
   used it. Duplicated override blocks flattened; last-wins order preserved.

   Type: Georgia carries the design. Body sans is a system stack — the old
   build pulled Geist from Google Fonts, which was an external request doing
   almost no visible work.
   =========================================================================== */

:root{
  --paper:#f1eee4;
  --ink:#171713;
  --rust:#c85135;
  --sage:#aeb99b;
  --ochre:#e1c45a;
  --line:#b9b1a5;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:Georgia,"Iowan Old Style","Times New Roman",serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}
a{color:inherit;text-decoration:none}
img{max-width:100%}

/* --------------------------------------------------------------- chrome -- */

.wordmark{display:block;width:132px;flex:0 0 auto;line-height:0}
.wordmark img{display:block;width:100%;height:auto}

.site-header{
  min-height:104px;padding:20px clamp(22px,5vw,72px);gap:30px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--line);
}
.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}

.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}

.button{display:inline-flex;align-items:center;gap:15px;border-radius:4px;padding:14px 19px;font-weight:700}
.button--ink{background:var(--ink);color:var(--paper)}
.button--paper{background:var(--paper);color:var(--ink)}

footer{
  min-height:240px;padding:45px clamp(24px,5vw,72px);gap:40px;
  display:flex;justify-content:space-between;align-items:flex-end;
  border-top:1px solid var(--line);font-size:12px;line-height:1.5;
}
footer>p{font:italic 17px/1.4 var(--serif)}
footer>div{display:flex;flex-direction:column;gap:10px;text-align:right}

@media(max-width:850px){
  .site-header nav{gap:18px}
}
@media(max-width:520px){
  .wordmark{width:104px}
  .site-header{padding-inline:17px;align-items:flex-start;height:auto;min-height:104px;padding-block:20px;gap:18px}
  .site-header nav{max-width:210px;justify-content:flex-end;flex-wrap:wrap;gap:0 15px;font-size:11px;line-height:1.3}
  .site-header nav a{display:inline-flex;align-items:center;min-height:44px}
  footer{align-items:flex-start;flex-direction:column;gap:30px}
  footer>div{text-align:left}
}

/* ================================================================= HOME == */

.story-opening{padding:clamp(48px,7vw,96px) clamp(22px,5vw,72px) 30px;background:var(--paper)}
.story-opening__copy{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px 6vw;align-items:end;margin-bottom:clamp(36px,5vw,68px)}
.story-opening__copy .eyebrow{align-self:start;margin:10px 0 0}
.story-opening__copy h1{grid-column:2;margin:0;font:clamp(64px,8vw,126px)/.85 var(--serif);letter-spacing:-.065em}
.story-opening__copy h1 em{display:block;color:var(--rust)}
.story-opening__copy>p:last-child{grid-column:2;max-width:660px;margin:0;font:italic clamp(23px,2.5vw,38px)/1.1 var(--serif)}
.story-opening__image{margin:0;overflow:hidden;background:var(--ink);aspect-ratio:16/8.5}
.story-opening__image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}

.video-story{padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px);border-bottom:1px solid var(--line)}
.video-story header{display:grid;grid-template-columns:.62fr 1.38fr;gap:36px 7vw;align-items:end;margin-bottom:clamp(45px,6vw,85px)}
.video-story h2{grid-column:2;margin:0;font:clamp(58px,7.5vw,112px)/.86 var(--serif);letter-spacing:-.06em}
.video-story h2 em{display:block;color:var(--rust)}
.video-story__frame{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--ink);color:var(--paper);box-shadow:0 24px 60px #332d251f}
.video-story__frame:before{content:"";position:absolute;inset:18px;border:1px solid #f3eee433;pointer-events:none}
.video-story__play{width:clamp(74px,8vw,112px);height:clamp(74px,8vw,112px);display:grid;place-items:center;padding-left:8px;border:1px solid var(--ochre);border-radius:50%;color:var(--ochre);font-size:clamp(25px,3vw,39px)}
.video-story__frame p{margin:28px 0 9px;font-size:11px;font-weight:700;letter-spacing:.18em}
.video-story__frame small{font:italic 14px var(--serif);color:#f3eee499}

.common-ground{padding:110px clamp(24px,6vw,90px) 0;background:var(--ink);color:var(--paper)}
.common-ground__intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px 7vw;align-items:end;margin-bottom:70px}
.common-ground__intro .eyebrow{align-self:start}
.common-ground__intro h2{margin:0;font:clamp(68px,8vw,124px)/.82 var(--serif);letter-spacing:-.065em}
.common-ground__intro h2 em{color:var(--ochre)}
.common-ground__intro>p:last-child{grid-column:2;margin:0;font:italic 21px var(--serif);color:#f3eee4b3}

.argument-list{border-top:1px solid #f3eee45c;border-bottom:1px solid #f3eee45c}
.argument-list p{
  min-height:168px;margin:0;padding:30px 20px;
  display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:center;
  font:clamp(36px,4.6vw,70px)/1 var(--serif);letter-spacing:-.04em;
}
.argument-list p+p{border-top:1px solid #f3eee433}
.argument-list .argument-number{align-self:start;padding-top:10px;font:italic 15px var(--serif);color:var(--ochre)}
.argument-list .argument-copy{align-self:auto;padding:0;font:inherit;letter-spacing:inherit;color:inherit}
.argument-list p:last-child .argument-copy{font-size:.88em;line-height:1.08}
.argument-list em{color:inherit}

.heck-question{padding:95px 0 105px}
.heck-question p{max-width:1280px;margin:0;font:italic clamp(62px,9vw,142px)/.82 var(--serif);letter-spacing:-.06em;color:var(--ochre)}
/* The pivot question. Brief Rev 02 §7: opens the category of personhood
   without asserting it. Deliberately subordinate to the line above, so the
   section reads as one thought arriving at a second, quieter one. */
.heck-question p.heck-question__pivot{margin-top:42px;font-size:clamp(28px,3.9vw,58px);line-height:1.04;letter-spacing:-.045em;color:var(--rust)}
.heck-question p.heck-question__pivot em{font-style:italic}

.open-questions{padding:120px clamp(24px,6vw,90px);background:var(--paper)}
.open-questions header{display:grid;grid-template-columns:.65fr 1.35fr;gap:30px 6vw}
.open-questions h2{grid-column:2;margin:0;font-size:clamp(48px,5.9vw,88px);font-family:var(--serif);font-weight:400;line-height:.92;letter-spacing:-.05em}
.open-questions h2 em{color:var(--rust)}
.question-list{margin-top:80px;border-top:1px solid var(--ink)}
.question-list article{min-height:175px;padding:24px 8px;display:grid;grid-template-columns:12% 1fr;align-items:center;border-bottom:1px solid var(--ink)}
.question-list span{align-self:start;padding-top:10px;font:italic 14px var(--serif)}
.question-list p{margin:0;font:clamp(34px,4.4vw,67px)/1 var(--serif);letter-spacing:-.035em}
.questions-after{margin:34px 0 0 12%;font:italic 22px/1.4 var(--serif);color:#625c53}

.jesus-invitation{padding:120px clamp(24px,7vw,110px);background:var(--rust);color:var(--paper)}
.jesus-invitation>blockquote{max-width:1380px;margin:35px 0 80px;font:clamp(53px,7.4vw,112px)/.88 var(--serif);letter-spacing:-.06em}
.jesus-invitation>blockquote em{color:var(--ochre)}
.jesus-invitation__body{max-width:690px;margin-left:auto}
.jesus-invitation__body p{font-size:18px;line-height:1.65}
.jesus-invitation__body .button{margin-top:22px}

.keep-talking{padding:110px clamp(24px,6vw,90px);display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:end;background:var(--ochre)}
.keep-talking .eyebrow{font-size:14px}
.keep-talking h2{margin:24px 0 0;font:clamp(62px,7vw,105px)/.86 var(--serif);letter-spacing:-.06em}
.keep-talking h2 em{color:var(--rust)}
.keep-talking__form>p{max-width:600px;margin:0 0 35px;font-size:17px;line-height:1.6}

@media(max-width:900px){
  .story-opening__copy,.video-story header,.common-ground__intro,.open-questions header,.keep-talking{grid-template-columns:1fr}
  .story-opening__copy h1,.video-story h2,.open-questions h2{grid-column:1}
  .story-opening__copy>p:last-child,.common-ground__intro>p:last-child{grid-column:1}
  .jesus-invitation__body{margin-left:0}
}
@media(max-width:560px){
  .story-opening{padding-inline:18px}
  .story-opening__copy{gap:22px}
  .story-opening__copy h1{font-size:57px}
  .story-opening__copy>p:last-child{font-size:25px}
  .story-opening__image{aspect-ratio:1402/1122}
  .video-story,.common-ground,.open-questions,.jesus-invitation,.keep-talking{padding-left:18px;padding-right:18px}
  .video-story h2{font-size:52px}
  .video-story__frame:before{inset:10px}
  .argument-list p{min-height:136px;padding-inline:0;grid-template-columns:38px 1fr;font-size:35px}
  .argument-list p:last-child .argument-copy{font-size:.92em}
  .heck-question p{font-size:60px}
  .heck-question p.heck-question__pivot{margin-top:26px;font-size:30px}
  .open-questions h2{font-size:53px}
  .question-list article{grid-template-columns:38px 1fr}
  .question-list p{font-size:34px}
  .questions-after{margin-left:38px;font-size:19px}
  .jesus-invitation>blockquote{font-size:50px}
}

/* ============================================================ START HERE == */

.page-intro{min-height:650px;padding:105px clamp(24px,7vw,110px);display:flex;flex-direction:column;justify-content:center}
.page-intro h1{max-width:1200px;margin:24px 0 35px;font:clamp(62px,8vw,120px)/.86 var(--serif);letter-spacing:-.065em}
.page-intro h1 em{color:var(--rust)}
.page-intro>p:last-child{max-width:670px;margin-left:auto;font-size:18px;line-height:1.55}

.pathway{padding:100px clamp(24px,6vw,90px);background:#e8e1d5}
.pathway>div{display:grid;grid-template-columns:minmax(280px,720px);gap:18px;margin-top:40px}
.path-card{min-height:430px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--ink)}
.path-card>span{font-size:9px;font-weight:700;letter-spacing:.14em}
.path-card h2{margin:70px 0 20px;font:39px/.96 var(--serif)}
.path-card p{font-size:14px;line-height:1.5}
.path-card .button{margin-top:auto;width:max-content}
.path-card--ready{background:var(--ochre);transform:rotate(-1deg)}

.welcome-note{padding:120px clamp(24px,7vw,110px);background:var(--rust);color:var(--paper)}
.welcome-note blockquote{max-width:1150px;margin:0;font:clamp(45px,6vw,85px)/.95 var(--serif);letter-spacing:-.04em}
.welcome-note p{max-width:600px;margin:50px 0 0 auto;font-size:16px;line-height:1.6}

/* ========================================================== THE ARGUMENT == */

.essay__head{min-height:720px;padding:100px clamp(24px,7vw,110px);display:flex;flex-direction:column;justify-content:center}
.essay__head h1{margin:25px 0;font:clamp(70px,10vw,145px)/.82 var(--serif);letter-spacing:-.07em}
.essay__head h1 em{color:var(--rust)}
.essay__head>p:not(.eyebrow){max-width:660px;margin-left:auto;font-size:19px;line-height:1.55}
.essay__meta{display:flex;gap:30px;margin:55px 0 0 auto;font-size:9px;letter-spacing:.13em;text-transform:uppercase}

.argument-steps{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:var(--paper)}
.argument-steps article{min-height:370px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #f3eee444}
.argument-steps span{font-size:9px;letter-spacing:.15em}
.argument-steps h2{font:clamp(34px,4vw,58px)/.93 var(--serif)}
.argument-steps .argument-fact{background:var(--rust)}

.prose{max-width:760px;margin:0 auto;padding:120px 25px}
.prose p{font:20px/1.75 var(--serif)}
.prose h2{margin:80px 0 25px;font:46px/1 var(--serif)}
.prose aside{margin:65px -90px;padding:35px;background:var(--ochre);font:italic 30px/1.2 var(--serif);transform:rotate(-1deg)}
.prose blockquote{margin:80px -100px;font:italic clamp(50px,6vw,78px)/1 var(--serif);color:var(--rust)}
.dropcap:first-letter{float:left;font-size:85px;line-height:.72;padding:10px 10px 0 0;color:var(--rust)}

.essay-next{padding:100px clamp(24px,7vw,110px);background:var(--sage)}
.essay-next h2{margin:25px 0;font:65px/.95 var(--serif)}
.essay-next>p:not(.eyebrow){max-width:600px;line-height:1.6}
.essay-next .button{margin-top:25px}

/* =============================================================== JESUS === */

.jesus-page__hero{min-height:680px;padding:100px clamp(24px,7vw,110px);display:flex;flex-direction:column;justify-content:center}
.jesus-page__hero h1{margin:25px 0 42px;font:clamp(66px,8.5vw,132px)/.84 var(--serif);letter-spacing:-.065em}
.jesus-page__hero h1 em{color:var(--rust)}
.jesus-page__hero>p:last-child{max-width:700px;margin-left:auto;font:20px/1.6 var(--serif)}

.jesus-page__opening{padding:120px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;background:var(--ink);color:var(--paper)}
.jesus-page__opening blockquote{margin:0;font:clamp(48px,6.3vw,94px)/.92 var(--serif);letter-spacing:-.05em;color:var(--ochre)}
.jesus-page__opening>div{max-width:620px;font-size:18px;line-height:1.7}

.jesus-page__questions{padding:120px clamp(24px,6vw,90px)}
.jesus-page__questions>header{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:start}
.jesus-page__questions h2{margin:0;font:clamp(58px,7vw,102px)/.88 var(--serif);letter-spacing:-.055em}
.jesus-page__questions h2 em{color:var(--rust)}
.jesus-page__questions>div{display:grid;grid-template-columns:repeat(2,1fr);margin-top:80px;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.jesus-page__questions article{min-height:390px;padding:32px;display:flex;flex-direction:column;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.jesus-page__questions article>span{font:italic 15px var(--serif)}
.jesus-page__questions h3{margin:75px 0 25px;font:clamp(36px,4vw,58px)/.96 var(--serif);letter-spacing:-.035em}
.jesus-page__questions article>p{max-width:540px;margin-top:auto;font-size:17px;line-height:1.65}

.jesus-page__listen{padding:120px clamp(24px,7vw,110px);display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;background:#e8e1d5}
.jesus-page__listen h2{margin:24px 0 0;font:clamp(53px,6.6vw,94px)/.9 var(--serif);letter-spacing:-.05em}
.jesus-page__listen h2 em{color:var(--rust)}
.jesus-page__listen>div:last-child{max-width:680px;font-size:18px;line-height:1.7}
.jesus-page__listen .button{margin-top:25px}

@media(max-width:900px){
  .jesus-page__opening,.jesus-page__questions>header,.jesus-page__listen{grid-template-columns:1fr}
  .jesus-page__hero>p:last-child{margin-left:0}
  .jesus-page__questions>div{grid-template-columns:1fr}
  .jesus-page__opening{gap:50px}
}
@media(max-width:560px){
  .jesus-page__hero,.jesus-page__opening,.jesus-page__questions,.jesus-page__listen{padding:78px 18px}
  .jesus-page__hero{min-height:570px}
  .jesus-page__hero h1{font-size:56px}
  .jesus-page__hero>p:last-child{font-size:18px}
  .jesus-page__opening blockquote{font-size:47px}
  .jesus-page__questions h2,.jesus-page__listen h2{font-size:50px}
  .jesus-page__questions>div{margin-top:55px}
  .jesus-page__questions article{min-height:340px;padding:25px 20px}
  .jesus-page__questions h3{margin-top:55px;font-size:41px}
}

/* ============================================================== GOSPEL === */

.gospel-hero{min-height:720px;padding:100px clamp(24px,7vw,110px);display:flex;flex-direction:column;justify-content:center}
.gospel-hero h1{margin:25px 0 40px;font:clamp(68px,9vw,140px)/.83 var(--serif);letter-spacing:-.07em}
.gospel-hero h1 em{color:var(--rust)}
.gospel-hero>p:last-child{max-width:700px;margin-left:auto;font:20px/1.6 var(--serif)}

.gospel-opening{padding:120px clamp(24px,7vw,110px);background:var(--ink);color:var(--paper)}
.gospel-opening blockquote{margin:35px 0 60px;font:clamp(50px,7vw,104px)/.9 var(--serif);letter-spacing:-.05em;color:var(--ochre)}
.gospel-opening>p:last-child{max-width:660px;margin-left:auto;font-size:18px;line-height:1.7}

.gospel-movements{display:grid;grid-template-columns:repeat(2,1fr)}
.gospel-movements article{min-height:500px;padding:52px clamp(28px,5vw,75px);display:flex;flex-direction:column;border:1px solid var(--line)}
.gospel-movements article:nth-child(2){background:var(--sage)}
.gospel-movements article:nth-child(3){background:var(--ochre)}
.gospel-movements article:nth-child(4){background:var(--rust);color:var(--paper)}
.gospel-movements span{font-size:9px;font-weight:700;letter-spacing:.15em}
.gospel-movements h2{margin:90px 0 25px;font:clamp(39px,4.5vw,66px)/.95 var(--serif);letter-spacing:-.035em}
.gospel-movements p{max-width:580px;margin-top:auto;font-size:16px;line-height:1.65}

.gospel-response{padding:120px clamp(24px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:#e8e1d5}
.gospel-response h2{margin:25px 0;font:clamp(57px,7vw,100px)/.88 var(--serif);letter-spacing:-.055em}
.gospel-response h2 em{color:var(--rust)}
.gospel-response>div:last-child{max-width:700px}
.gospel-response>div:last-child>p{font:19px/1.7 var(--serif)}
.gospel-response blockquote{margin:45px 0;padding:35px;border-left:5px solid var(--rust);background:var(--paper);font:italic 28px/1.3 var(--serif)}

.gospel-next{padding:105px clamp(24px,6vw,90px);display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:end;background:var(--ochre)}
.gospel-next h2{margin:23px 0 0;font:clamp(57px,7vw,96px)/.88 var(--serif);letter-spacing:-.055em}
.gospel-next>div:last-child>p{max-width:600px;margin:0 0 30px;font-size:17px;line-height:1.6}

@media(max-width:900px){
  .gospel-response,.gospel-next{grid-template-columns:1fr}
  .gospel-movements{grid-template-columns:1fr}
  .gospel-movements article{min-height:390px}
  .gospel-hero>p:last-child,.gospel-opening>p:last-child{margin-left:0}
}
@media(max-width:560px){
  .gospel-hero,.gospel-opening,.gospel-response,.gospel-next{padding-left:18px;padding-right:18px}
  .gospel-hero{min-height:600px}
  .gospel-hero h1{font-size:58px}
  .gospel-opening blockquote{font-size:48px}
  .gospel-movements article{min-height:440px;padding:38px 20px}
  .gospel-movements h2{margin-top:60px;font-size:43px}
  .gospel-response h2,.gospel-next h2{font-size:52px}
}

/* =============================================================== ABOUT === */

.about-body{padding:100px clamp(24px,7vw,110px);display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;background:#e8e1d5}
.about-body h2{margin-top:0;font:60px/.95 var(--serif)}
.about-body div p{font:18px/1.7 var(--serif)}
.about-portrait{aspect-ratio:4/5;margin:0;overflow:hidden;background:var(--sage)}
.about-portrait img{width:100%;height:100%;display:block;object-fit:cover}

.why-jesus{padding:120px clamp(24px,7vw,110px);background:var(--rust);color:var(--paper)}
.why-jesus blockquote{margin:30px 0;font:clamp(50px,7vw,100px)/.9 var(--serif)}
.why-jesus blockquote em{color:var(--ochre)}
.why-jesus>p:last-child{max-width:690px;margin-left:auto;font-size:17px;line-height:1.65}

/* ---------------------------------------------- shared page breakpoints -- */

@media(max-width:850px){
  .pathway>div,.argument-steps,.about-body{grid-template-columns:1fr}
  .path-card{min-height:330px}
  .essay__meta{margin-left:0;flex-wrap:wrap}
  .prose aside,.prose blockquote{margin-left:0;margin-right:0}
  .page-intro>p:last-child{margin-left:0}
}
@media(max-width:520px){
  .page-intro,.pathway,.welcome-note,.essay__head,.essay-next,.about-body,.why-jesus{padding:75px 18px}
  .page-intro h1,.essay__head h1{font-size:55px}
  .argument-steps article{min-height:280px}
  .prose{padding:80px 20px}
  .prose h2{font-size:38px}
  .prose p{font-size:18px}
  .about-body h2{font-size:48px}
}
