@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101010;--surface:#191919;--text:#f4f4f0;--muted:#aaa9a6;--accent:#f25129;--line:#343434;--heading:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-100px;left:16px;z-index:20;background:white;color:black;padding:12px}.skip:focus{top:12px}.header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #ffffff16;background:var(--bg);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;line-height:1}.brand>span{font:italic 700 33px Georgia,serif;letter-spacing:-1.5px}.brand small{display:block;font:600 10px/1.5 Arial,sans-serif;letter-spacing:5px;text-align:center;margin-top:5px}.header nav{display:flex;align-items:center;gap:29px;font-size:14px}.header nav>a:hover{color:var(--accent)}.nav-visit{border:1px solid #666;padding:12px 20px;display:flex;gap:26px}.menu-button{display:none}.hero{min-height:720px;position:relative;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 42%;z-index:-2;background:url('assets/comunidade.jpg') center 36%/cover no-repeat;opacity:.57;animation:photo-enter 1.8s ease-out both}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101010 16%,#101010e8 40%,#10101040 80%),linear-gradient(0deg,#101010 0%,transparent 38%)}.hero-inner{padding:84px 5.5% 28px;max-width:1440px;margin:auto}.eyebrow{font-size:13px;font-weight:600;letter-spacing:2.3px;line-height:1.5;margin:0 0 24px;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(64px,6.4vw,104px)/.98 var(--heading);letter-spacing:-1.8px;text-transform:uppercase;margin-bottom:30px;animation:text-enter .85s ease-out both}em{font-style:normal;color:var(--accent)}.hero-description{max-width:400px;font-size:17px;color:#ccc;line-height:1.7}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:55px;padding:15px 24px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.orange{background:var(--accent);color:#101010}.orange:hover{background:#ff714c}.light{background:var(--text);color:var(--bg)}.light:hover{background:#ddd}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid #555;padding-bottom:5px;display:inline-block}.text-link:hover{color:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:64px;border-top:1px solid #ffffff25;padding-top:22px;font-size:13px;letter-spacing:1.5px;max-width:620px}.hero-bottom b{margin-left:16px;font-size:18px}.photo-caption{position:absolute;right:5.5%;bottom:60px;writing-mode:vertical-rl;font-size:12px;letter-spacing:3px;text-transform:uppercase}.event-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 5.5%;background:var(--accent);color:#15100f;font-size:13px;letter-spacing:1px}.event-strip b{font-weight:800;margin-left:14px}.event-strip:hover{background:#ff714c}.section{padding:112px max(5.5%,calc((100% - 1440px)/2 + 5.5%));margin:0 auto}.family{display:grid;grid-template-columns:1fr 1.05fr;gap:90px}h2{font:700 clamp(48px,4.6vw,72px)/1.04 var(--heading);text-transform:uppercase;letter-spacing:-.8px;margin-bottom:30px}.family-copy{max-width:570px;color:var(--muted)}.large-copy{font-size:24px;line-height:1.5;color:var(--text)}.values{display:flex;gap:28px;margin:32px 0;color:var(--text);font-size:14px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.visit{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);align-items:center}.visit-photo{position:relative;max-width:480px}.visit-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}.visit-photo>span{display:block;background:var(--accent);color:#101010;padding:16px 20px;font-size:12px;font-weight:700;letter-spacing:2px}.visit>div>p:not(.eyebrow){color:var(--muted);max-width:460px}.service{padding:26px 0;margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service>span{font-size:12px;letter-spacing:2px;color:var(--muted)}.service>div{font:600 38px var(--heading);display:flex;gap:65px;align-items:center;margin-top:10px}.service b{color:var(--accent);font-weight:700}.address{font-size:16px}.altar-section{display:grid;grid-template-columns:1.25fr 1fr;background:linear-gradient(125deg,#a62112,#f15a1c);overflow:hidden;align-items:center}.altar-copy{padding:80px max(7vw,24px);max-width:800px}.altar-copy .eyebrow{color:#ffe3ce}.altar-copy h2{font:800 clamp(100px,12vw,185px)/.8 var(--heading);letter-spacing:-4px;margin:35px 0}.altar-copy h2>span{display:block;font:600 20px 'DM Sans',sans-serif;letter-spacing:7px;margin-top:20px}.altar-date{font-weight:700;letter-spacing:1.5px;margin:34px 0 24px}.altar-copy>p:not(.eyebrow):not(.altar-date):not(.event-note){max-width:430px;color:#ffe6df}.event-note{font-size:13px;color:#ffd4c4;margin-top:16px;margin-bottom:0}.altar-poster{display:block;padding:45px 9% 45px 0}.altar-poster img{width:100%;max-width:450px;margin:auto;transform:rotate(3deg);box-shadow:0 24px 70px #45100970;transition:transform .35s}.altar-poster:hover img{transform:rotate(0deg)}.pastoral{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid var(--line)}.pastor-card{display:flex;align-items:flex-start;gap:26px}.pastor-card>img{width:105px;height:105px;object-fit:cover;filter:grayscale(100%);flex-shrink:0}.pastor-card .eyebrow{margin-bottom:8px}.pastor-card h3{font:600 32px var(--heading);margin-bottom:15px}.pastor-card p:not(.eyebrow){color:var(--muted)}.school{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.school-mark{min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--line);background:var(--surface);text-align:center}.school-mark>p{font-size:12px;letter-spacing:4px;margin:20px 0 0}.school-mark strong{font:italic 46px Georgia,serif;letter-spacing:-1px}.school>div>p:not(.eyebrow){color:var(--muted);max-width:470px}footer{padding:50px 5.5%;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center}footer p{font-size:14px;color:var(--muted);margin:0;justify-self:center}footer>a:not(.brand){font-size:14px}footer>small{grid-column:1/-1;color:var(--muted);font-size:12px}.reveal{animation:text-enter .8s ease-out both}@keyframes text-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-enter{from{transform:scale(1.055);opacity:0}to{transform:scale(1);opacity:.57}}@media(min-width:1600px){.hero-inner{padding-left:0;padding-right:0}}@media(max-width:1000px){.header nav{gap:17px}.nav-visit{display:none!important}.family,.visit,.pastoral,.school{gap:45px}.section{padding-top:80px;padding-bottom:80px}.hero{min-height:680px}.hero-inner{padding-top:75px}.hero-photo{left:30%}.photo-caption{display:none}.event-strip>span:last-child{display:none}}@media(max-width:650px){html{scroll-padding-top:100px}.header{height:84px}.brand>span{font-size:28px}.brand img{width:36px}.menu-button{display:flex;gap:15px;align-items:center;background:transparent;color:var(--text);border:1px solid #555;padding:8px 13px;font-size:14px}.header nav{display:none;position:absolute;top:83px;left:0;right:0;padding:24px 5.5%;background:var(--surface);flex-direction:column;align-items:stretch;border-bottom:1px solid #555}.header nav.open{display:flex}.header nav a{padding:8px}.hero{min-height:650px}.hero-inner{padding-top:66px}.hero-photo{left:0;opacity:.35;background-position:center}.hero:before{background:linear-gradient(90deg,#101010e8,#10101080),linear-gradient(0deg,#101010,transparent 75%)}h1{font-size:clamp(55px,12vw,78px);line-height:1.03;letter-spacing:-1px}.eyebrow{font-size:12px;letter-spacing:1.7px}.hero-description{font-size:16px;max-width:310px}.actions{flex-wrap:wrap;gap:22px}.hero-bottom{margin-top:48px;font-size:11px;letter-spacing:1px}.hero-bottom b{font-size:16px;margin-left:8px}.event-strip{align-items:flex-start;flex-direction:column;gap:6px;font-size:11px;padding-top:20px;padding-bottom:20px}.event-strip b{margin-left:8px}.section{padding:65px 6%}.family,.visit,.pastoral,.school{grid-template-columns:1fr;gap:30px}h2{font-size:52px;margin-bottom:20px}.large-copy{font-size:22px}.values{gap:23px}.visit-photo{max-width:none}.visit-photo img{aspect-ratio:5/4;object-position:50% 30%}.altar-section{grid-template-columns:1fr}.altar-copy{padding:60px 6% 20px}.altar-copy h2{font-size:128px}.altar-poster{padding:20px 12% 65px}.altar-poster img{max-width:340px}.pastor-card>img{width:85px;height:85px}.pastor-card{gap:20px}.school-mark{min-height:250px}.school-mark strong{font-size:40px}footer{grid-template-columns:1fr auto;padding:40px 6%;gap:22px}footer p{grid-column:1/-1;grid-row:2;justify-self:start}footer>small{grid-row:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-photo{opacity:.57}}


/* Visão da igreja e apresentação da equipe pastoral. */
.family{grid-template-columns:1fr 1.15fr;column-gap:70px;row-gap:48px;align-items:center}
.family-intro>p:not(.eyebrow),.pastoral-intro>p:not(.eyebrow){color:var(--muted);max-width:410px}
.family-intro .text-link{margin-top:12px}
.family-vision{padding:32px 36px;background:var(--surface);border-left:4px solid var(--accent)}
.vision-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.vision-label .eyebrow{margin:0;font-size:14px}
.family-vision blockquote{margin:0;font:600 clamp(34px,3.3vw,50px)/1.12 var(--heading);text-transform:uppercase;letter-spacing:-.3px}
.family-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-top:32px;border-top:1px solid var(--line)}
.family-values h3{font:600 28px/1.2 var(--heading);color:var(--accent);margin-bottom:10px}
.family-values p{color:var(--muted);max-width:330px;margin-bottom:0}
.pastoral{align-items:center}
.pastor-list{display:grid;gap:28px}
.pastor-list .pastor-card{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.institute{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.institute h2{margin-bottom:0}
.institute-copy>p{color:var(--muted);max-width:460px}
.institute-copy .institute-mission{font-size:24px;line-height:1.4;color:var(--text);margin-bottom:18px}
.social-links{display:flex;gap:24px;font-size:14px}
.social-links a:hover{color:var(--accent)}
@media(max-width:1250px){.header .nav-visit{display:none}.header nav{gap:20px}}
@media(max-width:900px){.header{height:84px}.menu-button{display:flex;gap:15px;align-items:center;background:transparent;color:var(--text);border:1px solid #555;padding:8px 13px;font-size:14px}.header nav{display:none;position:absolute;top:83px;left:0;right:0;padding:24px 5.5%;background:var(--surface);flex-direction:column;align-items:stretch;border-bottom:1px solid #555}.header nav.open{display:flex}.header nav a{padding:8px}.family{column-gap:35px}.family-vision{padding:28px}.family-values{gap:24px}.institute{gap:40px}}
@media(max-width:650px){.family{grid-template-columns:1fr;gap:30px}.family-vision{padding:26px}.family-vision blockquote{font-size:36px}.vision-label{margin-bottom:24px}.family-values{grid-template-columns:1fr;gap:22px;padding-top:26px}.family-values>div+div{padding-top:22px;border-top:1px solid var(--line)}.family-values p{max-width:none}.institute{grid-template-columns:1fr;gap:24px}.institute-copy .institute-mission{font-size:22px}.social-links{gap:18px}footer .social-links{justify-self:end}}


@media(max-width:900px){html{scroll-padding-top:100px}.header nav{max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain}}

/* A foto do culto fica alinhada à tela e aparece nas áreas escuras. */
.section,footer{position:relative;isolation:isolate;clip-path:inset(0)}
.section::before,footer::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#10101088,#101010b3),url('assets/culto-primazia.jpg') center 42%/cover no-repeat;opacity:.65}
@media(max-width:650px){.section::before,footer::before{background-position:center,center 42%;opacity:.5}}

.header .brand-official{flex-shrink:0}
.header .brand-official img{width:220px;height:auto}
@media(max-width:650px){.header .brand-official img{width:clamp(145px,46vw,180px)}}

footer .brand-official img{width:220px;height:auto}
@media(max-width:650px){footer .brand-official img{width:clamp(110px,36vw,160px)}}