/* Homepage visual reference: visitonecc.com. City of Praise content and assets. */
body.reference-home{--font-head:'Poppins',sans-serif;--font-display:'Poppins',sans-serif;--navy-900:#212121;--navy-800:#212121;--nav-black:#111;--ink-900:#212121;--gold-500:#555;--gold-400:#ddd;background:#fff;color:#212121;font-family:'Poppins',sans-serif}
body.reference-home h1,body.reference-home h2,body.reference-home h3{font-family:'Poppins',sans-serif;color:#212121;letter-spacing:-.035em}
body.reference-home .site-header,body.reference-home .site-footer{background:#111}
body.reference-home .nav-wrap{width:100%;min-height:80px;padding:10px 40px;max-width:none;margin:0}
body.reference-home .brand-name{font-size:1.3rem}body.reference-home .brand-mark{width:54px;height:54px}body.reference-home .brand-name em{color:#fff}body.reference-home .brand-name:after{background:#fff}
.reference-home .brand:has(.brand-logo-unified){padding:0;background:transparent;border-radius:0;flex:0 0 auto}
.brand-logo-unified{display:block;width:255px;height:58px;object-fit:contain;filter:brightness(1.38) saturate(1.06) drop-shadow(0 2px 5px rgba(0,0,0,.42))}
.brand-logo-footer{width:315px;height:90px;filter:brightness(1.46) saturate(1.04) drop-shadow(0 3px 7px rgba(0,0,0,.5))}
body.reference-home .main-nav{gap:32px}body.reference-home .main-nav>a,body.reference-home .nav-dropdown>a{font-size:.82rem;text-transform:none;letter-spacing:0}body.reference-home .main-nav>a.active,body.reference-home .main-nav a:hover{color:#fff}body.reference-home .hp-nav-expand{color:#fff}body.reference-home .dropdown-menu{background:#181818;border-top-color:#fff}
body.reference-home .main-nav>a:after,body.reference-home .nav-dropdown>a:after{background:#fff}body.reference-home .main-nav.open{background:#111}
.ref-container{width:min(1080px,calc(100% - 48px));margin:auto}.ref-section{padding:70px 0}.ref-heading{text-align:center;margin:0 auto 42px;max-width:850px}.ref-heading h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 16px}.ref-heading p{font-size:.88rem;line-height:1.7;margin:0}.ref-eyebrow{display:block;font-size:.83rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.ref-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px}
body.reference-home .ref-button,body.reference-home a.btn{font-family:'Poppins',sans-serif;font-size:.73rem;line-height:1.5;font-weight:600;letter-spacing:.015em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#212121;color:#fff;border:1.5px solid #212121;border-radius:50px;padding:12px 23px;min-height:44px;cursor:pointer;text-align:center;max-width:100%;white-space:normal;transition:background .18s,color .18s}
body.reference-home .ref-button:hover{background:#444;border-color:#444}body.reference-home .ref-button-white{background:#fff;color:#212121;border-color:#fff}body.reference-home .ref-button-outline{background:transparent;color:#fff;border-color:#fff}body.reference-home .ref-button-outline:hover{background:white;color:#212121}body.reference-home .ref-button-line{background:transparent;color:#212121}body.reference-home .ref-button-line:hover{background:#212121;color:white}
.ref-hero{position:relative;height:670px;max-height:calc(100svh - 80px);min-height:500px;display:grid;place-items:center;text-align:center;isolation:isolate;overflow:hidden}.ref-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2}.ref-hero-shade{position:absolute;inset:0;background:#0005;z-index:-1}.ref-hero-copy{padding:30px 20px;width:100%}.ref-hero .ref-eyebrow{color:white;font-size:1rem;margin-bottom:18px}.reference-home .ref-hero h1{font-size:clamp(3.3rem,6vw,5.25rem);color:#fff;font-weight:700;line-height:1.18;letter-spacing:-.045em;margin:0}.ref-hero .ref-button{min-height:52px;font-size:.83rem;padding:13px 26px}.ref-hero .ref-actions{margin-top:28px}.ref-service-line{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;padding:18px 24px;border-bottom:1px solid #eee;font-size:.73rem}.ref-service-line p{margin:0}.ref-service-line span{margin-left:12px;color:#666}.ref-service-line a{font-weight:600;text-decoration:underline;min-height:36px;display:inline-flex;align-items:center}
.ref-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.ref-card{background:white;padding:20px;border-radius:20px;box-shadow:0 20px 70px #0000000e;display:flex;flex-direction:column}.ref-card-image{display:block;overflow:hidden;border-radius:12px;aspect-ratio:1.05}.ref-card-image img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.ref-card:hover img{transform:scale(1.025)}.ref-card-copy{padding-top:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.ref-card h3{font-size:1.13rem;font-weight:600;margin:0 0 14px;line-height:1.4}.ref-card p{font-size:.82rem;line-height:1.85;margin-bottom:18px;flex:1}.ref-card .ref-button{font-size:.65rem;padding:9px 17px}.ref-discover{padding-bottom:85px}
body.reference-home .community-section{padding-top:35px;padding-bottom:75px}body.reference-home .hp-heading{text-align:center;margin-bottom:38px}body.reference-home .hp-heading h2{font-size:clamp(1.7rem,3vw,2.5rem)}body.reference-home .hp-heading p{font-size:.88rem;color:#333}body.reference-home .community-carousel-wrap{width:100%;max-width:none;padding:0 24px}body.reference-home .community-carousel{gap:12px}body.reference-home .community-tile{flex:0 0 calc((100% - 36px)/4);height:320px;border-radius:10px}body.reference-home .community-tile span{font-weight:500;font-size:1.7rem;letter-spacing:.015em;text-transform:uppercase}body.reference-home .community-tile.is-current{box-shadow:none}body.reference-home .carousel-arrow{background:#fff;color:#222;width:44px;height:44px;box-shadow:0 2px 12px #0003}body.reference-home .carousel-arrow.prev{left:12px}body.reference-home .carousel-arrow.next{right:12px}body.reference-home .community-carousel-meta{font-size:.72rem}body.reference-home .community-autoplay{color:#333;border-color:#ccc;background:white}
.ref-dark{background:#111;margin:0 12px;border-radius:22px 22px 0 0;padding:65px 0 0;position:relative}.ref-dark:after{content:'';position:absolute;left:0;right:0;bottom:-34px;height:65px;background:white;clip-path:polygon(0 0,100% 70%,100% 100%,0 100%);pointer-events:none}.ref-devotional{background:white;border-radius:20px;padding:28px 22px;text-align:center;margin-bottom:100px}.ref-devotional .ref-heading{margin-bottom:24px}.ref-devotional .ref-heading h2{font-size:clamp(1.6rem,2.6vw,2.25rem)}.ref-devotional-content{display:grid;grid-template-columns:1.15fr 1fr;background:#f4f4f4;text-align:left;border-radius:12px;overflow:hidden;min-height:340px;margin-bottom:22px}.ref-devotional-content img{width:100%;height:100%;object-fit:cover;max-height:380px}.ref-devotional-content>div{align-self:center;padding:36px}.ref-devotional-content h3{font-size:1.75rem;line-height:1.3;margin:16px 0}.ref-devotional-content p{font-size:.9rem;line-height:1.8}.ref-devotional-content .ref-eyebrow{font-size:.7rem}.reference-home .ref-heading-light h2,.ref-heading-light p{color:white}.ref-involved{position:relative;z-index:1;margin-bottom:-15px}.ref-involved .ref-card{text-align:center}.ref-involved .ref-card-copy{align-items:center}
.ref-sermons{padding-top:100px}.ref-sermons .ref-container{width:min(960px,calc(100% - 48px))}.ref-sermons .ref-heading{margin-bottom:30px}.ref-sermons .ref-heading h2{font-size:clamp(2rem,3vw,2.5rem)}.ref-sermons .ref-actions{margin-top:18px}.ref-sermon-video{border-radius:20px;overflow:hidden;aspect-ratio:16/9;width:100%;background:#161616}.ref-sermon-video img{width:100%;height:100%;object-fit:cover}.ref-sermon-video iframe{width:100%;height:100%;border:0}.reference-home .recent-message-grid{margin:22px auto 0;gap:16px}.reference-home .recent-message-card{box-shadow:none;border-radius:10px}.reference-home .recent-message-card.is-active{border-color:#222;box-shadow:inset 0 -2px #222}.ref-status{font-size:.72rem;color:#666;margin-top:20px;text-align:center}
.ref-pastors{background:#f7f7f7;margin:20px auto;width:min(1080px,calc(100% - 48px));overflow:hidden}.ref-pastor-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:35px 45px 0}.ref-pastor-image{align-self:end}.ref-pastor-image img{width:100%;height:390px;object-fit:contain;object-position:center bottom}.ref-pastor-grid>div:last-child{padding-bottom:35px}.ref-pastor-grid h2{font-size:2.3rem;line-height:1.2;margin:16px 0 22px}.ref-pastor-grid p{font-size:.87rem;line-height:1.9}.ref-pastor-grid .ref-eyebrow{font-size:.75rem}.ref-connected{position:relative;background:linear-gradient(175deg,white 35%,#111 35%);margin:0 12px;border-radius:0 0 20px 20px}.ref-connected-panel{background:#f7f7f7;border-radius:20px;text-align:center;padding:65px 50px}.ref-connected-panel h2{font-size:2.25rem}.ref-connected-panel p{max-width:730px;margin:20px auto;font-size:.88rem;line-height:1.8}
body.reference-home .site-footer{margin-top:12px;padding-top:55px;color:#ddd}body.reference-home .site-footer p,body.reference-home .site-footer li{font-size:.78rem}body.reference-home .site-footer h4{color:#fff}body.reference-home .footer-grid{gap:50px}body.reference-home .footer-bottom{font-size:.7rem}body.reference-home .site-footer .btn{background:white;color:#222;border-color:white;border-radius:50px}.hp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.reference-home :focus-visible{outline:3px solid #ac8028;outline-offset:4px}
@media(max-width:1200px){body.reference-home .main-nav{gap:22px}body.reference-home .main-nav>a,body.reference-home .nav-dropdown>a{font-size:.76rem}body.reference-home .main-nav.open{background:#111}body.reference-home .nav-wrap{min-height:80px;padding-inline:24px}.ref-hero{height:600px}}
@media(max-width:760px){body.reference-home .nav-wrap{padding:12px 20px}body.reference-home .brand-name{font-size:1.13rem}.brand-logo-unified{width:175px;height:46px}.brand-logo-footer{width:245px;height:72px}.ref-container{width:calc(100% - 36px)}.ref-section{padding:45px 0}.ref-hero{height:520px;min-height:470px;max-height:none}.ref-hero .ref-eyebrow{font-size:.7rem}.reference-home .ref-hero h1{font-size:clamp(2.55rem,9.5vw,3.6rem)}.ref-hero .ref-actions{gap:10px}.ref-hero .ref-button{font-size:.65rem;min-height:46px;padding:12px 18px}.ref-service-line{gap:5px;font-size:.66rem;text-align:center;padding:15px 18px}.ref-service-line span{display:block;margin:5px 0 0}.ref-heading{margin-bottom:28px}.ref-heading p{font-size:.8rem}.ref-card-grid{grid-template-columns:1fr;gap:24px}.ref-card{padding:18px;max-width:480px;width:100%;margin:auto;border-radius:16px}.ref-card-image{aspect-ratio:1.35}.ref-card-copy{padding-top:18px}.ref-card h3{font-size:1.2rem}.ref-card p{font-size:.86rem}body.reference-home .community-carousel-wrap{padding:0 18px}body.reference-home .community-tile{flex-basis:78%;height:300px}body.reference-home .community-tile span{font-size:1.45rem}.ref-dark{margin:0 6px;padding-top:30px;border-radius:14px 14px 0 0}.ref-devotional{padding:22px 15px;margin-bottom:55px}.ref-devotional-content{grid-template-columns:1fr;min-height:0}.ref-devotional-content img{height:230px}.ref-devotional-content>div{padding:24px}.ref-devotional-content h3{font-size:1.5rem}.ref-involved{padding-bottom:20px}.ref-dark:after{bottom:-45px}.ref-sermons{padding-top:70px}.reference-home .recent-message-grid{grid-template-columns:1fr}.reference-home .recent-message-card{grid-template-columns:110px 1fr}.ref-pastors{width:calc(100% - 36px);margin-top:0}.ref-pastor-grid{padding:30px 24px 0;grid-template-columns:1fr;gap:20px}.ref-pastor-image{order:2}.ref-pastor-image img{height:320px}.ref-pastor-grid>div:last-child{padding-bottom:0;text-align:center}.ref-pastor-grid h2{font-size:1.9rem}.ref-connected{margin:0 6px}.ref-connected-panel{padding:35px 22px;border-radius:12px}.ref-connected-panel h2{font-size:1.7rem}.ref-connected-panel p{font-size:.85rem}body.reference-home .site-footer .footer-grid{gap:30px}.ref-button{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){body.reference-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.reference-home .carousel-arrow,body.reference-home .carousel-arrow:hover,body.reference-home .carousel-arrow:active{transform:translateY(-50%);z-index:10}body.reference-home section[id]{scroll-margin-top:105px}@media(prefers-reduced-motion:reduce){html:has(body.reference-home){scroll-behavior:auto}}

/* A single looping background film, matching the reference's hero behavior. */
.ref-film-poster,.ref-hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2;pointer-events:none}
.ref-hero-film{opacity:0;transition:opacity .4s ease}.film-ready .ref-hero-film{opacity:1}
.ref-film-toggle{position:absolute;right:24px;bottom:22px;width:44px;height:44px;min-height:44px;border:1px solid #ffffffa6;border-radius:50%;background:#0004;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}
.ref-film-toggle span{width:12px;height:15px;border-left:4px solid white;border-right:4px solid white}
.ref-film-toggle.is-paused span{width:0;height:0;border:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid white;margin-left:3px}
.ref-film-toggle:hover{background:#0008}.reference-home .ref-hero-copy{padding:30px 20px}
@media(max-width:760px){.ref-film-toggle{right:auto;left:16px;bottom:16px}}
@media(max-height:900px){.ref-film-toggle{right:auto;left:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.ref-hero-film{transition:none}}

/* Keep faces in the upper focal area when the wide hero crops the 16:9 film. */
@media(max-width:1200px){.ref-film-poster,.ref-hero-film{object-position:center 36%}}
@media(max-width:760px){.ref-film-poster,.ref-hero-film{object-position:center 40%}}

/* Original rotating City of Praise messages over the hero film. */
.ref-rotating-title span{display:inline-block;transition:opacity .38s ease,transform .38s ease}
.ref-rotating-title.is-changing span{opacity:0;transform:translateY(14px)}
@media(prefers-reduced-motion:reduce){.ref-rotating-title span{transition:none}.ref-rotating-title.is-changing span{opacity:1;transform:none}}
@media(max-width:760px){.brand-logo-unified{width:190px;height:46px}.brand-logo-footer{width:265px;height:78px}}

/* Compact transparent logo lockup; navigation concept remains unchanged. */
.brand-integrated{display:flex;align-items:center;gap:11px;flex:0 0 auto;color:#fff}
.brand-integrated-seal{width:50px;height:50px;flex:0 0 50px}
.brand-integrated-seal img{display:block;width:100%;height:100%;object-fit:contain}
.brand-integrated-divider{width:1px;height:42px;background:rgba(255,255,255,.58)}
.brand-integrated-copy{display:flex;flex-direction:column;line-height:1;white-space:nowrap;color:#fff}
.brand-integrated-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:1.35rem;font-weight:500;letter-spacing:-.04em;text-transform:uppercase}
.brand-integrated-copy strong small{font-size:.48em;font-weight:400}
.brand-integrated-copy em{margin-top:5px;font-family:'Montserrat',sans-serif;font-size:.47rem;font-style:normal;font-weight:500;letter-spacing:.36em;text-align:center;text-transform:uppercase;color:#d8d8d8}
@media(max-width:760px){.brand-integrated{gap:8px}.brand-integrated-seal{width:44px;height:44px;flex-basis:44px}.brand-integrated-divider{height:36px}.brand-integrated-copy strong{font-size:1.08rem}.brand-integrated-copy em{font-size:.4rem;letter-spacing:.27em}}

/* Supplied white-and-gold transparent lockup on the existing dark navigation. */
.brand-gold-lockup{display:flex;align-items:center;flex:0 0 auto}
.brand-logo-gold{display:block;width:180px;height:60px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 5px rgba(0,0,0,.38))}
.brand-logo-gold-footer{width:315px;height:90px;filter:drop-shadow(0 3px 7px rgba(0,0,0,.48))}
@media(max-width:760px){.brand-logo-gold{width:150px;height:50px}.brand-logo-gold-footer{width:265px;height:78px}}