/* ==========================================================================
   Pastor page only (pastor.html) — load after styles.css and inner.css
   ========================================================================== */
.pastor-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:center}

/* framed family photo with a round portrait of the pastor (photos: images/pastor/) */
.portrait{position:relative}
.portrait::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(232,185,96,.55);border-radius:30px;pointer-events:none}
.portrait .frame{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 34px 60px -26px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.14)}
.portrait .frame img{display:block;width:100%;height:100%;object-fit:cover}
.portrait .frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(3,4,14,.35));pointer-events:none}
.portrait .shot{position:relative}
.portrait .avatar{position:absolute;right:-16px;bottom:-30px;z-index:2;width:clamp(104px,15vw,168px);height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 50%;border-radius:50%;border:5px solid var(--bg);box-shadow:0 20px 40px -14px rgba(0,0,0,.75),0 0 0 2px rgba(232,185,96,.7)}
.portrait figcaption{margin-top:60px;text-align:center;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
.portrait{margin:0}

/* introduction text */
.pastor-text h2{margin-bottom:8px}
.role{display:block;margin-bottom:26px;font-size:.78rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.pastor-text p{margin:0 0 1.2em}
.sign{margin-top:26px;font-family:var(--serif);font-weight:700;font-size:1.9rem;font-style:italic;color:var(--gold)}

/* three focus panels */
.focus{margin-top:90px}
.focus .panel{position:relative;padding-top:34px}
.focus .panel::before{content:"";position:absolute;left:28px;right:28px;top:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold),transparent)}
.focus .num{font-family:var(--serif);font-size:3.4rem;line-height:.8;color:color-mix(in srgb,var(--gold) 45%,transparent)}
.focus h3{margin:10px 0 10px}
.focus p{margin:0;font-weight:300;color:var(--mute)}

/* quote + call to action */
.pastor-quote{margin:90px auto 0;max-width:900px}
.meet{margin-top:90px;text-align:center}

@media(max-width:900px){.pastor-grid{grid-template-columns:1fr}.portrait::before{inset:14px -8px -14px 8px}.portrait .avatar{right:-6px}}