@font-face{font-family:"Satoshi Fallback";src:local("Arial");size-adjust:99.25%;ascent-override:101.76%;descent-override:24.18%;line-gap-override:10.08%}
:root{--paper:#F8F7F2;--white:#FFFFFF;--soft:#F1F3F5;--ink:#07080A;--muted:#5F666D;--line:#DDE1E3;--blue:#2E5F86;--navy:#153A56;--tint:#F2F7FB;--ease:cubic-bezier(.23,1,.32,1);--section-size:36px;--feature-size:28px;--subhead-size:20px;--body-size:17px;--meta-size:13px;--action-size:15px;--section-gap:64px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Satoshi,'Satoshi Fallback','SF Pro Text',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}
::selection{background:var(--blue);color:var(--white)}a{color:inherit;text-decoration:none;touch-action:manipulation}p{margin:0;line-height:1.55;text-wrap:pretty}h1,h2,h3{margin:0;letter-spacing:-.04em;line-height:1;font-weight:700}svg{max-width:100%}button,summary{font:inherit;touch-action:manipulation;font-size:var(--action-size)}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.on-dark a:focus-visible{outline-color:var(--paper)}
.wrap{width:min(100% - 40px,1160px);margin-inline:auto}.skip{position:absolute;left:12px;top:12px;z-index:10;padding:12px;background:var(--paper);border:2px solid var(--ink);transform:translateY(-180%)}.skip:focus{transform:none}
.masthead{padding-top:16px}.nav{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink)}.nav a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px;font-weight:700}.nav a+a{border-left:2px solid var(--ink)}
.hero{padding:40px 0 36px}.hero h1{font-size:clamp(3rem,13.6vw,9.5rem);line-height:.88;letter-spacing:-.055em;text-transform:uppercase}.hero h1 span{display:block}.hero h1 .surname{color:var(--ink)}
.hero-bottom{display:grid;gap:32px;margin-top:28px}.hero-lead{font-size:20px;line-height:1.5;font-weight:500;letter-spacing:-.02em;max-width:31ch}.hero-lead strong{font-weight:700}.hero-lead a{text-decoration:underline;text-underline-offset:4px}
.hero-note{border:2px solid var(--ink);background:var(--tint);padding:18px;box-shadow:4px 4px 0 var(--ink);max-width:42ch;font-size:var(--body-size)}.hero-note strong{display:block;margin-bottom:8px;font-size:var(--subhead-size)}
.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:12px 18px;background:var(--blue);color:var(--white);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:700;transition:transform 140ms var(--ease),box-shadow 140ms var(--ease),background 140ms ease;font-size:var(--action-size)}.button.light{background:var(--paper);color:var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.arrow{width:22px;height:22px;flex:none}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-weight:700;text-decoration:underline;text-underline-offset:5px;font-size:var(--action-size)}

section[id]{scroll-margin-top:24px}.product{border:2px solid var(--ink);background:var(--blue);box-shadow:4px 4px 0 var(--ink)}.panel-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;border-bottom:2px solid var(--ink);background:var(--white);font-size:12px;font-weight:700;letter-spacing:.03em}.panel-bar .availability{color:var(--blue)}
.product-grid{display:grid;gap:40px;padding:32px 22px;color:var(--white)}.lockup{display:inline-flex;align-items:center;gap:10px;min-height:44px}.tent{width:25px;height:24px;color:var(--blue)}.wordmark{width:100px;height:auto;color:var(--ink)}
.product h2{text-transform:uppercase;max-width:15ch;font-size:var(--section-size);line-height:1.1}.product-description{max-width:36ch;margin-top:24px;font-size:var(--body-size)}.product-actions{margin-top:32px}.product-more{margin-top:20px}.beta-note{margin-top:14px;color:var(--tint);font-size:var(--meta-size)}
.conversation{margin:0;min-width:0;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.conversation figcaption{line-height:1.25;padding:18px 20px;border-bottom:2px solid var(--ink);font-weight:700;background:var(--ink);color:var(--paper);font-size:var(--subhead-size)}.conversation blockquote{margin:0}.question{background:var(--tint);padding:22px;font-weight:700;border-bottom:2px solid var(--ink);line-height:1.35;font-size:var(--body-size)}.answer{padding:22px;font-size:var(--body-size)}.answer p+p{margin-top:12px}.answer ol{padding-left:20px;margin:12px 0 0;line-height:1.5}.answer li+li{margin-top:8px}
.writing-heading{display:block;margin-bottom:32px}.writing h2{text-transform:uppercase;max-width:16ch;font-size:var(--section-size);line-height:1.1}.writing-heading>p{display:block;max-width:56ch;margin-top:24px;line-height:1.6;font-size:var(--body-size)}.publication-grid{display:grid;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.feature{padding:24px 20px;background:var(--ink);color:var(--paper)}.article-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:20px;color:var(--line);font-size:var(--meta-size)}.feature h3{max-width:19ch;font-size:var(--feature-size);line-height:1.15}.feature .excerpt{margin-top:18px;max-width:58ch;font-size:var(--body-size)}.feature .button{margin-top:24px;font-size:var(--action-size)}

.book-grid{display:grid;border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink)}.book-title{padding:24px 20px;background:var(--paper);border-bottom:0}.book h2{color:var(--ink);text-transform:uppercase;font-size:var(--section-size);line-height:1.1}.book-subtitle{line-height:1.25;font-weight:500;margin-top:12px;max-width:21ch;font-size:var(--subhead-size)}.book-copy>p{max-width:44ch;font-size:var(--body-size)}.book-copy .status{margin-top:20px;font-weight:500;color:var(--blue);font-size:var(--meta-size)}details{margin-top:16px;border-top:2px solid var(--ink)}summary{padding:14px 0;min-height:48px;cursor:pointer;font-weight:700;font-size:var(--action-size)}.toc{margin:0;padding:0 0 12px 22px;font-size:15px;line-height:1.6}.toc li{padding:3px 0 3px 3px;break-inside:avoid}

footer{border-top:2px solid var(--ink)}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;font-size:12px}footer a{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){.nav a:hover{background:var(--ink);color:var(--paper)}.button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);background:var(--navy)}.button.light:hover{background:var(--white);color:var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:none}.text-link:hover{text-decoration-thickness:2px}.feature h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}}
@media(min-width:760px){.wrap{width:min(100% - 96px,1160px)}.masthead{padding-top:24px}.nav{width:540px;margin-left:auto}.nav a{font-size:14px}.hero{padding:40px 0 48px}.hero h1{font-size:clamp(5.7rem,11.5vw,9.5rem)}.hero h1 span{display:inline}.hero-bottom{grid-template-columns:1.5fr 1fr;gap:64px;align-items:start;margin-top:32px}.hero-lead{font-size:24px}.hero-note{justify-self:end;padding:22px;font-size:var(--body-size)}.panel-bar{padding:14px 28px}.product-grid{grid-template-columns:1fr 1.1fr;gap:64px;padding:48px;align-items:start}.product h2{font-size:var(--section-size);line-height:1.1}.product-description{font-size:var(--body-size)}.question{padding:28px;font-size:var(--body-size)}.answer{padding:28px;font-size:var(--body-size)}.feature{padding:48px}.feature h3{max-width:25ch;font-size:var(--feature-size);line-height:1.15}.feature .excerpt{font-size:var(--body-size)}.book-grid{grid-template-columns:1fr 1.65fr}.book-title{border-bottom:0;padding:40px}.book h2{font-size:var(--section-size);line-height:1.1}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){.button{transition:none;font-size:var(--action-size)}.button:hover,.button:active{transform:none}.button:active{background:var(--navy);color:var(--paper)}}
@media print{.nav,.hero-actions,.product-actions,.skip{display:none}.wrap{width:100%}.product,.feature{background:var(--white);color:var(--ink)}.product-grid,.beta-note,.article-meta{color:var(--ink)}.hero-note,.conversation{transform:none}*{box-shadow:none!important}}

.example-note{display:block;line-height:1.5;font-weight:400;color:var(--line);margin-top:8px;font-size:var(--meta-size)}.speaker{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;color:var(--blue);font-size:var(--meta-size)}
.publication-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:20px 24px;background:var(--white);border-top:2px solid var(--ink)}.essay-status{color:var(--line);margin-top:20px;font-size:var(--meta-size)}.essay-status:empty{display:none}
.book-copy .book-conviction{margin-top:20px;font-weight:500}
.scripture figure{margin:0;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--navy);color:var(--paper)}.scripture figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:20px 24px;border-bottom:2px solid var(--ink);background:var(--paper);color:var(--ink)}.verse-label{font-weight:700;text-transform:uppercase;letter-spacing:.06em;flex-basis:100%;font-size:var(--meta-size)}.verse-reference{font-size:26px;font-weight:700;letter-spacing:-.03em}.verse-translation{color:var(--muted);font-size:var(--meta-size)}.scripture blockquote{margin:0;padding:28px 24px;font-size:18px;font-style:italic;line-height:1.75;max-width:68ch}.scripture blockquote p{line-height:inherit}.scripture blockquote p+p{margin-top:24px}
.podcast-panel{background:var(--tint);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:28px 24px}.podcast-status{font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--blue);margin-bottom:18px;font-size:var(--meta-size)}.podcast h2{text-transform:uppercase;font-size:var(--section-size);line-height:1.1}.podcast-description{margin-top:24px;max-width:55ch;font-size:var(--body-size)}.podcast .button{margin-top:26px;font-size:var(--action-size)}.podcast-note{color:var(--muted);max-width:52ch;margin-top:16px;font-size:var(--meta-size)}
@media(min-width:960px){.podcast-panel{padding:40px 48px}.scripture figcaption{padding:24px 40px}.verse-label{flex-basis:auto;margin-right:auto;font-size:var(--meta-size)}.scripture blockquote{font-size:21px;padding:40px 48px;margin-inline:auto}.publication-links{padding:24px 48px}}
@media(min-width:760px) and (max-width:959px){.product-grid{grid-template-columns:1fr;padding:36px;gap:36px}.hero-bottom{gap:32px}.book-grid{grid-template-columns:1fr 1.3fr}}
@media print{.scripture figure{background:var(--white);color:var(--ink)}.scripture{break-inside:avoid}}

/* Motion enhances native controls; the page stays usable without JavaScript. */
.feature,.feature h3,.feature .excerpt{min-width:0;overflow-wrap:anywhere}
.button .arrow,.text-link .arrow{transition:transform 140ms var(--ease)}
#book-themes summary{list-style:none;display:flex;align-items:center;gap:10px;font-size:var(--action-size)}
#book-themes summary::-webkit-details-marker{display:none}
#book-themes summary::before{content:"";width:7px;height:7px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform 200ms var(--ease)}
#book-themes[open] summary::before{transform:rotate(45deg)}
#book-themes[data-closing] summary::before{transform:rotate(-45deg)}
#book-themes[data-instant] summary::before{transition:none}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:hero-arrive 300ms var(--ease) both}@keyframes hero-arrive{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.button:hover .arrow,.text-link:hover .arrow{transform:translateX(3px)}.button:active .arrow{transform:none}}
@media(prefers-reduced-motion:reduce){.button .arrow,.text-link .arrow,#book-themes summary::before{transition:none}}
@media(forced-colors:active){.button,.nav,.product,.publication-grid,.book-grid,.scripture figure,.podcast-panel{border-color:ButtonText}.button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:Highlight}}

/* Shared visual hierarchy: identity, section, feature, subheading, body, metadata. */
.work,.writing,.book,.scripture,.podcast{padding:0;margin-top:0;margin-bottom:var(--section-gap)}
.hero{padding:40px 0 var(--section-gap)}
.book-copy{padding:0 24px 28px}
.product-description,.writing-heading>p,.feature .excerpt,.podcast-description{margin-top:24px;line-height:1.6}
.product-actions,.feature .button,.podcast .button{margin-top:28px}
@media(min-width:760px){:root{--section-size:52px;--feature-size:40px;--body-size:18px;--section-gap:80px}.hero{padding-top:48px}.book-copy{padding:40px 40px 40px 0}}
@media print{.work,.writing,.book,.scripture,.podcast{margin-bottom:24px}.hero{padding-bottom:24px}}

.publication-type{display:inline-block;font-size:var(--subhead-size);font-weight:500;letter-spacing:normal;text-transform:none;white-space:nowrap}
.book-subtitle{display:block;text-transform:none;letter-spacing:normal}
.book-subscribe{margin-top:20px}
.answer ul{padding-left:20px;margin-block:12px}
.answer .answer-close{margin-top:20px}
footer .wrap{flex-wrap:wrap;padding-block:12px;gap:8px 24px}
.footer-contact{display:flex;align-items:center;gap:6px}
