:root{--ink:#26242a;--muted:#706b73;--line:#ddd7d2;--paper:#fffdfa;--soft:#f5f2ef;--brand:#5c5960;--accent:#b48a78}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,92vw);margin:auto}
.topbar{background:#2a282d;color:#fff;padding:.55rem 0;font-size:.9rem}.topbar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:20;background:#fffdfaeF;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;gap:1rem}.brand{margin-right:auto}.brand img{width:180px}.navlinks{display:flex;gap:.3rem;flex-wrap:wrap}.navlinks a{text-decoration:none;padding:.55rem .7rem;border-radius:999px;font-weight:700}.navlinks a:hover{background:var(--soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid var(--brand);border-radius:999px;text-decoration:none;font-weight:800;background:white}.btn.primary{background:var(--brand);color:#fff}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}
.hero{min-height:72vh;display:grid;align-items:center;background:linear-gradient(90deg,rgba(28,25,31,.86),rgba(28,25,31,.28)),var(--hero) center/cover;color:#fff}.hero .inner{width:min(900px,92vw);margin:auto;padding:7rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.78rem}.hero h1,.page-hero h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.98;letter-spacing:-.04em;margin:.25em 0}.hero p{font-size:1.22rem;max-width:780px}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.3rem}
section{padding:4.7rem 0}.alt{background:var(--soft)}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section-head h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;margin:.1rem 0}.section-head p{max-width:640px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.25rem}.pillar{grid-column:span 3}.feature{grid-column:span 4}.team{grid-column:span 3;padding:0;overflow:hidden}.team img{width:100%;aspect-ratio:1;object-fit:cover}.team .pad,.atv-card .pad{padding:1rem 1.15rem}.atv-card{grid-column:span 4;padding:0;overflow:hidden}.atv-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.tag{display:inline-flex;background:var(--soft);padding:.25rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800}
.page-hero{padding:4.5rem 0 3rem;background:linear-gradient(180deg,var(--soft),white)}.page-hero h1{color:var(--ink);font-size:clamp(2.5rem,5vw,4.8rem)}
.notice{padding:1rem;border:1px solid #e5c99e;background:#fff6e8;border-radius:14px}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.3rem 0 2rem}.tab{padding:.65rem .8rem;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer}.tab.active{background:var(--brand);color:#fff}.form-panel{display:none}.form-panel.active{display:block}
form{display:grid;gap:1rem}.field{display:grid;gap:.35rem}.field label{font-weight:750}input,select,textarea{width:100%;padding:.8rem .9rem;border:1px solid #cfc8c3;border-radius:12px;font:inherit}textarea{min-height:120px}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.checks label{border:1px solid var(--line);padding:.6rem;border-radius:12px;background:#fff}.success{display:none;padding:1rem;border-radius:12px;background:#edf7f2;border:1px solid #b9d8ca}
.portal{display:grid;grid-template-columns:260px 1fr;gap:1rem}.sidebar,.portal-main{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem}.sidebar{height:max-content}.sidebar button{width:100%;text-align:left;padding:.7rem;border:0;background:transparent;border-radius:10px;font-weight:750;cursor:pointer}.sidebar button.active,.sidebar button:hover{background:var(--soft)}.module{display:none}.module.active{display:block}.list{display:grid;gap:.6rem}.list-item{padding:.8rem;border:1px solid var(--line);border-radius:12px}
footer{background:#27252a;color:#fff;padding:3rem 0}footer .col{grid-column:span 3}.small{font-size:.88rem;color:var(--muted)}
@media(max-width:900px){.navlinks{display:none}.pillar,.feature,.team,.atv-card{grid-column:span 6}.portal{grid-template-columns:1fr}footer .col{grid-column:span 6}}
@media(max-width:600px){.pillar,.feature,.team,.atv-card,footer .col{grid-column:span 12}.checks{grid-template-columns:1fr}.section-head{display:block}.brand img{width:145px}}

/* V1.1 — compact, mobile-first, Player Orion single-screen */
body{font-size:15px} h1{font-size:clamp(2rem,5vw,4.2rem)!important} .hero{min-height:58vh}.hero .inner{padding:4.5rem 0}.hero p{font-size:1.05rem}
section{padding:3.2rem 0}.section-head h2{font-size:clamp(1.7rem,3vw,2.8rem)}.card h3{font-size:1.05rem}.nav{min-height:68px}.brand img{width:145px}
.player-shell{width:min(1120px,94vw);margin:0 auto}.player-screen{background:#151419;border-radius:22px;overflow:hidden;min-height:430px;box-shadow:0 18px 50px rgba(0,0,0,.18);position:relative}
.player-stage{min-height:430px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#25222a,#111)}
.player-stage iframe{width:100%;height:430px;border:0}.player-stage img{width:100%;height:430px;object-fit:cover}.player-copy{padding:2rem;max-width:760px}
.player-strip{display:flex;gap:.65rem;overflow-x:auto;padding:.85rem 0;scrollbar-width:thin}.player-item{flex:0 0 165px;border:1px solid var(--line);border-radius:14px;background:white;padding:.75rem;cursor:pointer;text-align:left}.player-item strong{display:block;font-size:.9rem}.player-item span{font-size:.78rem;color:var(--muted)}
.bottom-nav{display:none}.map-frame{width:100%;height:390px;border:0;border-radius:18px}.login-card{width:min(460px,92vw);margin:4rem auto;background:white;border:1px solid var(--line);border-radius:22px;padding:1.4rem}.lock-note{font-size:.85rem;color:var(--muted)}
@media(max-width:760px){body{padding-bottom:68px}.topbar{display:none}.site-header .btn.accent{display:none}.nav{justify-content:center}.brand{margin:0}.hero{min-height:52vh}.hero .inner{padding:3.5rem 0}.bottom-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;height:64px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.bottom-nav a{text-align:center;text-decoration:none;font-size:.72rem;font-weight:750}.bottom-nav b{display:block;font-size:1.1rem}.player-screen,.player-stage{min-height:300px}.player-stage iframe,.player-stage img{height:300px}.player-item{flex-basis:140px}}

/* V1.2 — Communauté GREY */
.community-wrap{width:min(1180px,96vw);margin:1.2rem auto 5rem;display:grid;grid-template-columns:330px 1fr;height:calc(100vh - 105px);min-height:590px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}
.chat-list{border-right:1px solid var(--line);overflow:auto;background:#faf9f7}.chat-title,.chat-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem;border-bottom:1px solid var(--line)}.chat-search{width:calc(100% - 1.4rem);margin:.7rem;border-radius:999px}
.chat-row{width:100%;display:flex;align-items:center;gap:.8rem;padding:.8rem;border:0;border-bottom:1px solid #eee9e5;background:transparent;text-align:left;cursor:pointer}.chat-row:hover,.chat-row.active{background:white}.chat-row>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:white}.chat-row span{display:grid}.chat-row small,.chat-head small{display:block;color:var(--muted)}
.chat-main{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.messages{padding:1.1rem;overflow:auto;background:linear-gradient(#f7f4f1,#fbfaf8);display:flex;flex-direction:column;gap:.7rem}.message{max-width:72%;padding:.7rem .85rem;border-radius:14px;background:white;border:1px solid var(--line)}.message p{margin:.2rem 0}.message small{color:var(--muted)}.message.outgoing{align-self:flex-end;background:#efebe7}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;padding:.8rem;border-top:1px solid var(--line)}.composer input{border-radius:999px}.icon-btn{border:1px solid var(--line);background:white;border-radius:50%;width:38px;height:38px;cursor:pointer}.btn.mini{padding:.5rem .75rem;font-size:.82rem}
@media(max-width:760px){.community-wrap{width:100%;margin:0;height:calc(100vh - 132px);border-radius:0;border-left:0;border-right:0;grid-template-columns:112px 1fr}.chat-title strong{font-size:.78rem}.chat-title .icon-btn{display:none}.chat-search{display:none}.chat-row{padding:.6rem .35rem;display:grid;justify-items:center;text-align:center}.chat-row>b{width:34px;height:34px}.chat-row span strong{font-size:.7rem;line-height:1.1}.chat-row small{display:none}.message{max-width:88%;font-size:.9rem}.composer{grid-template-columns:1fr auto}.composer .icon-btn{display:none}}

/* =========================================================
   V1.3 — TYPOGRAPHIE COMPACTE + ESPACES MEMBRES VISIBLES
   Correctif prioritaire : les anciennes règles h1/h2 restaient trop grandes.
   ========================================================= */
html{font-size:15px}
body{font-size:.94rem;line-height:1.48}
h1{font-size:clamp(1.75rem,3vw,3rem)!important;line-height:1.02!important;letter-spacing:-.025em!important;margin:.2em 0 .35em!important}
h2{font-size:clamp(1.25rem,2.2vw,2rem)!important;line-height:1.12!important}
h3{font-size:1.02rem!important}
p{font-size:.94rem}
.page-hero{padding:2.2rem 0 1.5rem!important}
.page-hero p,.hero p{font-size:1rem!important;max-width:760px}
.hero{min-height:auto!important;padding:3rem 0!important}
.eyebrow{font-size:.72rem!important;letter-spacing:.08em}
.navlinks a{font-size:.82rem}
.btn{font-size:.82rem;padding:.62rem .9rem}
.card p,.card li,.module p,.module li{font-size:.88rem}
.player-copy h2{font-size:1.45rem!important}
.player-copy p{font-size:.9rem!important}
.player-item strong{font-size:.83rem}.player-item span{font-size:.72rem}
.chat-row span strong{font-size:.8rem}.chat-head strong{font-size:.88rem}
.message{font-size:.86rem}
.bottom-nav a{font-size:.66rem}
.bottom-nav b{font-size:1rem}

.member-hub{width:min(1120px,92vw);margin:1.2rem auto 3rem}
.member-hub-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}
.member-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border:1px solid var(--line);border-radius:15px;background:white;color:inherit;text-decoration:none;min-height:120px}
.member-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.06)}
.member-card b{font-size:.92rem}.member-card span{font-size:.78rem;color:var(--muted)}
.member-icon{font-size:1.35rem}
.quickbar{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.9rem}
.member-status{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .55rem;border:1px solid var(--line);border-radius:999px;font-size:.72rem}
.gps-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:.8rem 0}
.gps-tool{border:1px solid var(--line);border-radius:14px;padding:.8rem;background:white}
.gps-tool b{display:block;font-size:.83rem}.gps-tool span{font-size:.74rem;color:var(--muted)}
@media(max-width:900px){.member-hub-grid{grid-template-columns:repeat(2,1fr)}.gps-tools{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){html{font-size:14px}.member-hub-grid{grid-template-columns:1fr 1fr}.member-card{min-height:105px;padding:.8rem}.hero{padding:2rem 0!important}.page-hero{padding:1.5rem 0 1rem!important}}

/* V1.4 SOIR — contenus officiels + gestion Orion Asso */
.compact-section{padding:2rem 0}.crisis-hero{position:relative;overflow:hidden}.crisis-hero>img{width:100%;height:250px;object-fit:cover;filter:brightness(.55)}.crisis-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;color:white}.crisis-overlay h1{max-width:760px}.crisis-overlay p{max-width:720px}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0 2.2rem}.info-tile{border:1px solid var(--line);border-radius:14px;padding:1rem;display:grid;gap:.45rem}.info-tile b{font-size:.9rem}.info-tile span{font-size:.8rem;color:var(--muted)}.split-official{display:grid;grid-template-columns:1fr .85fr;gap:1.5rem;align-items:start;padding:2rem 0}.split-official img{width:100%;max-height:500px;object-fit:contain;border-radius:12px}.don-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:18px;padding:1.2rem;margin:1rem 0}.don-amounts{display:flex;gap:.5rem;flex-wrap:wrap}.don-amounts a{padding:.65rem .9rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:inherit}.donation-player{margin-bottom:2rem}
.admin-page{padding:1.5rem 0 4rem}.admin-grid{display:grid;grid-template-columns:190px 1fr;gap:1rem}.admin-menu{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;height:max-content}.admin-menu button{border:0;border-bottom:1px solid var(--line);background:white;text-align:left;padding:.7rem;font-size:.78rem}.admin-menu button.active{font-weight:700;background:#f2efeb}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.stats-row>div{border:1px solid var(--line);border-radius:12px;padding:.8rem;display:grid}.stats-row b{font-size:.82rem}.stats-row span{font-size:.72rem;color:var(--muted)}.office-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.office-card{border:1px solid var(--line);border-radius:14px;padding:.7rem;display:grid;gap:.3rem}.office-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.office-card b{font-size:.8rem}.office-card span,.office-card small{font-size:.7rem;color:var(--muted)}.add-card{place-content:center;text-align:center;min-height:160px}.add-card>span{font-size:2rem}.admin-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 1.5rem}.official-showcase{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center;padding:2rem 0}.official-showcase img{width:100%;border-radius:14px}
@media(max-width:800px){.four-grid{grid-template-columns:1fr 1fr}.split-official,.official-showcase{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-menu{display:grid;grid-template-columns:repeat(3,1fr)}.stats-row{grid-template-columns:1fr 1fr}.office-grid{grid-template-columns:repeat(2,1fr)}}