/* ==========================================================================
   Methodist Church Shahpur — INNER PAGE STYLES (about, pastor, ministries, …)
   Load after styles.css. Use together with template.html.
   ========================================================================== */

/* Page banner: dark night gradient that continues into the content */
.page-hero{padding:calc(var(--sp) + 20px) 6vw 70px;background:linear-gradient(180deg,#03040e 0%,#0a0e36 55%,#1a1f5c 100%);color:#f5f0e6;text-align:center}
.page-hero .eyebrow{color:#e8b960}
.page-hero h1{font-size:clamp(2.8rem,9vw,6.5rem);margin-bottom:18px}
.page-hero p{max-width:640px;margin:0 auto;font-weight:300;color:#c9c6dc;font-size:clamp(1rem,1.6vw,1.2rem)}
.crumbs{margin-top:22px;font-size:.78rem;letter-spacing:.25em;text-transform:uppercase;color:#9a98b8}
.crumbs a{color:#e8b960;text-decoration:none}.crumbs a:hover{text-decoration:underline}

/* Page body */
.page-body{padding:70px 6vw}
.container{width:100%}  /* full width, like the home page welcome section */
.page-body h2{font-size:clamp(2rem,4.5vw,3.2rem);margin:0 0 18px}
.page-body h3{font-size:clamp(1.4rem,3vw,2rem);margin:34px 0 10px}
.prose{font-weight:300;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.8;color:var(--ink)}
.prose p{margin:0 0 1.2em}
.prose a{color:var(--gold)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:860px){.grid-2,.grid-3{grid-template-columns:1fr}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px}
.panel h3{margin-top:0}
.btn{display:inline-block;padding:14px 28px;border-radius:99px;text-decoration:none;font-weight:600;border:1px solid var(--gold);color:var(--ink);transition:.3s}
.btn.p{background:var(--gold);color:#10143a}
.btn:hover{transform:translateY(-3px)}

/* Quote / scripture block */
.scripture{position:relative;margin:30px 0;padding:30px 32px 28px 34px;border-radius:22px;background:var(--card);border:1px solid var(--line);font-family:var(--serif);font-size:clamp(1.3rem,2.3vw,1.75rem);line-height:1.4;font-weight:500}
.scripture::before{content:"\201C";position:absolute;left:14px;top:-6px;font-size:5rem;line-height:1;color:var(--gold);opacity:.5}
.scripture cite{display:block;margin-top:14px;font-family:var(--sans);font-style:normal;font-size:.78rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}