/* Everett Church of God — Phase 2 brand and shared component system */
:root{--color-ink:#101d2b;--color-muted:#5c6978;--color-surface:#fff;--color-surface-muted:#f3f7fa;--color-dark:#071a2b;--color-dark-soft:#0d263d;--color-accent:#00c8ef;--color-accent-strong:#0099e6;--color-accent-dark:#006ea8;--color-accent-soft:#dff8fd;--color-border:#dce6ed;--color-white:#fff;--shadow-soft:0 18px 45px rgba(7,26,43,.10);--shadow-card:0 14px 36px rgba(7,26,43,.12);--radius-sm:.65rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-pill:999px;--container:78rem;--header-height:5.5rem;--font-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--color-ink);background:var(--color-surface);font-family:var(--font-sans);line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3{margin:0 0 1rem;line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(3rem,7vw,6rem)}h2{font-size:clamp(2.1rem,5vw,3.8rem)}h3{font-size:1.4rem}p{margin:0 0 1.25rem}.container{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}.section{padding:clamp(4.5rem,8vw,7.5rem) 0}.section-muted{background:var(--color-surface-muted)}.section-dark{background:var(--color-dark);color:var(--color-white)}.eyebrow{margin-bottom:.8rem;color:var(--color-accent-dark);font-size:.76rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.section-dark .eyebrow,.hero .eyebrow{color:var(--color-accent)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:9999;top:.5rem;left:.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--color-white);color:#000;transform:translateY(-150%);box-shadow:var(--shadow-card)}.skip-link:focus{transform:translateY(0)}[data-site-header]:empty{display:block;min-height:var(--header-height)}
.site-header{position:sticky;z-index:1000;top:0;min-height:var(--header-height);background:rgba(255,255,255,.96);border-bottom:1px solid rgba(7,26,43,.08);backdrop-filter:blur(14px)}.nav{position:relative;min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:1.35rem}.brand{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none;font-weight:850;line-height:1.05;letter-spacing:-.015em}.brand__mark{position:relative;display:grid;place-items:end center;width:3.35rem;aspect-ratio:1;border:2px solid var(--color-accent);border-radius:50%;background:radial-gradient(circle at 50% 28%,#123956 0,var(--color-dark) 62%);color:var(--color-white);box-shadow:0 0 0 3px rgba(0,200,239,.10);overflow:hidden}.brand__cross{position:absolute;top:.47rem;left:50%;width:.38rem;height:1.42rem;background:var(--color-accent);transform:translateX(-50%);box-shadow:0 0 10px rgba(0,200,239,.45)}.brand__cross::after{content:"";position:absolute;top:.36rem;left:50%;width:1.1rem;height:.35rem;background:inherit;transform:translateX(-50%)}.brand__initials{position:relative;z-index:1;margin-bottom:.36rem;font-size:.6rem;font-weight:900;letter-spacing:.03em}.brand__text{font-size:1rem}.brand__text small{display:block;margin-top:.22rem;color:var(--color-muted);font-size:.58rem;font-weight:750;letter-spacing:.095em;text-transform:uppercase}.nav__links{display:flex;align-items:center;gap:1.15rem;margin:0;padding:0;list-style:none}.nav__links a{position:relative;padding:.55rem 0;text-decoration:none;font-size:.84rem;font-weight:750}.nav__links a::after{content:"";position:absolute;right:0;bottom:.25rem;left:0;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:center;transition:transform .16s ease}.nav__links a:hover,.nav__links a:focus-visible,.nav__links a[aria-current="page"]{color:var(--color-dark)}.nav__links a:hover::after,.nav__links a:focus-visible::after,.nav__links a[aria-current="page"]::after{transform:scaleX(1)}.nav-toggle{display:none;padding:.65rem;border:0;border-radius:var(--radius-sm);background:transparent}.nav-toggle span{display:block;width:1.55rem;height:2px;margin:5px 0;background:var(--color-ink)}
.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;padding:.75rem 1.25rem;border:2px solid transparent;border-radius:var(--radius-pill);text-decoration:none;font-size:.78rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--color-accent);color:var(--color-dark);box-shadow:0 9px 24px rgba(0,200,239,.18)}.button--primary:hover{background:#2bd7f5;box-shadow:0 12px 28px rgba(0,200,239,.24)}.button--secondary{background:var(--color-dark);color:var(--color-white)}.button--secondary:hover{background:var(--color-dark-soft)}.button--outline-light{border-color:rgba(255,255,255,.7);color:var(--color-white)}.button--outline-light:hover{border-color:var(--color-accent);background:rgba(0,200,239,.08)}.button--small{min-height:2.65rem;padding-inline:1.1rem}.button-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.button-row--center{justify-content:center}.text-link{font-weight:800;color:var(--color-accent-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}
.hero{position:relative;min-height:clamp(34rem,68vh,43rem);display:grid;align-items:center;overflow:hidden;background:linear-gradient(120deg,#04111d 0,var(--color-dark) 48%,#0a2d49 100%)}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 40%,rgba(0,200,239,.20),transparent 28%),linear-gradient(90deg,rgba(4,17,29,.18),transparent);pointer-events:none}.hero::after{content:"";position:absolute;right:-8rem;bottom:-16rem;width:32rem;height:32rem;border:1px solid rgba(0,200,239,.24);border-radius:50%;box-shadow:0 0 0 5rem rgba(0,200,239,.018),0 0 0 10rem rgba(0,200,239,.012)}.hero__content{position:relative;z-index:1;padding-block:clamp(4.5rem,7vw,6.5rem)}.hero h1{max-width:none;color:var(--color-white);font-size:clamp(3.6rem,6vw,5.7rem);white-space:nowrap}.hero__lead{max-width:45rem;margin-bottom:.65rem;color:var(--color-accent);font-size:clamp(1.55rem,3vw,2.25rem);font-weight:850;letter-spacing:-.025em}.hero__copy{max-width:42rem;color:rgba(255,255,255,.76);font-size:clamp(1rem,2vw,1.12rem)}
.service-strip{position:relative;z-index:2;background:var(--color-accent);color:var(--color-dark);box-shadow:0 12px 28px rgba(7,26,43,.12)}.service-strip__grid{display:grid;grid-template-columns:repeat(3,1fr)}.service-strip__grid>div{padding:1.2rem 1rem;text-align:center;border-right:1px solid rgba(7,26,43,.18)}.service-strip__grid>div:last-child{border-right:0}.service-strip strong{font-size:1.03rem}.service-strip__label{display:block;margin-bottom:.12rem;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,5rem)}.split--reverse>:first-child{order:2}.placeholder-media{position:relative;min-height:24rem;display:grid;place-items:center;padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#eaf4f8,#d6e7ef);color:var(--color-muted);font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--shadow-soft);overflow:hidden}.placeholder-media::after{content:"";position:absolute;inset:auto -5rem -7rem auto;width:15rem;height:15rem;border:1px solid rgba(0,153,230,.18);border-radius:50%}.placeholder-media--video{aspect-ratio:16/9;min-height:auto;border-color:#153a56;background:linear-gradient(135deg,var(--color-dark-soft),#04111d);color:rgba(255,255,255,.7)}.section-heading{max-width:45rem;margin-bottom:2.7rem}.section-heading>p:last-child{color:var(--color-muted);font-size:1.03rem}.card-grid{display:grid;gap:1.35rem}.card-grid--3{grid-template-columns:repeat(3,1fr)}.feature-card{position:relative;overflow:hidden;padding-bottom:1.6rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-soft);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card::after{content:"→";position:absolute;right:1.35rem;bottom:1.35rem;color:var(--color-accent-dark);font-weight:900}.feature-card:hover{transform:translateY(-4px);border-color:#b9dce8;box-shadow:var(--shadow-card)}.feature-card__media{min-height:12rem;display:grid;place-items:center;margin-bottom:1.4rem;background:linear-gradient(135deg,#dcecf3,#c6dfe9);color:var(--color-muted);font-size:.74rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.feature-card h3,.feature-card p{margin-left:1.4rem;margin-right:2.5rem}.feature-card p{color:var(--color-muted)}.callout{max-width:52rem;text-align:center}.callout h2{color:var(--color-white)}
.page-hero{position:relative;overflow:hidden;padding:clamp(4.5rem,8vw,6.5rem) 0;background:linear-gradient(135deg,var(--color-surface-muted),var(--color-accent-soft))}.page-hero::after{content:"";position:absolute;top:-12rem;right:-8rem;width:28rem;height:28rem;border:1px solid rgba(0,153,230,.15);border-radius:50%}.page-hero .container{position:relative;z-index:1}.page-hero h1{max-width:13ch}.page-hero p:last-child{max-width:44rem;color:var(--color-muted);font-size:1.06rem}.content-narrow{max-width:48rem}
.site-footer{padding:4.5rem 0 2rem;background:#04111d;color:rgba(255,255,255,.72)}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:clamp(2rem,6vw,5rem)}.brand--footer{width:max-content;max-width:100%;margin-bottom:1.6rem;color:var(--color-white)}.brand--footer .brand__text small{color:rgba(255,255,255,.55)}.footer-address{max-width:24rem;margin:0 0 1.25rem;font-style:normal}.footer-brand p{max-width:24rem}.footer-heading{margin-bottom:1.2rem;color:var(--color-white);font-size:.82rem;line-height:1.06;letter-spacing:.1em;text-transform:uppercase}.footer-links{margin:0;padding:0;list-style:none}.footer-links li+li{margin-top:.55rem}.footer-links a{text-decoration:none;text-decoration-color:rgba(0,200,239,.45);text-underline-offset:.2em}.footer-links a:hover,.footer-links a:focus-visible{color:var(--color-accent);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.11);font-size:.78rem}
:focus-visible{outline:3px solid var(--color-accent-dark);outline-offset:3px}.section-dark :focus-visible,.hero :focus-visible,.visit-hero :focus-visible,.about-hero :focus-visible,.ministries-hero :focus-visible,.ministry-hero :focus-visible,.messages-hero :focus-visible,.events-hero :focus-visible,.give-hero :focus-visible,.contact-hero :focus-visible,.site-footer :focus-visible,.cta-panel :focus-visible{outline-color:var(--color-accent)}
@media(max-width:1180px){.hero h1{font-size:clamp(3.4rem,6.3vw,5rem)}.nav{gap:.75rem}.nav__links{gap:.7rem}.nav__links a{font-size:.78rem}.nav__cta{display:none}}
@media(max-width:900px){.hero h1{white-space:normal;max-width:12ch}}
@media(max-width:860px){:root{--header-height:5rem}.nav-toggle{display:block}.nav__links{position:absolute;z-index:1100;top:calc(100% - 1px);right:0;display:none;width:min(21rem,calc(100vw - 2rem));align-items:stretch;gap:0;padding:.55rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-card)}.nav__links.is-open{display:grid}.nav__links a{display:block;padding:.72rem .8rem;border-radius:.5rem;font-size:.9rem}.nav__links a::after{display:none}.nav__links a:hover,.nav__links a:focus-visible{background:var(--color-surface-muted)}.nav__links a[aria-current="page"]{background:var(--color-accent-soft);color:var(--color-dark)}.nav__links a[aria-current="page"]::before{content:"";position:absolute;top:.55rem;bottom:.55rem;left:.15rem;width:3px;border-radius:var(--radius-pill);background:var(--color-accent)}.split,.card-grid--3,.footer-grid{grid-template-columns:1fr}.split--reverse>:first-child{order:initial}.footer-grid{gap:2.5rem}.footer-bottom{flex-direction:column}.hero{min-height:auto}.hero__content{padding-block:4.25rem}}
@media(max-width:620px){h1{font-size:clamp(2.6rem,14vw,4.5rem)}.hero h1{max-width:10ch;font-size:clamp(2.65rem,12vw,3.8rem)}.hero__lead{font-size:clamp(1.3rem,6.4vw,1.85rem)}.hero__copy{font-size:.98rem}.service-strip__grid{grid-template-columns:1fr}.service-strip__grid>div{padding:1rem;border-right:0;border-bottom:1px solid rgba(7,26,43,.18)}.service-strip__grid>div:last-child{border-bottom:0}.placeholder-media{min-height:18rem}.brand__text{font-size:.84rem}.brand__text small{font-size:.52rem}.brand__mark{width:2.8rem}.section{padding:4rem 0}}
@media(max-width:390px){.brand__text{font-size:.76rem}.brand__text small{display:none}.brand__mark{width:2.55rem}.container{width:min(calc(100% - 1.25rem),var(--container))}.button-row .button{width:100%}.hero__content{padding-block:3.75rem}.nav__links{right:-.15rem;width:min(20rem,calc(100vw - 1.25rem))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.button:hover,.feature-card:hover{transform:none}}

/* ECOG-P03: static, accessible, link-first Facebook spotlight */
.home-facebook-section{padding-block:clamp(3.75rem,6vw,5.5rem);background:var(--color-surface-muted)}
.home-facebook{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);align-items:center;gap:clamp(2rem,5vw,4rem)}
.home-facebook__copy{max-width:48rem}
.home-facebook__copy h2{max-width:21ch;font-size:clamp(2rem,4vw,3.2rem)}
.home-facebook__copy>p:not(.eyebrow){max-width:41rem;color:var(--color-muted)}
.home-facebook__card{padding:clamp(1.75rem,4vw,3rem);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-dark-soft),var(--color-dark));color:var(--color-white);box-shadow:var(--shadow-soft)}
.home-facebook__card-label{color:var(--color-accent);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.home-facebook__card strong{display:block;margin-bottom:1rem;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.2;letter-spacing:-.02em}
.home-facebook__card p:last-child{margin-bottom:0;color:rgba(255,255,255,.82)}
@media(max-width:860px){.home-facebook{grid-template-columns:1fr}.home-facebook__card{max-width:42rem}}
@media(max-width:620px){.hero .button-row .button{width:100%}}

/* ECOG-P04: homepage-only Facebook hero and fourth service-strip item */
.hero .button--facebook{gap:.55rem;border-color:#0866ff;background:#0866ff;color:#fff;box-shadow:0 9px 24px rgba(8,102,255,.23)}
.hero .button--facebook:hover{border-color:#0758db;background:#0758db;box-shadow:0 12px 28px rgba(8,102,255,.3)}
.hero .button--facebook:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #0866ff}
.hero .button--facebook svg{display:block;width:1.125rem;height:1.125rem;flex:0 0 auto;fill:currentColor}
.service-strip--home .service-strip__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-strip--home .service-strip__grid>div{min-width:0}
.service-strip--home .service-strip__phone{display:inline-block;color:inherit;font-size:1.03rem;font-weight:850;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em;white-space:nowrap}
.service-strip--home .service-strip__phone:hover{color:#064267}
@media(max-width:900px){.service-strip--home .service-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-strip--home .service-strip__grid>div:nth-child(2){border-right:0}.service-strip--home .service-strip__grid>div:nth-child(-n+2){border-bottom:1px solid rgba(7,26,43,.18)}}
@media(max-width:620px){.service-strip--home .service-strip__grid{grid-template-columns:1fr}.service-strip--home .service-strip__grid>div{border-right:0;border-bottom:1px solid rgba(7,26,43,.18)}.service-strip--home .service-strip__grid>div:last-child{border-bottom:0}}