
:root{--bg:#f3f0e9;--paper:#fffdf9;--ink:#18232d;--muted:#6c7882;--navy:#1e2d3a;--brick:#ad573d;--sand:#d9c7af;--line:#d9d3c9;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none} button{font:inherit} .wrap{width:min(1180px,86vw);margin:auto}
header{height:76px;position:sticky;top:0;z-index:30;background:rgba(243,240,233,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.07)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;width:min(1320px,90vw);margin:auto}
.brand{display:flex;align-items:center;gap:13px;font-weight:850} .mark{width:43px;height:43px;background:var(--navy);color:white;display:grid;place-items:center;font:600 22px Georgia}
nav{display:flex;gap:22px;font-size:13px;font-weight:760} nav a:hover{color:var(--brick)} .hamb{display:none;border:0;background:none;font-size:26px}
.hero{min-height:74vh;display:grid;grid-template-columns:1.08fr .92fr;border-bottom:1px solid var(--line)}
.hero-copy{padding:8vw 4vw 7vw 7vw;display:flex;flex-direction:column;justify-content:center} .eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brick);font-weight:850;margin-bottom:20px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500} h1{font-size:clamp(58px,7.4vw,110px);line-height:.91;letter-spacing:-.045em;margin:0}
.hero-copy>p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.68;margin:28px 0 32px} .actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{border:1px solid var(--navy);padding:14px 18px;font-size:13px;font-weight:800;background:transparent;cursor:pointer} .btn.dark{background:var(--navy);color:#fff} .btn.light{border-color:#fff;color:#fff}
.hero-photo{position:relative;background:linear-gradient(180deg,rgba(12,20,28,.05),rgba(12,20,28,.34)),url('../images/fpma-actualite.jpg') center/cover}
.today{position:absolute;left:-74px;bottom:40px;background:#fff;width:390px;padding:28px;border-top:4px solid var(--brick);box-shadow:0 18px 50px #0002}
.today small,.meta{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--brick);font-weight:850} .today h3{font-size:27px;margin:9px 0} .today p{margin:0;color:var(--muted);line-height:1.5}
.jump{display:grid;grid-template-columns:repeat(5,1fr);background:var(--navy);color:white} .jump a{padding:20px 24px;border-right:1px solid #ffffff18;font-weight:800;font-size:13px} .jump span{display:block;color:#aeb8c0;font-weight:500;font-size:11px;margin-top:4px}
.section{padding:82px 0} .section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px} .section-head h2{font-size:clamp(40px,5vw,66px);letter-spacing:-.03em;margin:0} .section-head p{max-width:540px;color:var(--muted);line-height:1.6;margin:0}
.news{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px} .card{background:var(--paper);border:1px solid var(--line);padding:26px;min-height:220px} .card.main{min-height:360px;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:end} .card h3{font-size:28px;margin:10px 0} .card.main h3{font-size:42px} .card p{color:var(--muted);line-height:1.6} .card.main p{color:#c1cbd2}
.weekly{background:#ddd5ca;display:grid;grid-template-columns:.9fr 1.1fr} .weekly-left{padding:76px 7vw} .weekly-left h2{font-size:58px;margin:0 0 14px} .verse{font:italic 24px/1.5 Georgia;color:#4d5052;border-left:3px solid var(--brick);padding-left:20px;margin:26px 0}
.details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#bfb5a8;margin:28px 0} .detail{background:#eee8df;padding:16px} .detail small{display:block;color:#7a736c;text-transform:uppercase;font-size:10px;letter-spacing:.12em} .detail strong{display:block;margin-top:6px}
.weekly-right{padding:76px 6vw;background:#cec0ad;display:flex;flex-direction:column;justify-content:center} .weekly-right h3{font-size:37px;margin:0 0 10px}
.podrow{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;border-top:1px solid #a99d90;padding:14px 0} .play{width:42px;height:42px;border:0;background:var(--navy);color:white;cursor:pointer} .podtitle{font-weight:760} .podmeta{font-size:12px;color:#726a62;margin-top:3px} .podtype{font-size:10px;letter-spacing:.1em;border:1px solid #998d81;padding:5px 7px}
.church-tools{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px} .locate{background:var(--navy);color:white;padding:34px} .locate h3{font-size:35px;margin:0 0 12px} .locate p{color:#bac5cd;line-height:1.6} .results{background:var(--paper);border:1px solid var(--line);padding:25px;min-height:260px;max-height:430px;overflow:auto}
.church{padding:15px 0;border-bottom:1px solid var(--line)} .church:last-child{border:0} .church strong{font-size:17px} .church small{display:block;color:var(--muted);margin-top:4px} .distance{color:var(--brick);font-weight:800}
.regions{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:22px} .region{background:var(--paper);padding:26px;min-height:150px} .region h3{font-size:27px;margin:24px 0 0}
.national{background:var(--navy);color:#fff} .national .section-head p{color:#b8c2ca} .sections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff20;border:1px solid #ffffff20}
.sampana{padding:30px;min-height:190px;background:#243542;display:flex;flex-direction:column;justify-content:space-between} .sampana .num{color:#d2aa96;font-size:11px;letter-spacing:.14em} .sampana h3{font-size:25px;margin:18px 0 0}
.v3m{display:grid;grid-template-columns:1.25fr .75fr;background:var(--brick);color:#fff} .v3m-copy{padding:70px 7vw} .v3m h2{font-size:61px;margin:0 0 18px} .v3m p{max-width:680px;line-height:1.65;color:#f6ded5} .v3m-stat{background:#95472f;padding:55px;display:flex;flex-direction:column;justify-content:center} .big{font:500 80px Georgia} .v3m-stat span{color:#f0cabe}
.prayer{display:grid;grid-template-columns:1fr 1fr} .prayer-day{background:#d6c4ad;padding:58px 7vw} .prayer-day h2{font-size:52px;margin:0 0 12px} .prayer-form{background:var(--paper);padding:58px 6vw} .prayer-form h3{font-size:36px;margin:0 0 18px} .field{width:100%;padding:12px;border:1px solid var(--line);background:#fff;margin-bottom:10px} textarea.field{min-height:100px;resize:vertical}
.media{display:grid;grid-template-columns:1.1fr .9fr} .radio{background:#111a21;color:white;padding:58px 7vw} .radio h2,.bible h2{font-size:50px;margin:0 0 12px} .radio p{color:#aebac2} .player{margin-top:26px;background:#1d2a34;padding:18px;display:flex;align-items:center;gap:14px} .player .round{width:52px;height:52px;border-radius:50%;background:var(--brick);display:grid;place-items:center}
.bible{background:var(--sand);padding:58px 6vw;display:flex;flex-direction:column;justify-content:center}
.resources{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .resource{background:var(--paper);border-top:3px solid var(--navy);padding:28px;min-height:210px} .resource h3{font-size:27px}
.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .app{background:var(--paper);border:1px solid var(--line);padding:28px;min-height:170px} .app h3{font-size:26px}
footer{background:#0f171d;color:white;padding:54px 0 28px} .foot{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:44px} footer p,footer a{color:#aab5bd;line-height:1.7} footer h3{font-size:33px;margin-top:0} .links{display:grid;gap:7px} .copy{border-top:1px solid #ffffff1c;margin-top:35px;padding-top:18px;color:#77838b;font-size:12px}
@media(max-width:980px){nav{display:none}.hamb{display:block}.hero{grid-template-columns:1fr}.hero-photo{min-height:500px}.today{left:7vw}.jump{grid-template-columns:1fr 1fr}.news{grid-template-columns:1fr 1fr}.card.main{grid-column:1/-1}.weekly,.church-tools,.v3m,.prayer,.media{grid-template-columns:1fr}.sections-grid{grid-template-columns:1fr 1fr}.resources{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}header{height:68px}.hero-copy{padding:56px 20px}h1{font-size:58px}.hero-photo{min-height:430px}.today{left:20px;right:20px;width:auto}.jump{grid-template-columns:1fr}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:14px}.news{grid-template-columns:1fr}.card.main{grid-column:auto}.weekly-left,.weekly-right,.prayer-day,.prayer-form,.radio,.bible{padding:50px 20px}.weekly-left h2,.v3m h2{font-size:45px}.details{grid-template-columns:1fr}.regions,.sections-grid,.resources,.apps{grid-template-columns:1fr}.v3m-copy{padding:55px 20px}.v3m-stat{padding:40px 20px}.foot{grid-template-columns:1fr}}
