/* An image-led, spacious home for NGC Church. */
.home-page .site-nav__inner{padding:28px 5%;max-width:1600px;gap:40px}.home-page .site-nav__links{justify-content:flex-end;gap:32px}.home-page .site-nav a,.home-page .nav-group summary{font-size:14px;letter-spacing:.04em}.home-page .site-nav{z-index:20}.home-page .nav-submenu{box-shadow:0 10px 24px #6b685e15}
.home-hero{position:relative;min-height:680px;height:calc(100svh - 105px);max-height:980px;isolation:isolate;overflow:hidden}.home-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;z-index:-1}.home-hero__content{max-width:1600px;margin:auto;padding:6vw 8%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.home-eyebrow{font-size:12px;letter-spacing:.17em;font-weight:700;line-height:1.5;margin:0 0 28px}.home-hero__eyebrow{background:var(--public-background);padding:10px 16px;margin-bottom:18px}.home-hero h1{font-size:clamp(68px,8.5vw,136px);line-height:1.02;letter-spacing:-.07em;margin:0;font-weight:400}.home-hero h1>span{display:table;background:var(--public-background);padding:0 26px 12px;border-radius:3px}.home-hero h1 .home-hero__second{margin-left:9vw}.home-hero h1 .home-hero__third{margin-left:17vw;font-weight:700}.home-hero__scroll{display:flex;gap:28px;align-items:center;background:var(--public-background);margin-top:38px;padding:12px 18px;text-decoration:none;font-size:15px}.home-hero__scroll span{font-size:24px}.home-section{max-width:1440px;margin:auto;padding:110px 7%;}.home-page main h2{font-size:clamp(42px,5.5vw,78px);line-height:1.06;letter-spacing:-.055em;font-weight:400;margin:0 0 28px}.home-about,.home-visit{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.home-page .home-lead{font-size:clamp(22px,2.2vw,30px);line-height:1.4;letter-spacing:-.025em;margin:0 0 28px}.home-about__copy p:not(.home-lead),.home-visit__copy p:not(.home-lead),.home-online__copy p:not(.home-eyebrow),.home-community__copy p:not(.home-eyebrow){font-size:18px;line-height:1.8;max-width:530px;margin-bottom:24px}.home-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:13px 0;min-height:48px;border-bottom:1px solid var(--public-text);font-size:18px;font-weight:700;text-decoration:none}.home-link span{font-size:24px;font-weight:400;line-height:1}.home-link:hover{opacity:.8}.home-community{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;border-top:1px solid var(--public-border);border-bottom:1px solid var(--public-border)}.home-community__photo{min-width:0;min-height:650px}.home-community__photo img{width:100%;height:100%;object-fit:cover;object-position:center}.home-community__copy{padding:90px 11%;align-self:center}.home-page .home-community__copy h2{font-size:clamp(38px,4.3vw,66px)}.home-actions{display:flex;gap:32px;flex-wrap:wrap}.home-visit{padding-top:125px;padding-bottom:125px}.home-online{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;border-top:1px solid var(--public-border)}.home-online__screen{position:relative;display:block;min-width:0;overflow:hidden;aspect-ratio:1.25;text-decoration:none;border:1px solid var(--public-border)}.home-online__screen>img{height:100%;width:100%;object-fit:cover}.home-online__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--public-background);width:86px;height:86px;border-radius:50%;display:grid;place-items:center}.home-online__play svg{margin-left:4px}.home-online__caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:var(--public-background);padding:20px 24px;font-size:14px;letter-spacing:.08em}.home-giving{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--public-border);padding-top:65px;padding-bottom:65px}.home-page .home-giving h2{font-size:52px;margin-bottom:10px}.home-giving .home-eyebrow{margin-bottom:16px}.home-giving p:last-child{margin-bottom:0}.home-footer{max-width:1600px;margin:auto;min-height:0;padding:65px 6%;display:grid;grid-template-columns:1fr 2fr;gap:8%;border-top:1px solid var(--public-border)}.home-footer::before{display:none}.home-footer__brand p{font-size:15px;margin-top:22px}.home-footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.home-footer h2{font-size:12px;letter-spacing:.1em;margin:0 0 24px}.home-footer a{font-size:16px;margin-bottom:12px}.home-footer .site-brand{display:block}
@media(max-width:1100px){.home-page .site-nav__inner{gap:18px;padding:24px}.home-page .site-nav__links{gap:18px;flex-basis:auto;order:initial;flex-wrap:nowrap}.home-hero{min-height:620px}.home-community__photo{min-height:540px}.home-community__copy{padding:65px 9%}.home-section{padding:85px 6%}}
@media(max-width:700px){.home-page .site-nav__inner{padding:18px 20px;justify-content:space-between}.home-page .site-nav__links{display:none}.home-hero{height:calc(100svh - 84px);min-height:550px;max-height:800px}.home-hero__image{object-position:center 65%}.home-hero__content{padding:50px 6%;justify-content:flex-start}.home-hero h1{font-size:clamp(53px,12vw,82px);letter-spacing:-.06em}.home-hero h1>span{padding:4px 16px 10px}.home-hero h1 .home-hero__second{margin-left:12vw}.home-hero h1 .home-hero__third{margin-left:22vw}.home-eyebrow{font-size:11px;margin-bottom:22px}.home-hero__eyebrow{font-size:10px}.home-hero__scroll{font-size:14px;margin-top:30px;padding:10px 14px}.home-section{padding:64px 24px}.home-about,.home-visit,.home-online{grid-template-columns:1fr;gap:28px}.home-page main h2{font-size:48px;line-height:1.08}.home-community{grid-template-columns:1fr}.home-community__photo{min-height:0;height:390px;order:2}.home-community__copy{padding:64px 24px}.home-page .home-community__copy h2{font-size:42px}.home-about__copy p:not(.home-lead),.home-visit__copy p:not(.home-lead),.home-online__copy p:not(.home-eyebrow),.home-community__copy p:not(.home-eyebrow){font-size:17px}.home-page .home-lead{font-size:24px}.home-online__screen{aspect-ratio:1.2}.home-online__caption{font-size:12px;padding:16px}.home-giving{flex-direction:column;align-items:flex-start;gap:20px}.home-page .home-giving h2{font-size:44px}.home-actions{gap:24px}.home-link{font-size:17px;gap:24px}.home-footer{grid-template-columns:1fr;gap:35px;padding:50px 24px}.home-footer__links{grid-template-columns:1fr 1fr;gap:30px 20px}.home-footer a{font-size:15px}}
@media(prefers-reduced-motion:reduce){html:has(.home-page){scroll-behavior:auto}}

/* Clean typography and a plain welcome title. */
.home-page{--site-serif:Montserrat,Arial,sans-serif}
.home-hero__image{z-index:-2}
.home-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,254,250,.96) 0%,rgba(255,254,250,.85) 34%,rgba(255,254,250,.12) 74%,transparent 100%);pointer-events:none}
.home-hero h1{font-weight:700;letter-spacing:-.045em;line-height:1.04}
.home-hero h1>span{display:block;background:transparent;border:0;border-radius:0;padding:0;text-shadow:none;-webkit-text-stroke:0}
.home-hero h1 .home-hero__second,.home-hero h1 .home-hero__third{margin-left:0}
.home-hero__eyebrow{background:transparent;padding:0}
@media(max-width:700px){.home-hero::before{background:linear-gradient(180deg,rgba(255,254,250,.96) 0%,rgba(255,254,250,.85) 42%,rgba(255,254,250,.08) 75%,transparent 100%)}.home-hero h1{font-size:clamp(40px,10vw,76px)}.home-hero h1>span{padding:0}}

.home-hero__scroll{background:transparent;border:0;border-radius:0;box-shadow:none;padding:12px 0;text-decoration:none}

/* The home menu sits directly over the opening photo. */
.home-page>.site-nav{position:absolute;top:0;left:0;width:100%;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.home-page .site-nav__inner,.home-page .site-nav__links{background:transparent}
.home-page .home-hero{height:100svh}
.home-page .home-hero__content{padding-top:max(140px,8vw)}
.home-page .home-hero::before{background:linear-gradient(180deg,rgba(255,254,250,.75),transparent 160px),linear-gradient(90deg,rgba(255,254,250,.96) 0%,rgba(255,254,250,.85) 34%,rgba(255,254,250,.12) 74%,transparent 100%)}
@media(max-width:700px){.home-page .home-hero__content{padding-top:120px}.home-page .home-hero::before{background:linear-gradient(180deg,rgba(255,254,250,.96) 0%,rgba(255,254,250,.85) 42%,rgba(255,254,250,.08) 75%,transparent 100%)}}

/* Keep the welcoming team photo at its original proportions. */
.home-community__photo{min-height:0;height:auto}.home-community__photo img{height:auto;object-fit:contain}

.home-page .site-nav .site-brand{flex-basis:200px}
@media(max-width:700px){.home-page .site-nav .site-brand{flex-basis:145px}}

@font-face{font-family:Montserrat;src:url('/assets/montserrat-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.home-hero h1>span:first-child,.home-hero__preposition{font-weight:400}
.home-hero__image{filter:grayscale(1)}

/* Light navigation stays readable over the opening photograph. */
.home-page .site-nav .site-nav__links>a,.home-page .site-nav .site-nav__links>.nav-group>summary{color:#fffefa;text-shadow:0 1px 3px #0009}
.home-page .site-nav .site-brand .brand-logo img{filter:brightness(0) invert(1)}
.home-page .site-nav .menu-toggle span{background:#fffefa}
.home-page .home-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 180px),linear-gradient(90deg,rgba(255,254,250,.96) 0%,rgba(255,254,250,.85) 34%,rgba(255,254,250,.12) 74%,transparent 100%)}
@media(max-width:700px){.home-page .home-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 110px),linear-gradient(180deg,rgba(255,254,250,.96) 0%,rgba(255,254,250,.85) 42%,rgba(255,254,250,.08) 75%,transparent 100%)}}

.home-page .site-nav .site-brand .brand-logo img{filter:url(#ngc-logo-color)!important}