@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');:root{--navy:#102c3c;--blue:#174658;--teal:#a9cdd0;--cream:#f7f5ee;--ink:#18323b;--muted:#587078}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,blockquote{font-family:'Libre Baskerville',Georgia,serif;line-height:1.16;letter-spacing:-.045em}h2{font-size:clamp(2.8rem,5vw,5rem)}em{font-weight:400;color:#86c5c8}.site-header{height:88px;display:flex;align-items:center;gap:2rem;justify-content:space-between;padding:0 clamp(24px,5vw,88px);background:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.35rem;letter-spacing:.08em;text-decoration:none;line-height:1}.brand small{display:block;font-size:.56rem;letter-spacing:.22em;margin-top:7px}.brand-mark{display:grid;place-items:center;width:40px;height:44px;background:var(--navy);color:#fff;font-family:Georgia,serif;font-size:1.8rem;border-radius:20px 20px 3px 3px}.site-header nav{display:flex;gap:clamp(14px,2vw,32px);font-size:.9rem;font-weight:600}.site-header nav a{text-decoration:none}.site-header nav a:hover,.info-card a:hover{text-decoration:underline}.header-cta{background:var(--navy);color:#fff;text-decoration:none;padding:11px 18px;font-size:.87rem;font-weight:700}.hero{background:radial-gradient(circle at 83% 34%,#2c6771 0%,transparent 35%),linear-gradient(125deg,#102c3c 10%,#174658 65%,#123747);color:#fff;min-height:650px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero:after{content:'B';position:absolute;right:3%;top:2%;font-family:Georgia,serif;font-size:min(57vw,780px);line-height:1;color:#ffffff0b;pointer-events:none}.hero-inner{position:relative;z-index:1;padding:clamp(72px,10vw,145px) clamp(24px,8vw,130px) 70px}.eyebrow,.kicker{font-size:.76rem;font-weight:700;letter-spacing:.22em}.eyebrow{color:#b7d8d9}.eyebrow span{padding:0 10px}.hero h1{font-size:clamp(3.8rem,8vw,8rem);margin:30px 0 23px;max-width:900px}.hero p{font-size:1.22rem;color:#e0edeb}.hero-actions,.contact-actions{display:flex;gap:28px;align-items:center;margin-top:35px;flex-wrap:wrap}.button{display:inline-flex;gap:35px;align-items:center;padding:15px 24px;text-decoration:none;font-weight:700}.button.light{background:#e6f2ee;color:var(--navy)}.button.dark{background:var(--navy);color:white}.button.outline{border:1px solid #a7c4c5;color:white}.text-link{text-decoration:none;border-bottom:1px solid #a4d4d3;padding-bottom:5px;font-weight:600}.hero-bottom{z-index:1;position:relative;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff50;padding:19px clamp(24px,8vw,130px);font-size:.82rem;letter-spacing:.05em}.hero-bottom strong{font-size:1rem}.section{padding:110px clamp(24px,8vw,130px)}.section-intro{max-width:760px}.kicker{color:#587c82}.section-intro h2{margin:24px 0}.section-intro em,.life em,.about em{color:#4e979e}.section-intro p{max-width:550px;color:var(--muted);font-size:1.1rem}.visit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.info-card{background:white;padding:35px;min-height:320px;border:1px solid #dfebe9}.info-card.featured{background:#d7e8e5}.card-icon{font-size:1.7rem;color:#31757d}.info-card h3,.life-grid h3{font-size:1.35rem;margin:20px 0 15px}.info-card p{color:#48626b}.info-card .big-time{font-family:Georgia,serif;color:var(--navy);font-size:3.2rem;line-height:1;margin-bottom:22px}.big-time small{font-size:1.1rem}.info-card a{font-weight:700;text-decoration:none;color:#146a72}.statement{text-align:center;background:#dcebe8;padding:95px 24px}.statement blockquote{font-size:clamp(1.8rem,3.5vw,3.3rem);max-width:920px;margin:28px auto}.rule{display:block;width:42px;height:2px;background:#267780;margin:28px auto 15px}.statement p{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-heading h2{margin:25px 0 0}.section-heading>p{max-width:375px;color:var(--muted)}.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:75px}.life-grid article{border-top:1px solid #a6c5c5;padding-top:20px}.number{color:#39868e;font-family:Georgia,serif;font-size:1.2rem}.life-grid p{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.about-panel{background:#dbe9e5;padding:clamp(55px,7vw,110px) clamp(24px,8vw,130px)}.about h2{margin:26px 0}.about p{max-width:520px;color:#425f67}.about .button{margin-top:18px}.about-art{background:radial-gradient(circle at 60% 50%,#477b80,#174658 70%);position:relative;min-height:470px;overflow:hidden;display:flex;justify-content:center;align-items:center}.big-b{font:normal min(40vw,570px)/1 Georgia,serif;color:#d4e9e42b}.art-caption{position:absolute;bottom:45px;left:50px;color:#e5eeee;letter-spacing:.2em;font-size:.72rem}.contact{background:var(--navy);color:white;text-align:center}.contact .kicker{color:#91c6c9}.contact h2{margin:25px 0}.contact p{color:#d4e3e3;font-size:1.1rem}.contact-actions{justify-content:center}footer{padding:45px clamp(24px,8vw,130px);display:flex;gap:40px;justify-content:space-between;background:#09212c;color:#cbdcdb;font-size:.85rem}footer .footer-brand{font-size:1.3rem;font-weight:700;letter-spacing:.1em;color:white}footer .footer-brand span{display:block;font-size:.6rem;letter-spacing:.19em}footer a{text-decoration:none}@media(max-width:850px){.site-header{height:auto;min-height:80px;flex-wrap:wrap;padding:18px 24px}.site-header nav{order:3;width:100%;overflow:auto;padding:8px 0;white-space:nowrap}.header-cta{margin-left:auto}.hero{min-height:580px}.hero-bottom{flex-wrap:wrap;gap:8px}.visit-grid,.life-grid{grid-template-columns:1fr}.info-card{min-height:0}.section-heading{display:block}.about{grid-template-columns:1fr}.about-panel{padding:75px 24px}.about-art{min-height:320px}.big-b{font-size:300px}footer{flex-direction:column;gap:25px}}@media(max-width:520px){.site-header nav{font-size:.8rem;gap:16px}.header-cta{display:none}.hero-inner{padding-top:80px}.hero h1{font-size:3.5rem}.hero-bottom span:first-child{display:none}.section{padding-top:75px;padding-bottom:75px}.statement{padding:75px 24px}}

.kids-logo{display:block;width:180px;height:160px;object-fit:contain;object-position:left center;margin:-14px 0 -10px}

/* Bethel identity */
.site-header{min-height:118px;height:auto;padding-top:10px;padding-bottom:10px}.brand-logo{display:block;width:205px;height:auto}.brand{flex:none}.hero-tagline{font-family:'Libre Baskerville',Georgia,serif!important;font-size:clamp(1.35rem,2.3vw,2.1rem)!important;line-height:1.55;color:#e3f3ef!important;letter-spacing:-.025em;margin:0 0 14px}.hero-actions{margin-top:24px}.footer-brand img{width:175px;height:auto;background:white;padding:8px}.hero h1{margin-bottom:22px}@media(max-width:850px){.site-header{min-height:105px}.brand-logo{width:165px}}@media(max-width:520px){.brand-logo{width:145px}.site-header{padding-top:8px}.hero-tagline{font-size:1.35rem!important}}

/* Bethel cross and doctrine page */
.hero:after{display:none}.hero-cross{position:absolute;right:4%;top:8%;width:min(33vw,420px);height:84%;object-fit:contain;opacity:.12;filter:brightness(0) invert(1);pointer-events:none}.about-cross{height:min(75%,480px);width:75%;object-fit:contain;filter:brightness(0) invert(1);opacity:.28}.doctrine-hero{background:var(--navy);color:white;padding:100px clamp(24px,8vw,130px) 90px}.doctrine-hero .kicker{color:#9bd1d0}.doctrine-hero h1{font-size:clamp(3.5rem,7vw,7rem);margin:25px 0}.doctrine-hero p{max-width:670px;font-size:1.15rem;color:#dce8e6}.doctrine-hero>a{color:#c8efec;font-weight:700}.doctrine-list{max-width:1050px;padding:35px 24px 100px;margin:auto}.doctrine-item{display:grid;grid-template-columns:65px 1fr;gap:25px;border-bottom:1px solid #c7d7d4;padding:42px 0}.doctrine-number{font:1.4rem Georgia,serif;color:#4e979e}.doctrine-item h2{font:700 clamp(1.35rem,2.5vw,2rem)/1.35 'Libre Baskerville',Georgia,serif;letter-spacing:-.03em;margin:0 0 18px}.doctrine-item p{max-width:780px;margin:0 0 17px;color:#3d525a;font-size:1.03rem;line-height:1.8}.doctrine-item p:last-child{margin-bottom:0}.doctrine-outro{text-align:center;background:var(--blue);color:white;padding:85px 24px}.doctrine-outro h2{font-size:clamp(2rem,4vw,3.5rem)}.doctrine-outro p{color:#d6e7e7}.doctrine-outro .button{margin-top:15px}@media(max-width:600px){.doctrine-hero{padding-top:75px;padding-bottom:70px}.doctrine-item{grid-template-columns:40px 1fr;gap:14px;padding:35px 0}.hero-cross{right:-15%;width:75vw;opacity:.09}}


.bethel-photos{display:grid;grid-template-columns:1.4fr 1fr;height:340px;overflow:hidden}.bethel-photos img{width:100%;height:100%;object-fit:cover}.bethel-photos img:first-child{object-position:center 52%}@media(max-width:600px){.bethel-photos{height:230px;grid-template-columns:1fr}.bethel-photos img:nth-child(2){display:none}}

/* Denominational and children’s identities */
.kids-logo{width:205px;height:205px;object-fit:contain;object-position:left center;margin:-20px 0 -4px}.cmc-logo-link{display:block;width:min(100%,320px);background:white;padding:12px 16px;margin:26px 0 2px}.cmc-logo-link img{display:block;width:100%;height:auto}.footer-right{text-align:right}.footer-right a{display:block;width:185px;margin:16px 0 0 auto;background:white;padding:7px}.footer-right img{display:block;width:100%;height:auto}.doctrine-cmc{width:min(100%,320px);padding:13px 17px;background:white;margin:26px 0}.doctrine-cmc img{display:block;width:100%;height:auto}@media(max-width:850px){.footer-right{text-align:left}.footer-right a{margin-left:0}}

/* Current service links */
.footer-links{display:flex;flex-direction:column;gap:9px;min-width:120px}.footer-links a{text-decoration:underline;text-underline-offset:4px}.calendar-invite{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:48px;padding:22px 28px;background:#dcebe8}.calendar-invite p{margin:0;font-size:1.12rem;font-weight:700}.calendar-invite a{font-weight:700;color:#145663;text-underline-offset:4px}@media(max-width:850px){.calendar-invite{flex-direction:column;align-items:flex-start}.site-header nav{gap:15px}}

/* Online community */
.connect-online{background:#f5f1e9;text-align:center}.connect-online h2{margin:.65rem auto 1rem;max-width:800px}.connect-online>p{max-width:580px;margin:0 auto 2rem}.online-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:850px;margin:auto;text-align:left}.online-links a{display:flex;flex-direction:column;gap:.55rem;padding:2rem;background:#fff;color:#213b3a;text-decoration:none;border:1px solid #e1e2d9;border-radius:6px;transition:transform .2s,box-shadow .2s}.online-links a:hover,.online-links a:focus-visible{transform:translateY(-3px);box-shadow:0 12px 30px #1d33231b}.online-links strong{font-size:1.5rem}.online-platform{font-size:.73rem;font-weight:700;letter-spacing:.16em;color:#9a6437}@media(max-width:650px){.online-links{grid-template-columns:1fr}.online-links a{padding:1.5rem}}

.contact-form{max-width:720px;margin:56px auto 0;text-align:left;padding:36px;background:#174658;border:1px solid #5c8990}.contact-form h3{font:700 1.65rem 'Libre Baskerville',Georgia,serif;margin:0 0 25px}.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-form label{display:block;font-size:1rem;font-weight:600;margin-bottom:18px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #a7c4c5;border-radius:2px;background:#fff;color:#102c3c;font:inherit}.contact-form textarea{resize:vertical}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:3px solid #a9cdd0;outline-offset:2px}.contact-form button{font:700 1rem 'DM Sans',Arial,sans-serif;border:0;cursor:pointer}.contact-form button:hover{background:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.contact-form{padding:24px;margin-top:40px}.contact-fields{grid-template-columns:1fr;gap:0}.contact-form button{width:100%;justify-content:center}}

.feature-photo{margin:42px 0 0;overflow:hidden}.feature-photo img{width:100%;height:330px;object-fit:cover;display:block}.worship-photo img{object-position:center 54%}.welcome-photo{max-width:700px;margin:55px auto 0}.welcome-photo img{height:290px;object-position:center 45%}.about-art .about-building{width:100%;height:100%;min-height:600px;object-fit:cover;object-position:center}.about-art .art-caption{padding:10px 15px;background:#102c3cbd}@media(max-width:850px){.about-art .about-building{min-height:320px}.feature-photo img{height:270px}}@media(max-width:600px){.feature-photo img,.welcome-photo img{height:220px}.welcome-photo{margin-top:35px}}

/* Reveal the complete exterior photo on desktop and use a quieter interior detail. */
@media (min-width: 761px){.bethel-photos{grid-template-columns:1fr 1fr;height:auto}.bethel-photos img{height:auto;aspect-ratio:4/3;object-fit:cover}}
.glass-photo{max-width:440px;margin:55px auto 0}.glass-photo img{height:350px;object-fit:cover;object-position:center 40%}.form-note{font-size:.9rem;color:#dcebe8;margin:.75rem 0 0;max-width:36rem}
@media (max-width:760px){.bethel-photos{height:auto}.bethel-photos img:first-child{height:auto;aspect-ratio:4/3;object-fit:cover}.glass-photo img{height:260px}}

.statement{text-align:left;padding:72px clamp(24px,8vw,130px)}.statement-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,35%);gap:clamp(28px,5vw,85px);align-items:center}.statement blockquote{max-width:680px;margin:28px 0;font-size:clamp(1.8rem,3.2vw,3rem)}.statement .rule{margin:28px 0 15px}.pastor-photo{width:100%;height:440px;object-fit:cover;object-position:center 25%;display:block}.about{grid-template-columns:45% 55%}.about-art{min-height:0;aspect-ratio:4/3}.about-art .about-building{min-height:0;width:100%;height:100%;object-fit:contain;object-position:center}.about-art .art-caption{position:absolute;bottom:25px;left:25px}
@media(max-width:850px){.statement-inner{grid-template-columns:1fr}.pastor-photo{width:min(100%,440px);height:auto;aspect-ratio:3/4;justify-self:center}.about{grid-template-columns:1fr}.about-art{aspect-ratio:4/3}.about-art .about-building{min-height:0}}@media(max-width:520px){.statement{padding:70px 24px}.about-art .art-caption{left:16px;bottom:16px;font-size:.7rem}}

.contact-form input.visually-hidden{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}