/*
 * Generic pages (page.php, single.php, index.php, 404.php, Thank You).
 * Dark band like the contact page hero, then a light body using the homepage type styles.
 */
.pband{position:relative;background:#0b0c0e;color:#fff;overflow:hidden;padding:clamp(150px,14vw,190px) 0 clamp(48px,6vw,80px)}
.pband::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% 20%,rgba(200,22,29,.16),transparent 60%),radial-gradient(700px 500px at 10% 100%,rgba(201,206,211,.08),transparent 60%);pointer-events:none}
.pband .wrap{position:relative}
.pband-k{margin:0 0 20px;color:#d4d8dc}
.pband-h{font-family:var(--serif);font-stretch:125%;font-weight:600;letter-spacing:-.035em;font-size:clamp(34px,4.2vw,64px);line-height:.98;margin:0;color:#fff;max-width:18ch;text-wrap:balance}
.pband-h em{font-style:normal;font-weight:300;color:var(--plat)}
.pband-sub{margin-top:18px;max-width:52ch;color:#c9ced3}
.pband .hero-ctas{margin-top:30px;flex-wrap:wrap}

.pbody{padding-block:clamp(56px,8vw,110px)}
.prose{max-width:820px}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:clamp(26px,3vw,40px);margin-top:1.6em}
.prose h3{font-size:clamp(20px,2vw,26px);margin-top:1.4em}
.prose p,.prose li{color:var(--textd2);font-size:17px;line-height:1.7}
.prose a{color:var(--textd);text-decoration-color:var(--red);text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.2em}
.prose blockquote{margin:1.6em 0;padding-left:20px;border-left:2px solid var(--red);font-stretch:112%;font-size:20px;color:var(--textd)}
.prose figure{margin:1.6em 0}
.pbody-img{margin:0 0 2em}
.pbody-img img{width:100%}

.journal .nav-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px}
.journal .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--lined);text-decoration:none;color:var(--textd)}
.journal .page-numbers.current,.journal a.page-numbers:hover{background:var(--red);border-color:var(--red);color:#fff}