/* Cinematic minimal: white space, quiet typography, a single visual focus. */
:root{--ink:#242e2f;--olive:#286367;--line:#e3eeef;--cream:#fff}
body{background:#fff;color:var(--ink)}
header{height:94px;padding:0 max(6%,calc((100vw - 1280px)/2));border:0;background:#fffffff5;backdrop-filter:blur(12px)}
.brand{font-size:20px;letter-spacing:1.2px}.brand img{width:35px;height:35px}.brand small{font-size:8px;letter-spacing:4.5px;margin-top:7px}
nav{font-size:12px;font-weight:500;gap:30px}
.button{border-radius:2px;font-weight:500;font-size:12px;padding:17px 24px;letter-spacing:.2px;transition:background .2s}
.button:hover{transform:none}.dark{background:#245b60}.dark:hover{background:#19474b}
nav .button.small{padding:12px 20px;font-size:11px}
.hero.intro-hero{padding:10px 6% 0;background:#fff}
.hero-welcome{width:min(100%,1180px);aspect-ratio:2.1;max-height:570px;margin:0;background:#f3f8f8;border-radius:0;box-shadow:none;isolation:isolate}
.hero-welcome>img{width:56%;height:100%;max-width:none;object-fit:cover;object-position:center 32%;transition:none}
.hero-welcome:hover>img{transform:none}
.welcome-control{justify-content:space-between;flex-direction:row-reverse;align-items:end;gap:30px;padding:110px 42px 35px;background:linear-gradient(0deg,rgba(18,43,45,.88),rgba(18,43,45,.25) 55%,transparent);color:#fff}
.welcome-control-copy{gap:10px}.welcome-control-copy strong{font-family:'Manrope',sans-serif;font-size:clamp(24px,3.4vw,46px);font-weight:400;letter-spacing:-1.4px;line-height:1.15}.welcome-control-copy>span{font-size:12px;letter-spacing:.2px;color:#f3f8f9}
.welcome-play-icon{flex:0 0 56px;width:56px;height:56px;background:transparent;border:1px solid #ffffffad;backdrop-filter:none}.welcome-play-icon svg{width:20px;height:20px}.hero-welcome:hover .welcome-play-icon{background:#ffffff16}
.film-caption{width:min(100%,1180px);display:flex;justify-content:space-between;gap:20px;padding:18px 0;color:#70979a;font-size:9px;letter-spacing:1px;line-height:1.5}.film-caption>span:last-child{letter-spacing:.3px}
.sunday-strip{max-width:1180px;margin:20px auto 0;padding:27px 0;background:#fff;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px}.sunday-strip>div,.sunday-strip>a{padding:0;border:0}.sunday-strip>div:nth-child(2){text-align:center}.sunday-strip>a{text-align:right}.sunday-strip strong{font-size:15px;font-weight:500}.tiny{font-size:8px;letter-spacing:1.1px;margin-bottom:9px;color:#699295}
.section{padding:115px max(6%,calc((100vw - 1180px)/2))}
h2{font-size:clamp(38px,4vw,59px);line-height:1.15;letter-spacing:-2.1px;font-weight:400}h2 em{font-family:inherit;font-style:normal;font-weight:inherit;color:#43959b}
.eyebrow{font-size:9px;font-weight:500;letter-spacing:1.8px;margin-bottom:20px}.intro{gap:12%;grid-template-columns:1.1fr 1fr}.intro-copy>p{font-size:16px;line-height:1.85}.intro-copy>p.muted{font-size:13px}.text-link{font-size:12px;font-weight:500;border-bottom:1px solid #b2d2d4;padding-bottom:7px}
.community{padding-top:5px}.section-heading{margin-bottom:40px;gap:35px}.section-heading>p{font-size:13px;line-height:1.8}.ministry-grid{gap:23px}.ministry-card{min-height:420px;border-radius:0}.card-copy{inset:auto 24px 28px}.card-copy small{font-size:8px;letter-spacing:1.5px}.card-copy strong{font-size:30px;font-weight:400;letter-spacing:-1px;margin:12px 0}.card-copy>span{border:0;padding:0;font-size:11px;line-height:1.7;color:#edf4f5}.card-shade{background:linear-gradient(0deg,#1b3d40e8,transparent 75%)}.ministry-card:hover>img{transform:scale(1.02)}.more-ministries{gap:30px;padding-top:25px;font-size:11px}.more-ministries>span{font-size:10px;color:#6e9699}
.visit{background:#f7fafa;color:var(--ink);gap:12%}.visit .eyebrow{color:#286367}.visit h2 em{color:#286367}.visit-intro>p:not(.eyebrow){color:#5e8b8e;font-size:13px}.service-picker{gap:0;width:fit-content;border:1px solid #bfd9db;border-radius:2px;overflow:hidden}.service-picker button{border:0;border-radius:0;color:#316e72;padding:13px 26px}.service-picker button.selected{background:#245b60;color:white}.visit .cream{background:#245b60;color:white}.light-link{color:#316e72;font-size:12px}.faq{padding-top:4px}details{border-color:#dbeaeb;padding:24px 0}summary{font-size:15px;font-weight:400}summary span{font-size:20px;color:#43959b}details p{color:#5e8b8e;font-size:12px;line-height:1.9}
.filters{gap:23px;border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:0}.filters button{border:0;border-radius:0;padding:12px 0;font-size:11px;background:none;color:#639194;border-bottom:2px solid transparent}.filters button.active{background:none;color:#245b60;border-bottom:2px solid #245b60}.event-row{padding:25px 0;gap:25px}.event-row:first-child{border-top:0}.event-date{background:none;padding:8px 0}.event-date strong{font-size:30px;font-weight:400}.event-date small{font-size:8px}.event-info small{font-size:8px;letter-spacing:1px}.event-info h3{font-size:19px;font-weight:400;margin-top:8px}.event-info p{font-size:11px}.event-row>a .event-label{font-size:11px;color:#35777c;border-bottom:1px solid #b6d4d6;padding-bottom:5px}.event-note{font-size:9px;line-height:1.8;color:#739b9e}
.watch-section{background:#f5f9fa;min-height:470px}.watch-image{min-height:470px}.watch-copy{padding:75px 13%}.watch-copy>p:not(.eyebrow){font-size:13px;line-height:1.85}.watch-image>span{font-size:8px;letter-spacing:1.7px}.large-play{width:59px;height:59px;font-size:15px;backdrop-filter:none;background:#1c3f412b;border-color:#ffffffc0}.pastor{gap:12%}.pastor>img{border-radius:0;height:460px}.pastor h3{font-weight:500;font-size:16px}.pastor p:not(.eyebrow){font-size:13px;line-height:1.9}.next-step{background:#fff;border-top:1px solid var(--line);padding-top:95px;padding-bottom:100px}.next-step h2{font-size:clamp(45px,5.5vw,78px);font-weight:400}.next-step>div{font-size:11px;color:#5e9195}
footer{background:#1f4547;padding:65px max(6%,calc((100vw - 1180px)/2)) 28px}.footer-top{gap:40px}.footer-top>p{font-size:12px}.footer-top>div{font-size:11px}.footer-bottom{font-size:9px;line-height:1.6}dialog{border-radius:3px}.welcome-dialog{border-radius:3px}.welcome-preview-image{background:#f5f9fa}.welcome-dialog-copy h2{font-size:34px}.welcome-dialog-copy p{font-size:13px;line-height:1.8}
@media(min-width:1600px){.hero.intro-hero{padding-top:20px}}
@media(max-width:1250px){.sunday-strip{margin-left:6%;margin-right:6%}}
@media(max-width:1000px){header{padding:0 5%}nav{gap:19px}.hero-welcome{aspect-ratio:1.85}.hero-welcome>img{width:61%}.welcome-control{padding:85px 30px 27px}.welcome-control-copy strong{font-size:32px}.section{padding:85px 6%}.community{padding-top:5px}.ministry-card{min-height:355px}.card-copy{left:20px;right:20px}.card-copy strong{font-size:26px}.visit{gap:7%}.more-ministries{gap:22px}.watch-copy{padding:60px 9%}.pastor{gap:8%}}
@media(max-width:760px){header{height:78px;padding:0 6%}.brand{font-size:19px}.brand img{width:32px;height:32px}nav{top:78px;gap:20px;background:#fff}.hero.intro-hero{padding:4px 5% 0}.hero-welcome{width:100%;aspect-ratio:4/5;max-height:560px;background:#f1f7f7}.hero-welcome>img{width:100%;object-fit:cover;object-position:center 30%}.welcome-control{align-items:center;padding:85px 22px 25px;gap:12px}.welcome-control-copy strong{font-size:25px;letter-spacing:-.7px}.welcome-control-copy>span{font-size:10px;max-width:190px;line-height:1.6}.welcome-play-icon{width:44px;height:44px;flex-basis:44px}.film-caption{font-size:8px;padding:13px 0;gap:10px}.film-caption>span:first-child{letter-spacing:.6px}.sunday-strip{margin:16px 6% 0;padding:22px 0;grid-template-columns:1fr 1fr;gap:22px}.sunday-strip>div:nth-child(2){text-align:left}.sunday-strip strong{font-size:13px}.tiny{font-size:7px;letter-spacing:.7px}.section{padding:65px 7%}h2{font-size:39px;letter-spacing:-1.6px}.intro{grid-template-columns:1fr;gap:26px}.intro-copy>p{font-size:15px}.intro-copy>p.muted{font-size:12px}.community{padding-top:0}.section-heading{gap:18px;margin-bottom:26px}.ministry-grid{gap:18px}.ministry-card{min-height:375px}.card-copy{inset:auto 24px 27px}.card-copy strong{font-size:32px}.more-ministries{gap:20px;font-size:10px}.more-ministries>span{width:100%}.visit{grid-template-columns:1fr;gap:30px}.filters{gap:20px}.filters button{font-size:10px}.event-row{gap:14px;grid-template-columns:46px 1fr auto;padding:21px 0}.event-date strong{font-size:25px}.event-info h3{font-size:16px}.event-info p{font-size:10px}.event-row>a .event-label{font-size:9px}.watch-section{grid-template-columns:1fr}.watch-image{min-height:300px}.watch-copy{padding:45px 7%}.pastor{grid-template-columns:1fr;gap:30px}.pastor>img{height:380px}.next-step h2{font-size:48px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-bottom{gap:12px}.welcome-dialog-copy h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.ministry-card:hover>img{transform:none}}
/* The church vision and an editable, clearly marked demonstration counter. */
.journey-vision{max-width:1180px;margin:0 auto;padding:48px 0 35px;text-align:center;border-bottom:1px solid var(--line)}
.journey-vision .eyebrow{justify-content:center;font-size:9px;margin-bottom:20px}
.journey-vision h1{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:clamp(28px,3.4vw,48px);font-weight:400;line-height:1.25;letter-spacing:-1.7px;margin:0}
.journey-vision h1>span:nth-child(2){color:#286367}
.journey-vision+.sunday-strip{border-top:0;margin-top:0}
.baptism-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#f7fafa;align-items:center}
.baptism-intro>p:not(.eyebrow){color:#586d6f;font-size:15px;margin-top:24px;max-width:365px;line-height:1.8}
.baptism-intro .text-link{margin-top:23px}
.baptism-total{display:flex;align-items:baseline;gap:18px;color:#245b60;flex-wrap:wrap}
.baptism-total>strong{font-family:'Manrope',sans-serif;font-size:clamp(80px,9vw,125px);font-weight:400;letter-spacing:-7px;line-height:1.1;font-variant-numeric:tabular-nums}
.baptism-total>span{font-size:17px;color:#242e2f}
.baptism-progress-label{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#568a8e;font-size:11px}
.baptism-progress-label>span:last-child{font-size:9px;letter-spacing:1px}.baptism-progress-label strong{font-size:18px;letter-spacing:0;color:#242e2f;margin-left:6px;font-weight:500}
#baptism-progress{display:block;width:100%;height:6px;margin-top:13px;border:0;border-radius:0;background:#e1edee;appearance:none}
#baptism-progress::-webkit-progress-bar{background:#e1edee}#baptism-progress::-webkit-progress-value{background:#286367}#baptism-progress::-moz-progress-bar{background:#286367}
.baptism-remaining{font-size:12px;color:#586d6f;margin-top:12px}.baptism-demo-note{font-size:10px;color:#586d6f;margin-top:25px;line-height:1.7}
@media(max-width:1250px){.journey-vision{margin-left:6%;margin-right:6%}}
@media(max-width:760px){.journey-vision{padding:35px 0 28px}.journey-vision h1{flex-direction:column;gap:5px;font-size:35px;letter-spacing:-1.2px}.journey-vision .eyebrow{margin-bottom:15px}.baptism-section{grid-template-columns:1fr;gap:38px}.baptism-total>strong{font-size:95px;letter-spacing:-5px}.baptism-total>span{font-size:16px}.baptism-progress-label{margin-top:23px}}

/* About navigation dropdown */
nav .nav-dropdown{position:relative;padding:0;border:0}
nav .nav-dropdown>summary{display:block;padding:12px 0;font:inherit;list-style:none;cursor:pointer}
nav .nav-dropdown>summary::-webkit-details-marker{display:none}
nav .nav-dropdown>summary:hover,nav .nav-dropdown[open]>summary{color:var(--olive)}
.nav-dropdown-panel{position:absolute;top:100%;left:-20px;min-width:170px;padding:8px;background:#fff;border:1px solid #dfeced;border-radius:6px;box-shadow:0 14px 36px #242e2f14}
.nav-dropdown-panel a{display:block;padding:13px 14px;border-radius:3px;white-space:nowrap}
.nav-dropdown-panel a:hover,.nav-dropdown-panel a[aria-current="page"]{background:#f3f8f9;color:#286367}
@media(max-width:760px){nav .nav-dropdown>summary{padding:0}.nav-dropdown-panel{position:static;margin-top:14px;box-shadow:none;border:0;border-left:2px solid #dfeced;border-radius:0;padding:0 0 0 12px}.nav-dropdown-panel a{padding:12px}}

.calendar-subscribe{margin:0 0 35px;padding:30px;background:#f5f9f9;border:1px solid #dfeced;border-radius:5px}.calendar-subscribe .eyebrow{margin-bottom:12px;font-size:9px}.calendar-subscribe h3{font-size:24px;font-weight:500;letter-spacing:-.6px}.calendar-subscribe p{font-size:13px;color:#54888c;margin-top:10px}.calendar-options{border:0;padding:20px 0 0}.calendar-options>summary{display:inline-flex;font-size:13px;list-style:none}.calendar-options>summary::-webkit-details-marker{display:none}.calendar-options-body{padding-top:15px;max-width:750px}.calendar-providers{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.calendar-light{background:#fff;border:1px solid #bad8da;color:#242e2f}.calendar-options label{display:block;font-size:12px;margin:20px 0 8px}.calendar-copy-row{display:flex;gap:10px}.calendar-copy-row input{width:100%;min-width:0;padding:12px;border:1px solid #bad8da;background:#fff;border-radius:3px;color:#242e2f;font:12px 'DM Sans',sans-serif}.calendar-copy-row button{white-space:nowrap}.calendar-options p.calendar-guidance{font-size:11px;line-height:1.7}.outlook-help{border-top:1px solid #dfeced;border-bottom:1px solid #dfeced;padding:16px 0}.outlook-help summary{font-size:13px;font-weight:600}.outlook-help a{text-decoration:underline;font-size:12px}#calendar-copy-status:empty{display:none}@media(max-width:760px){.calendar-subscribe{padding:22px}.calendar-copy-row{flex-direction:column}.calendar-providers .button{width:100%}.calendar-options>summary{width:100%;font-size:12px}}

nav .prayer-nav{color:#286367;font-weight:700;white-space:nowrap}
@media(min-width:761px) and (max-width:1280px){header{height:76px;padding:0 6%}.menu-toggle{display:flex;gap:13px;align-items:center;background:transparent;font-size:12px}.menu-toggle span{font-size:20px}nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:25px 6%;box-shadow:0 15px 20px #0001;align-items:stretch;font-size:15px}nav.open{display:flex;flex-direction:column;gap:22px}nav .nav-dropdown>summary{padding:0}.nav-dropdown-panel{position:static;margin-top:14px;box-shadow:none;border:0;border-left:2px solid #dfeced;border-radius:0;padding:0 0 0 12px}}

@media(min-width:1101px) and (max-width:1250px){header{padding-left:3%;padding-right:3%}header nav{gap:14px}header nav a,header nav summary{font-size:12px}}

/* Westside brand palette: logo teal, white, and charcoal. */
:root{--brand-teal:#bad8da;--brand-deep:#245b60;--brand-soft:#edf5f5;--brand-charcoal:#242e2f;--ink:var(--brand-charcoal);--olive:#286367;--line:#dce8e8;--lime:#dceced}
.brand{color:var(--brand-charcoal)}
.button.dark{background:var(--brand-deep);color:#fff}.button.dark:hover{background:#19474b}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline-color:#286367}

nav .spanish-nav{white-space:nowrap;color:#245b60}nav .spanish-nav[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}