:root{--orange:#e0a570;--blue:#bcdff7;--blueDark:#2f6f9f;--ink:#111827;--muted:#4b5563;--bg:#ffffff;--alt:#f7fafc;--card:#ffffff;--border:rgba(17,24,39,.10);--shadow:0 18px 40px rgba(17,24,39,.10);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}.container{max-width:1100px;margin:0 auto;padding:0 18px}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px}.brand-title{font-weight:800;letter-spacing:.2px}.brand-sub{font-size:13px;color:var(--muted)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-logo{width:42px;height:42px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.1}.nav{display:flex;gap:16px;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;font-weight:600}.nav a:hover{color:var(--ink)}.hero{position:relative;min-height:72vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,24,39,.55),rgba(17,24,39,.35)),url(/img/groupe.jpg)50%/cover no-repeat;transform:scale(1.02)}.hero-inner{position:relative;padding:70px 0;color:#fff}.kicker{opacity:.9;letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin:0 0 10px}.hero h1{margin:0 0 12px;font-size:42px;line-height:1.08}.hero h1 span{opacity:.95}.lead{max-width:62ch;font-size:18px;opacity:.95}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.hero{position:relative;min-height:72vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:0;transition:opacity 1s ease-in-out}.hero-slide.active{opacity:1}.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient( rgba(0,0,0,.45),rgba(0,0,0,.35) )}.hero-inner{position:relative;z-index:2;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid rgba(255,255,255,.25)}.btn-primary{background:var(--orange);border-color:rgba(0,0,0,8%);color:var(--ink)}.btn-primary:hover{filter:brightness(.97)}.btn-ghost{background:rgba(255,255,255,.12);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.18)}.section{padding:52px 0}.section-alt{background:var(--alt)}.section-title{margin:0 0 6px;font-size:36px}.section-sub{margin:24px 0 48px;color:var(--muted);font-size:16px}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.prose p{margin:0 0 12px;color:var(--ink);line-height:1.6}.prose p:last-child{margin-bottom:0}.mayor-card{padding:18px}.mayor-top{display:grid;grid-template-columns:88px 220px 1fr;gap:16px;align-items:start;padding-bottom:14px;border-bottom:1px solid var(--border)}.mayor-photo{width:100px;height:100px;border-radius:999px;object-fit:cover;border:3px solid rgba(17,24,39,8%);box-shadow:0 10px 24px rgba(17,24,39,8%)}.mayor-id{line-height:1.05;padding-top:2px}.mayor-firstname{font-weight:800;font-size:18px;color:var(--ink)}.mayor-lastname{font-weight:950;letter-spacing:.4px;font-size:34px;margin-top:2px}.mayor-role{margin-top:6px;display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(188,223,247,.55);border:1px solid rgba(17,24,39,8%);font-weight:900;font-size:13px;color:var(--ink)}.mayor-intro p{margin:0;color:var(--ink);line-height:1.6}.mayor-body{padding-top:14px}.mayor-body p{margin:0 0 12px;line-height:1.7;color:var(--ink)}.mayor-strong{margin-top:6px;padding:12px 14px;border-radius:14px;background:rgba(224,165,112,.22);border:1px solid rgba(17,24,39,8%)}.hint{margin-top:14px;padding:12px;border-radius:14px;background:rgba(188,223,247,.55);border:1px solid rgba(17,24,39,8%)}.ideas{display:grid;grid-template-columns:1fr 1fr;gap:16px}.idea-card{position:relative;display:flex;gap:24px;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:6px 6px 18px 18px;box-shadow:var(--shadow);padding:8px 24px}.idea-card{transition:all .2s ease}.idea-card:hover{transform:translateY(-200px);box-shadow:0 20px 45px rgba(0,0,0,.12)}.idea-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:24px 24px 0 0}.idea-card[data-accent=blue]::before{background:#2f6f9f}.idea-card[data-accent=orange]::before{background:#e0a570}.idea-num{top:-60px;right:20px;opacity:.12;position:absolute;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:240px}.idea-band{display:inline-block;padding:8px 0;border-radius:12px;font-weight:700;font-size:24px}.idea-band>*{transform:skewX(10deg)}.idea-card[data-accent=blue] .idea-num{color:var(--blueDark)}.idea-card[data-accent=blue] .idea-band{color:var(--blueDark)}.idea-card[data-accent=orange] .idea-num{color:var(--orange)}.idea-card[data-accent=orange] .idea-band{color:var(--orange)}.idea-text{color:var(--muted);line-height:1.55}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;outline:none}.person{position:relative;overflow:hidden}.avatar-wrap{position:relative;display:flex;justify-content:center;padding-top:6px}.avatar{width:280px;height:280px;border-radius:999px;object-fit:cover;border:4px solid rgba(17,24,39,6%);transition:transform .2s ease}.name-tag{position:absolute;bottom:-10px;background:var(--orange);border:1px solid rgba(17,24,39,.1);padding:8px 10px;border-radius:12px;transform:rotate(-3deg);font-weight:900}.person-meta{margin-top:20px;text-align:center}.person-main{font-weight:800}.person-sub{color:var(--muted);font-size:13px;margin-top:4px}.person-hover{position:absolute;left:12px;right:12px;bottom:12px;border-radius:14px;padding:12px;background:rgba(17,24,39,.92);color:#fff;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.person-hover .person-quote{margin-top:8px;opacity:.9;font-style:italic}.person:hover .avatar{transform:scale(1.03)}.person:hover .person-hover{opacity:1;transform:translateY(0)}.person:focus .person-hover{opacity:1;transform:translateY(0)}.person-overlay{position:absolute;top:0;left:0;right:0;padding:14px;background:var(--blue);color:#000;font-size:14px;transform:translateY(-100%);transition:transform .25s ease;backdrop-filter:blur(6px);border-bottom:3px solid #e0a570}.person:hover .person-overlay{transform:translateY(0)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.info-card h3{margin:0 0 6px}.info-card p{margin:0 0 10px;color:var(--muted)}.link{font-weight:900;color:var(--ink)}.footer{margin-top:26px;color:var(--muted);font-size:13px}.reveal{opacity:0;transform:translateY(10px)}.reveal.is-in{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.infos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px}.info-card{background:#fff;padding:22px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,6%);border:1px solid rgba(0,0,0,5%);transition:all .2s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(0,0,0,.1)}.info-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.info-header h3{margin:0;font-size:18px}.info-icon{font-size:22px}.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.9);cursor:pointer;padding:10px;position:relative;z-index:1001}.burger span{display:block;height:2px;width:100%;background:#111827;border-radius:2px;margin:6px 0}.nav{display:flex;gap:16px}@media(max-width:980px){.grid-2{grid-template-columns:1fr}.ideas{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(3,1fr)}.info-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.mayor-top{grid-template-columns:100px 1fr;grid-template-areas:"photo id" "intro intro"}.mayor-photo{grid-area:photo;width:100px;height:100px}.mayor-id{grid-area:id}.mayor-intro{grid-area:intro}.mayor-lastname{font-size:30px}.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero{min-height:32vh}.hero h1{font-size:32px}.infos-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.container{padding-left:20px;padding-right:20px}.burger{display:block!important}.nav{position:fixed;left:0;right:0;top:0;z-index:999;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,8%);box-shadow:0 18px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;padding:14px 18px;transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s ease,opacity .25s ease,visibility 0s linear .25s}.nav.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .25s ease,opacity .25s ease}.nav a{padding:12px 10px;border-radius:12px;font-weight:800;text-decoration:none;color:#111827}.nav a:hover{background:rgba(188,223,247,.35)}}