:root{--blue:#1559ed;--ink:#10151e;--muted:#5b6473;--soft:#f2f5fa;--line:#dce2ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #4b82fb;outline-offset:5px}.container{width:min(1280px,calc(100% - 96px));margin:auto}.preview-banner{background:var(--ink);color:#fff;text-align:center;padding:8px 16px;font-size:10px;font-weight:700;letter-spacing:1.4px}.preview-banner span{font-weight:400;letter-spacing:.5px}.site-header{background:white;border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:114px;gap:30px}.brand{text-decoration:none;font-size:27px;font-weight:900;letter-spacing:-1.6px;line-height:.95;display:block}.brand-sub{display:block;font-size:13px;letter-spacing:6px;margin-top:7px}.brand small{display:block;letter-spacing:1px;font-size:7px;color:var(--muted);margin-top:12px}nav{display:flex;gap:24px;align-items:center}nav a{font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;padding:10px 0}nav a:hover,nav a[aria-current]{color:var(--blue)}nav a[aria-current]{box-shadow:0 2px var(--blue)}.menu-toggle{display:none}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;display:block;margin-bottom:23px;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05;letter-spacing:-.055em}h1{font-size:clamp(50px,6.1vw,88px);margin-bottom:30px;font-weight:800}h2{font-size:clamp(36px,4vw,58px);margin-bottom:26px}h3{font-size:25px;letter-spacing:-.035em}em{font-style:normal;color:var(--blue)}p{max-width:600px;color:var(--muted)}.lead{font-size:18px;max-width:390px}.hero{padding:72px 0 80px}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.hero-art{background:#1049c9;min-height:530px;position:relative;overflow:hidden;color:#fff;border-radius:2px}.hero-art:before{content:'';position:absolute;width:400px;height:400px;border:70px solid #3071ff;right:-170px;top:-140px;border-radius:50%}.hero-art:after{content:'';position:absolute;height:350px;width:350px;transform:rotate(35deg);background:#124fd8;right:-190px;bottom:-100px}.art-cross{position:absolute;top:75px;left:55px;width:55px;height:75px;border-left:12px solid #ffffff4d;transform:rotate(12deg)}.art-cross:after{content:'';position:absolute;width:50px;height:12px;top:17px;left:-31px;background:#ffffff4d}.art-caption{position:absolute;bottom:42px;left:40px;right:25px;z-index:1}.art-caption .eyebrow{color:#c4d7ff}.art-caption p{font-size:40px;line-height:1.1;letter-spacing:-2px;color:#fff;font-weight:700}.art-caption small{font-size:9px;letter-spacing:1px;color:#c4d7ff}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--blue);padding:17px 24px;color:white;text-decoration:none;font-size:13px;font-weight:700;border:0;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#1045bf;transform:translateY(-2px)}.text-link{font-size:13px;font-weight:700;text-decoration:none}.text-link:hover{color:var(--blue)}.blue-band{background:var(--blue);color:white}.band-inner{display:flex;align-items:center;justify-content:space-between;padding:33px 0}.band-inner p{color:white;font-size:21px;line-height:1.4;margin:0;letter-spacing:-.5px}.band-inner a{font-size:13px;text-decoration:none}.section{padding-top:95px;padding-bottom:95px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.placeholder{border:1px dashed #a9b9d4;background:#f7f9fd;padding:38px;min-height:210px;display:flex;flex-direction:column;justify-content:center}.placeholder .eyebrow{font-size:9px;color:#657790;margin-bottom:20px}.placeholder p{font-size:14px;margin-bottom:0}.placeholder h3{margin-bottom:16px}.soft{background:var(--soft)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{min-height:180px;border-top:2px solid var(--blue);background:white;padding:30px;display:flex;justify-content:space-between;align-items:flex-end;text-decoration:none;font-size:26px;font-weight:700;letter-spacing:-1px;transition:transform .2s}.feature-card:hover{transform:translateY(-5px);color:var(--blue)}.feature-card span{color:var(--blue)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-heading p{max-width:360px}.section-heading h2{margin-bottom:0}.page-hero{background:var(--soft);padding:72px 0}.page-hero h1{max-width:1000px;font-size:clamp(46px,6vw,80px)}.page-hero p{font-size:18px;margin-bottom:0}.sermon-panel{min-height:450px;background:#111c33;display:grid;place-items:center;text-align:center;padding:40px;color:white}.sermon-panel h2{color:white}.sermon-panel p{color:#c3cde0}.sermon-panel .eyebrow{color:#9dbcff;margin-top:20px}.play-icon{display:block;font-size:60px;color:#9dbcff}.sermon-panel iframe{width:100%;aspect-ratio:16/9;border:0}.below{margin-top:55px}.event-empty{padding:70px 40px;border:1px dashed #9aabc9;text-align:center;background:var(--soft)}.event-empty p{margin:auto}.event-empty h3{font-size:36px}.statement-panel{padding:60px 40px;background:var(--blue)}.statement-panel .eyebrow{color:#bbd1ff}.statement-panel p{color:#fff;font-weight:800;font-size:46px;line-height:1.1;letter-spacing:-2px;margin:0}.top-border{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:24px 0}summary{cursor:pointer;font-weight:700;font-size:18px}details p{margin:20px 0 0}.notice{font-size:13px;padding:18px;background:#eaf0ff;border-left:3px solid var(--blue);color:#3f506e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:700;margin-bottom:20px}input,textarea{display:block;width:100%;border:1px solid #bbc6d8;background:#fff;border-radius:0;padding:13px;margin-top:8px;color:var(--ink)}textarea{resize:vertical}.check{display:flex;align-items:start;gap:10px;font-size:12px;font-weight:400}.check input{width:17px;height:17px;flex-shrink:0;margin-top:2px}.form-status{margin-top:18px;font-size:14px;color:var(--blue)}.muted{font-size:13px}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:white;z-index:10}.skip-link:focus{top:10px}footer{background:var(--ink);color:white;padding:66px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{font-size:24px;font-weight:800;letter-spacing:-1px;text-decoration:none}.footer-grid p{color:#b2bccd;font-size:13px;margin-top:15px}.footer-grid .eyebrow{color:#8dafef}.footer-grid>div>a:not(.footer-brand){display:block;margin-bottom:12px;font-size:13px;text-decoration:none}.footer-grid small{color:#b2bccd}.footer-bottom{border-top:1px solid #303b4b;margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;color:#a2adc0;font-size:12px}[data-social-links] a{display:inline-block;margin-right:16px;font-size:13px}.brand img{max-width:160px;max-height:65px;display:block}@media(min-width:1500px){h1{font-size:88px}}@media(max-width:1100px){.container{width:calc(100% - 56px)}nav{gap:15px}nav a{font-size:11px}.hero-grid{gap:30px}.hero-art{min-height:480px}.split{gap:45px}.cards{gap:16px}.placeholder{padding:26px}.art-caption p{font-size:34px}}@media(max-width:850px){.header-inner{min-height:95px;flex-wrap:wrap;padding:20px 0}.menu-toggle{display:flex;align-items:center;gap:18px;border:1px solid var(--line);background:white;padding:10px 15px;font-size:13px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:12px 0}nav.open{display:flex}nav a{font-size:15px;padding:12px;border-bottom:1px solid var(--line)}nav a[aria-current]{box-shadow:none}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:55px}.hero-art{min-height:440px}.art-caption{left:25px}.art-caption p{font-size:29px}.cards{grid-template-columns:1fr 1fr}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block}.section-heading p{margin-top:25px}.actions{align-items:start;flex-direction:column;gap:20px}.footer-grid{gap:30px}}@media(max-width:600px){.container{width:calc(100% - 40px)}.preview-banner{font-size:9px}.preview-banner span{display:none}.hero{padding:45px 0}.hero-grid,.split{grid-template-columns:1fr;gap:38px}.hero h1{font-size:57px}.hero-art{min-height:350px}.art-caption p{font-size:36px}.actions{flex-direction:row;align-items:center;gap:20px}.button{padding:15px 18px;gap:20px}.text-link{font-size:12px}.band-inner{align-items:start;gap:25px;flex-direction:column;padding:28px 0}.band-inner p{font-size:20px}.cards{grid-template-columns:1fr}.page-hero{padding:50px 0}.page-hero h1{font-size:50px}.section{padding-top:55px;padding-bottom:55px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:20px;flex-direction:column}.form-row{grid-template-columns:1fr;gap:0}.sermon-panel{min-height:330px;padding:24px}.sermon-panel h2{font-size:34px}.statement-panel p{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Supplied logo artwork; crop only the surrounding whitespace in layout. */
.brand img.church-wordmark{width:200px;height:64px;max-width:none;max-height:none;object-fit:cover;object-position:center;display:block}
.footer-brand{display:inline-block;background:white}
.footer-brand img.church-wordmark{display:block;width:220px;height:72px;object-fit:cover;object-position:center}
@media(max-width:600px){.brand img.church-wordmark{width:175px;height:58px}}

/* Blend the official mark into the blue panel without changing its source artwork. */
.hero-art{isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:44px 28px}
.hero-cross-logo{position:relative;display:block;flex-shrink:0;width:clamp(160px,18vw,220px);height:auto;aspect-ratio:1;object-fit:contain;filter:invert(1);mix-blend-mode:screen;z-index:1}
.hero-art .art-caption{position:relative;inset:auto;text-align:center;z-index:1;width:100%}
.hero-art .art-caption .eyebrow{margin-bottom:16px}
.hero-art .art-caption p{margin:0 auto;line-height:1.15}
.hero-art .art-caption small{display:none}
@media(max-width:600px){.hero-art{padding:36px 24px;gap:24px;min-height:420px}.hero-cross-logo{width:170px}}

.service-schedule{background:var(--soft);padding:36px 40px;border-left:4px solid var(--blue)}
.service-schedule h3{margin-bottom:12px}.service-schedule p:last-child{margin-bottom:0}.service-schedule strong{color:var(--ink)}
.festival{display:grid;grid-template-columns:160px 1fr;gap:44px;align-items:center;background:var(--soft);padding:48px}.festival-date{background:var(--blue);color:white;text-align:center;padding:28px 16px;display:flex;flex-direction:column;line-height:1.3}.festival-date span{font-size:14px;letter-spacing:3px}.festival-date strong{font-size:80px;letter-spacing:-5px}.festival h3{font-size:46px}.festival p:last-child{margin-bottom:0}.pastor-bio p{line-height:1.8}
@media(max-width:600px){.festival{grid-template-columns:1fr;gap:28px;padding:28px}.festival-date{width:130px}.festival h3{font-size:38px}.service-schedule{padding:28px}}

.ministry-card{border-top:3px solid var(--blue);background:var(--soft);padding:32px;min-height:240px}.ministry-card .eyebrow{font-size:10px;margin-bottom:22px}.ministry-card p:last-child{margin-bottom:0}.ministry-card strong{color:var(--ink)}

.pastor-photo{display:block;width:100%;height:auto;border-radius:3px} .sermon-panel .button{margin-top:12px}

.mission-statement{font-size:clamp(20px,2.2vw,28px);line-height:1.55;max-width:920px;margin-bottom:40px;color:var(--ink)}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mission-grid .ministry-card{background:white}@media(max-width:600px){.mission-grid{grid-template-columns:1fr}}

.history-timeline{list-style:none;max-width:900px;margin:44px 0 0;padding:0 0 0 32px;border-left:2px solid var(--line)}.history-timeline li{position:relative;padding:0 0 36px 12px}.history-timeline li:last-child{padding-bottom:0}.history-timeline li:before{content:'';position:absolute;left:-41px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--blue);border:3px solid white;box-shadow:0 0 0 1px var(--blue)}.history-timeline .eyebrow{margin-bottom:14px}.history-timeline h3{margin-bottom:14px}

/* Official cross symbol, white against the dark footer with no image box. */
footer{isolation:isolate}
.footer-brand{display:inline-block;background:transparent;line-height:0}
.footer-cross-logo{display:block;width:100px;height:100px;object-fit:contain;filter:invert(1);mix-blend-mode:screen}

/* Blend the entire logo link, including its image surface, into the footer. */
footer .footer-brand{background:transparent;mix-blend-mode:screen;isolation:auto}
footer .footer-brand img.footer-cross-logo{filter:invert(1);mix-blend-mode:normal;background:transparent;width:100px;height:100px;display:block}

.social-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.social-link{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none;min-height:44px;margin-right:18px;font-size:14px}main .social-link{--social-icon-cutout:#fff}footer [data-social-links]{display:flex;flex-direction:column;align-items:flex-start}footer [data-social-links] .social-link{display:inline-flex;margin-right:0}.social-link:hover{color:#8dafef}

.about-heart{max-width:1000px}.about-heart p{font-size:18px;max-width:650px}
