/* CACVH UX/UI Remix 2026 */

/* page-specific personality */
body[class*="page-"] .page-hero, body.page-home .hero{position:relative;overflow:hidden}
body[class*="page-"] .page-hero::after, body.page-home .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,26,54,.08),rgba(6,26,54,.18));pointer-events:none}
body.page-about .page-hero{background-image:linear-gradient(100deg,rgba(4,19,48,.88),rgba(5,66,112,.52)),url("/static/site/img/temple-central.69bf0bc4c4e4.jpg")!important}
body.page-assemblies .page-hero{background-image:linear-gradient(100deg,rgba(9,20,45,.86),rgba(102,44,5,.40)),url("/static/site/img/temple-central.69bf0bc4c4e4.jpg")!important}
body.page-departments .page-hero{background-image:linear-gradient(100deg,rgba(6,32,60,.88),rgba(6,110,137,.40)),url("/static/site/img/temple-central.69bf0bc4c4e4.jpg")!important}
body.page-programs .page-hero{background-image:linear-gradient(100deg,rgba(6,22,48,.88),rgba(18,76,145,.40)),url("/static/site/img/temple-central.69bf0bc4c4e4.jpg")!important}
body.page-events .page-hero{background-image:linear-gradient(100deg,rgba(26,13,47,.86),rgba(7,85,151,.36)),url("/static/site/img/temple-central.69bf0bc4c4e4.jpg")!important}
body.page-articles .page-hero{background-image:linear-gradient(100deg,rgba(12,20,49,.86),rgba(138,74,12,.32)),url("/static/site/img/temple-central.69bf0bc4c4e4.jpg")!important}
body.page-sermons .page-hero{background-image:linear-gradient(100deg,rgba(5,18,39,.88),rgba(9,117,137,.36)),url("/static/site/img/temple-central.69bf0bc4c4e4.jpg")!important}
body.page-donations .page-hero{background-image:linear-gradient(100deg,rgba(6,25,50,.90),rgba(4,85,134,.42)),url("/static/site/img/temple-central.69bf0bc4c4e4.jpg")!important}
body.page-contact .page-hero{background-image:linear-gradient(100deg,rgba(10,26,52,.88),rgba(11,112,194,.34)),url("/static/site/img/temple-central.69bf0bc4c4e4.jpg")!important}
body.page-temple_project .page-hero, .temple-hero{background-image:linear-gradient(100deg,rgba(5,22,45,.88),rgba(11,102,170,.34)),url("/static/site/img/temple-central.69bf0bc4c4e4.jpg")!important;background-size:cover;background-position:center}

.home-temple-section{padding:84px 0;background:linear-gradient(180deg,#fff,#f4f9ff)}
.temple-highlight-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:28px;align-items:stretch}
.temple-highlight-copy{padding:34px;border-radius:30px;background:linear-gradient(160deg,#ffffff,#f2f8ff);box-shadow:0 24px 60px rgba(7,26,61,.08);border:1px solid rgba(12,114,194,.10)}
.temple-highlight-copy h2{margin:8px 0 14px;color:#071A3D;font-size:clamp(2rem,3vw,3.2rem);line-height:1.02;letter-spacing:-.05em}
.temple-feature-list{display:grid;gap:14px;margin:24px 0}
.temple-feature-list article{display:grid;gap:4px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(12,114,194,.10)}
.temple-feature-list strong{color:#071A3D;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}
.temple-feature-list span{color:#4f6986;line-height:1.6}
.temple-highlight-visual{position:relative;display:block;min-height:100%;border-radius:30px;overflow:hidden;box-shadow:0 28px 70px rgba(7,26,61,.14)}
.temple-highlight-image,.temple-story-visual img{width:100%;height:100%;object-fit:cover;display:block}
.temple-highlight-image{position:absolute;inset:0;background-size:cover;background-position:center}
.temple-highlight-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,61,.12),rgba(7,26,61,.80))}
.temple-highlight-caption{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:26px;color:#fff}
.temple-highlight-caption h3{margin:12px 0 8px;color:#fff;font-size:2rem;line-height:1.05}
.temple-highlight-caption p{margin:0;color:#eaf5ff}
.temple-badge{align-self:flex-start;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.temple-story-section{background:#fff}
.temple-story-grid,.temple-donations-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:center}
.temple-story-copy h2,.temple-donations-grid h2{margin:8px 0 14px;color:#071A3D;font-size:clamp(2rem,3vw,3.2rem);line-height:1.04;letter-spacing:-.05em}
.temple-story-visual{overflow:hidden;border-radius:30px;box-shadow:0 26px 64px rgba(7,26,61,.14)}
.temple-pillars-section{background:linear-gradient(180deg,#f7fbff,#fff)}
.temple-pillars-grid,.temple-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.temple-pillar-card{padding:28px;border-radius:28px;background:linear-gradient(160deg,#ffffff,#f1f8ff);box-shadow:0 22px 56px rgba(7,26,61,.08);border:1px solid rgba(12,114,194,.10)}
.temple-pillar-card span{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:#071A3D;color:#fff;font-weight:800;margin-bottom:18px}
.temple-pillar-card h3{margin:0 0 10px;color:#071A3D}
.temple-pillar-card p{margin:0;color:#56708b;line-height:1.65}
.temple-donations-section{background:#fff}
.temple-donation-card{padding:26px;border-radius:28px;background:linear-gradient(135deg,#071A3D,#0c72c2);box-shadow:0 26px 64px rgba(7,26,61,.18);color:#fff}
.temple-donation-card small{display:block;margin-bottom:10px;color:#bfe6ff;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.temple-donation-card h3{color:#fff;margin:0 0 12px}
.temple-donation-card ul{margin:0;padding-left:18px;display:grid;gap:10px;color:#ecf7ff}
.temple-related-card{display:flex;flex-direction:column;gap:10px;padding:24px;text-decoration:none;color:inherit;border-radius:24px}
.temple-related-card strong{font-size:1.05rem;color:#071A3D}
.temple-related-card p{margin:0;color:#5b7490;line-height:1.65}
.temple-related-card i{font-style:normal;color:#0c72c2;font-weight:800}

@media (max-width: 980px){.temple-highlight-grid,.temple-story-grid,.temple-donations-grid{grid-template-columns:1fr}.temple-pillars-grid,.temple-related-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 720px){.temple-pillars-grid,.temple-related-grid{grid-template-columns:1fr}.temple-highlight-copy,.temple-pillar-card,.temple-donation-card{padding:22px}.temple-highlight-caption h3{font-size:1.6rem}}