/* Who's Running Your Church? — self-hosted, responsive book landing page.
   Palette: evergreen / warm stone / aged copper, separate from other book sites. */
:root{--ink:#102c2b;--ink-deep:#0b2222;--ink-2:#184240;--cream:#f3f0e9;--paper:#faf8f2;--stone:#e8e6dc;--sage:#a1b3a8;--copper:#c19a66;--copper-light:#dfb97f;--darkcopy:#243631;--muted:#5d706a;--line:#d9ddd4;--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--darkcopy);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.65}
a{color:inherit;text-decoration:none}a:hover{text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--copper-light);outline-offset:5px;border-radius:2px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,blockquote{margin-top:0}
.container{width:min(1200px,calc(100% - 92px));margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:14px;z-index:100;padding:12px;background:#fff;color:#111}.skip-link:focus{top:12px}
.site-header{height:80px;background:var(--ink-deep);border-bottom:1px solid rgba(223,185,127,.18);position:relative;z-index:15}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}
.wordmark{display:inline-flex;align-items:center;gap:14px;color:#f9f5eb;min-width:0}
.wordmark-mark{width:36px;height:36px;border:1px solid var(--copper);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0}
.wordmark-mark span{height:16px;width:3px;background:var(--copper);transform:skew(-12deg)}.wordmark-mark span:nth-child(2){height:23px;background:#d7bd93}.wordmark-mark span:nth-child(3){height:12px}
.wordmark-text{font-family:var(--serif);font-size:13px;letter-spacing:.12em;line-height:1.3;white-space:nowrap}.wordmark-text strong{display:block;color:var(--copper-light);font-weight:normal}
.main-nav{display:flex;gap:32px;align-items:center}.main-nav a{color:#deded4;text-transform:uppercase;font-size:10px;letter-spacing:.17em;font-weight:700;white-space:nowrap;transition:color .2s}.main-nav a:hover,.main-nav a:focus-visible{color:var(--copper-light)}.main-nav .nav-action{border:1px solid rgba(197,158,104,.65);padding:11px 15px;color:#efd6b1}.main-nav .nav-action span{font-size:15px;margin-left:5px}
.hero{position:relative;background:radial-gradient(ellipse at 83% 40%,rgba(59,99,83,.29),transparent 40%),linear-gradient(133deg,#0c2324 0%,#123531 56%,#0a201f 100%);overflow:hidden;color:#f7f1e6}
.hero-lines{position:absolute;inset:0;opacity:.24;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0,transparent 94px,rgba(194,160,106,.09) 95px,transparent 96px);mask-image:linear-gradient(to right,transparent 4%,black 100%)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);align-items:center;gap:74px;padding-top:80px;padding-bottom:80px;min-height:695px}
.hero-copy{padding-bottom:6px}.eyebrow{font-size:10px;line-height:1.65;letter-spacing:.22em;font-weight:700;text-transform:uppercase}.eyebrow-light{color:var(--copper-light)}.eyebrow-dark{color:#9b7451}.eyebrow-rule{display:inline-block;width:27px;height:1px;background:var(--copper);vertical-align:middle;margin-right:12px}
.hero h1{font-family:var(--serif);font-size:clamp(54px,6.1vw,88px);line-height:1.015;letter-spacing:-.045em;font-weight:400;margin:24px 0 23px;max-width:690px}.hero h1 em{font-style:italic;color:var(--copper-light);font-weight:400}
.subtitle{font-family:var(--serif);font-size:clamp(19px,2vw,27px);line-height:1.35;color:#e4d1b3;margin-bottom:28px;font-style:italic}
.hero-lead{font-size:16px;line-height:1.88;color:#e0e7de;max-width:570px;margin-bottom:18px}.hero-second{font-size:15px;line-height:1.82;color:#b5c8be;max-width:540px;margin-bottom:28px}.hero-second strong{font-weight:600;color:#f2ead7}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:13px 22px;text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:800;transition:background .2s,color .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--copper-light);color:#172b28;border:1px solid var(--copper-light)}.button-primary:hover{background:#f1c88d}.button-outline{border:1px solid rgba(236,235,216,.45);color:#f9f5eb}.button-outline:hover{background:rgba(255,255,255,.08);border-color:#e4d1b3}.button span{font-size:14px}
.hero-status{display:flex;align-items:center;gap:11px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#a5b7ae;margin-top:28px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--copper-light)}.status-divider{opacity:.4}
.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px}.cover-halo{position:absolute;width:90%;height:76%;background:radial-gradient(ellipse,rgba(207,165,89,.22),transparent 69%);filter:blur(38px);top:12%;pointer-events:none}
.book-display{position:relative;width:min(100%,368px);transform:perspective(1400px) rotateY(-5deg) rotateX(1deg);box-shadow:25px 24px 42px rgba(0,0,0,.36),0 45px 65px rgba(0,0,0,.22);border:1px solid rgba(243,230,190,.20)}.book-display::after{content:'';position:absolute;inset:0;box-shadow:inset -6px 0 14px rgba(0,0,0,.35);pointer-events:none}.book-display img{width:100%;aspect-ratio:2/3;object-fit:cover}.cover-caption{position:relative;color:#adc3b7;letter-spacing:.24em;font-size:9px;margin-top:28px;text-align:center}.cover-caption span{color:#8e9c8b;padding:0 8px}.hero-bottom-line{height:5px;background:linear-gradient(to right,#183e38,var(--copper),#183e38)}
.scripture-band{background:#e9ebe3;border-bottom:1px solid #d9ded6}.scripture-inner{display:grid;grid-template-columns:200px 1fr 220px;align-items:center;gap:35px;padding-block:43px}.scripture-label{font-size:10px;letter-spacing:.17em;color:#637973;line-height:1.7;font-weight:700}.inline-rule{display:block;width:34px;height:1px;background:var(--copper);margin-block:13px}.scripture-inner blockquote{margin:0;padding-left:32px;border-left:2px solid #b98e5d}.scripture-inner blockquote p{font-family:var(--serif);font-size:clamp(21px,2.35vw,29px);font-style:italic;color:#183b35;line-height:1.35;margin-bottom:5px}.scripture-inner cite{font-size:10px;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#8d6d51}.scripture-small{font-size:12px;line-height:1.7;color:#61766f}
.section{padding-block:110px}.split-layout{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:110px}.section-intro h2,.themes-heading-row h2,.author-content h2{font-family:var(--serif);font-size:clamp(37px,3.5vw,53px);line-height:1.2;letter-spacing:-.037em;font-weight:normal;color:#173b35;margin:22px 0 24px}.section-intro h2 em,.themes-heading-row h2 em,.author-content h2 em{color:#9b7750;font-style:italic}.section-rule{width:71px;height:2px;background:var(--copper);margin-top:34px}.long-copy{color:#4b615a;font-size:15px;line-height:1.95}.long-copy p{margin-bottom:20px}.long-copy p:last-child{margin-bottom:0}.long-copy strong{color:#183d36}
.section-themes{background:#eeefe9;padding-block:95px 115px;border-block:1px solid #dee1d8}.themes-heading-row{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:46px}.themes-heading-row h2{margin-bottom:0}.themes-heading-row>p{max-width:310px;font-size:14px;color:#687c74;line-height:1.8;margin-bottom:8px}.themes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.theme-card{background:#f9f9f4;padding:31px 30px 30px;min-height:280px;display:flex;flex-direction:column;align-items:start;border:1px solid #e1e4db;transition:transform .18s,box-shadow .18s,border-color .18s}.theme-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(20,50,43,.06);border-color:#c7cdbc}.theme-index{font-size:10px;letter-spacing:.17em;color:#ac9275;font-weight:700}.theme-icon{font-size:21px;color:#9a7a54;margin:12px 0 7px;line-height:1.1}.theme-card h3{font-family:var(--serif);font-size:22px;color:#183f37;font-weight:normal;line-height:1.3;margin-bottom:11px}.theme-card p{font-size:13px;line-height:1.8;color:#5b7068;margin-bottom:22px}.theme-reference{font-size:10px;letter-spacing:.035em;color:#987c5d;margin-top:auto}
.manifesto{position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,rgba(119,158,134,.17),transparent 48%),linear-gradient(135deg,#113532,#0c2426);color:var(--cream)}.manifesto::before,.closing-section::before{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0,transparent 129px,rgba(235,219,182,.05) 130px,transparent 131px)}.manifesto-inner{position:relative;padding-block:100px 110px;max-width:965px;text-align:center}.manifesto h2{font-family:var(--serif);font-weight:normal;font-size:clamp(36px,5vw,64px);line-height:1.21;letter-spacing:-.03em;margin:23px 0 24px}.manifesto h2 span{color:#86a59b}.manifesto h2 em{color:var(--copper-light)}.manifesto p{max-width:735px;margin:0 auto;font-size:15px;color:#b9cfc2;line-height:1.92}
.author-section{background:var(--paper)}.author-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:95px;align-items:center}.author-visual{min-height:395px;background:radial-gradient(circle at 52% 34%,#31574c,transparent 55%),linear-gradient(150deg,#163e38,#0c2729);display:flex;align-items:center;justify-content:center;position:relative;border:8px solid #e9ebe3;box-shadow:0 5px 25px rgba(22,48,42,.09)}.author-visual::after{content:'';position:absolute;inset:17px;border:1px solid rgba(221,188,134,.38);pointer-events:none}.author-monogram{font-family:var(--serif);font-size:115px;letter-spacing:-.13em;padding-right:.13em;color:#dec39b;font-weight:normal;opacity:.88}.author-visual-bottom{position:absolute;bottom:42px;left:45px;right:45px;display:flex;justify-content:space-between;color:#b9a387;font-size:10px;letter-spacing:.25em}.author-content h2{font-size:clamp(40px,4.4vw,61px);margin-bottom:21px}.author-content p{color:#526960;font-size:15px;line-height:1.95;margin-bottom:18px}.author-content p strong{color:#204138}.author-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px}.author-links a{border-bottom:1px solid #c19a66;color:#2c564a;padding-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.035em}.author-links a:hover{color:#996c3e}.author-links span{margin-left:4px;color:#b08655}
.more-books{background:#e9ece6;border-block:1px solid #d9ded6}.more-books-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:25px}.more-books-inner>span{font-size:10px;letter-spacing:.19em;color:#79897d;font-weight:700}.related-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.related-links a{color:#315d50;font-size:12px;font-weight:700}.related-links a:hover{text-decoration:underline;text-underline-offset:4px}.related-links a span{color:#a58051}
.closing-section{background:#143936;color:#f3efe1;text-align:center;position:relative;overflow:hidden}.closing-inner{position:relative;padding-block:88px 94px;max-width:840px}.closing-inner h2{font-family:var(--serif);font-weight:normal;letter-spacing:-.033em;font-size:clamp(40px,5vw,65px);line-height:1.23;margin:21px auto 21px}.closing-inner h2 em{color:var(--copper-light)}.closing-inner p{font-size:14px;color:#b9cfc4;line-height:1.85;max-width:595px;margin:0 auto 30px}.closing-inner p strong{color:#e9e1d2}.closing-inner .button{min-width:262px}
.site-footer{background:#0b2324;color:#c1cfc4;border-top:1px solid rgba(214,177,122,.3)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;align-items:center;padding-block:27px}.footer-brand strong{display:block;font-family:var(--serif);font-weight:normal;font-size:13px;letter-spacing:.05em;color:#e7d3b0}.footer-brand span{display:block;font-size:10px;color:#9cb0a6}.footer-center{text-align:center;font-size:10px;color:#91a49b}.footer-center span{padding-inline:5px}.footer-links{display:flex;gap:16px;justify-content:flex-end}.footer-links a{font-size:10px;color:#bbccbf;white-space:nowrap}.footer-links a:hover{color:var(--copper-light)}
@media(max-width:1080px){.container{width:min(100% - 64px,1180px)}.hero-grid{gap:38px;grid-template-columns:minmax(0,1.13fr) minmax(310px,.87fr)}.hero h1{font-size:clamp(52px,6vw,72px)}.split-layout{gap:60px}.author-grid{gap:55px}.scripture-inner{grid-template-columns:165px 1fr}.scripture-small{display:none}.main-nav{gap:20px}}
@media(max-width:780px){.container{width:calc(100% - 44px)}.site-header{height:auto;min-height:80px}.nav-wrap{flex-wrap:wrap;justify-content:center;gap:15px;padding-block:15px}.wordmark{margin-right:auto}.main-nav{gap:13px;justify-content:flex-start;overflow-x:auto;width:100%;padding-bottom:3px}.main-nav a{font-size:9px}.main-nav .nav-action{padding:8px 10px}.hero-grid{grid-template-columns:1fr;gap:55px;padding-top:64px;padding-bottom:70px;min-height:0}.hero-copy{max-width:630px;margin:auto;text-align:center}.hero h1{font-size:clamp(49px,9.5vw,78px)}.hero-actions,.hero-status{justify-content:center}.hero-art{max-width:420px;margin-inline:auto}.book-display{width:min(83vw,340px)}.scripture-inner{grid-template-columns:1fr;gap:13px;padding-block:34px}.scripture-label{text-align:center}.inline-rule{display:none}.scripture-inner blockquote{text-align:center;padding:0;border:0}.section{padding-block:72px}.split-layout,.author-grid{grid-template-columns:1fr;gap:26px}.section-intro h2{max-width:650px}.themes-heading-row{display:block}.themes-heading-row>p{max-width:550px;margin-top:20px}.themes-grid{grid-template-columns:repeat(2,1fr)}.theme-card{min-height:265px}.author-visual{max-width:435px;width:100%;min-height:315px;justify-self:center;grid-row:2}.more-books-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr;justify-items:center;gap:13px;text-align:center}.footer-links{justify-content:center}}
@media(max-width:520px){.container{width:calc(100% - 34px)}.wordmark-text{font-size:11px}.wordmark-mark{width:30px;height:30px}.main-nav{gap:16px}.main-nav a{font-size:8px;letter-spacing:.12em}.main-nav .nav-action{border:0;padding:0}.hero-grid{padding-top:52px;padding-bottom:53px;gap:44px}.hero h1{font-size:clamp(44px,12vw,62px);margin-top:17px;line-height:1.06}.eyebrow{font-size:9px}.eyebrow-rule{display:none}.subtitle{font-size:19px}.hero-lead,.hero-second{font-size:14px;line-height:1.8}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-status{font-size:9px;flex-wrap:wrap}.cover-caption{font-size:8px;line-height:1.7}.scripture-inner blockquote p{font-size:23px}.section{padding-block:65px}.section-intro h2,.themes-heading-row h2{font-size:38px}.long-copy{font-size:14px}.themes-grid{grid-template-columns:1fr;gap:12px}.theme-card{min-height:0;padding:27px}.themes-heading-row{margin-bottom:28px}.manifesto-inner{padding-block:75px}.manifesto h2{font-size:36px}.manifesto p{font-size:14px}.author-visual{min-height:265px}.author-monogram{font-size:80px}.author-content h2{font-size:43px}.author-content p{font-size:14px}.related-links{gap:12px 20px}.closing-inner{padding-block:68px}.closing-inner h2{font-size:38px}.footer-brand strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.theme-card{transition:none}.button:hover,.theme-card:hover{transform:none}}
