/* Google Ad Grants / lisibilité institutionnelle — 2026-08-28 */
.compliance-header{height:auto!important;min-height:64px;padding:.45rem 0;background:color-mix(in srgb,var(--bg),transparent 3%)!important}
.compliance-header-inner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.65rem,1.6vw,1.25rem)}
.compliance-nav{display:flex;align-items:center;justify-content:center;gap:.18rem;min-width:0;overflow-x:auto;scrollbar-width:none}
.compliance-nav::-webkit-scrollbar{display:none}
.compliance-nav a{flex:0 0 auto;text-decoration:none;font-size:.78rem;font-weight:850;letter-spacing:.025em;color:var(--muted);padding:.62rem .68rem;border-radius:999px;border:1px solid transparent;transition:.18s ease}
.compliance-nav a:hover,.compliance-nav a:focus-visible,.compliance-nav a[aria-current="page"]{color:var(--text);border-color:var(--line);background:var(--surface)}
.home-institutional-hero{position:relative;overflow:hidden;padding:clamp(3.6rem,7vw,6.5rem) 0 clamp(3rem,6vw,5.4rem);border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 22%,rgba(255,45,170,.17),transparent 31%),radial-gradient(circle at 16% 84%,rgba(37,217,255,.11),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--surface),transparent 25%),var(--bg))}
.home-institutional-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--cyan),transparent)}
.institutional-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(2rem,6vw,5.5rem);align-items:center}
.institutional-hero-copy h1{max-width:18ch;margin:.55rem 0 1.15rem;font-size:clamp(2.35rem,5vw,5.1rem)}
.institutional-hero-copy .lead{max-width:68ch;font-size:clamp(1.05rem,1.7vw,1.32rem);line-height:1.58}
.hero-audience{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.15rem 0 1.3rem}
.hero-audience span{font-size:.78rem;font-weight:850;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.46rem .68rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}
.hero-actions .button.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}
.hero-proof-grid{display:grid;gap:.72rem}
.hero-proof-grid article{padding:1rem 1.05rem;border:1px solid var(--line);background:color-mix(in srgb,var(--surface),transparent 8%);border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.12)}
.hero-proof-grid strong{display:block;font-family:var(--display);font-size:1rem;letter-spacing:.02em;color:var(--text)}
.hero-proof-grid span{display:block;margin-top:.28rem;color:var(--muted);font-size:.88rem;line-height:1.42}
.adgrants-note{margin-top:1rem;padding:.85rem 1rem;border-left:3px solid var(--cyan);background:color-mix(in srgb,var(--surface),transparent 10%);color:var(--muted);font-size:.9rem;line-height:1.5}
.impact-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin-top:1.7rem}
.impact-timeline article{padding:1.15rem;border:1px solid var(--line);background:var(--surface);border-radius:18px}
.impact-timeline time{display:block;font-family:var(--display);font-weight:950;color:var(--pink);font-size:1.12rem;margin-bottom:.55rem}
.impact-timeline h3{font-size:1rem;margin:.2rem 0 .55rem;line-height:1.14}
.impact-timeline p{font-size:.88rem;color:var(--muted);line-height:1.5;margin:0}
.impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.impact-grid article{padding:1.2rem;border:1px solid var(--line);background:var(--surface);border-radius:18px}
.impact-grid h3{margin:.15rem 0 .55rem;font-size:1.05rem}.impact-grid p{color:var(--muted);line-height:1.55;margin:0}
@media(max-width:1120px){.compliance-header-inner{grid-template-columns:auto 1fr}.compliance-nav{grid-column:1/-1;order:3;justify-content:flex-start;padding-bottom:.08rem}.institutional-hero-grid{grid-template-columns:1fr .52fr}.impact-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.compliance-header{position:sticky;top:0}.compliance-header-inner{grid-template-columns:1fr auto;gap:.45rem}.compliance-header .brand span{font-size:.72rem}.compliance-nav{margin-inline:-.2rem;padding:.15rem .2rem .2rem}.compliance-nav a{font-size:.72rem;padding:.5rem .58rem}.institutional-hero-grid{grid-template-columns:1fr}.institutional-hero-copy h1{font-size:clamp(2.1rem,10vw,3.4rem)}.hero-proof-grid{grid-template-columns:1fr 1fr}.impact-timeline{grid-template-columns:1fr}.impact-grid{grid-template-columns:1fr}.home-institutional-hero{padding-top:2.8rem}}
@media(max-width:460px){.hero-proof-grid{grid-template-columns:1fr}.hero-actions{display:grid}.hero-actions .button{text-align:center}}


/* Site classique — 2026-08-28 */
.classic-services{padding:clamp(3rem,6vw,5.4rem) 0;background:var(--bg);border-bottom:1px solid var(--line)}
.classic-services-head{margin-bottom:1.5rem}
.classic-services-head p{max-width:68ch;color:var(--muted)}
.classic-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.classic-service-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:118px;padding:1.05rem 1.15rem;text-decoration:none;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.classic-service-card:hover,.classic-service-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--pink),var(--line) 35%);background:var(--surface2)}
.classic-service-card img{width:46px;height:46px;object-fit:contain}
.classic-service-copy{display:grid;gap:.3rem;min-width:0}
.classic-service-copy strong{font-family:var(--display);font-size:1.06rem;line-height:1.1;letter-spacing:.02em}
.classic-service-copy>span{color:var(--muted);font-size:.9rem;line-height:1.45}
.classic-service-arrow{font-size:1.35rem;color:var(--pink);font-weight:900}
@media(max-width:760px){.compliance-header-inner{grid-template-columns:1fr}.compliance-nav{grid-column:1;order:2}.classic-service-grid{grid-template-columns:1fr}.classic-service-card{grid-template-columns:46px minmax(0,1fr) auto;padding:.95rem}.classic-service-card img{width:40px;height:40px}}


/* Styles utiles conservés après suppression de l'ancien hub interactif */
.home-manifesto{padding:clamp(4rem,8vw,8rem) 0;background:linear-gradient(135deg,color-mix(in srgb,var(--surface),transparent 5%),var(--bg));border-block:1px solid var(--line)}
.association-section{background:radial-gradient(circle at 12% 18%,rgba(255,45,170,.12),transparent 30%),radial-gradient(circle at 88% 78%,rgba(37,217,255,.07),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--surface),transparent 4%),var(--bg))}
.association-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.association-copy h2{max-width:18ch;margin-top:.55rem}
.association-copy .lead{max-width:70ch;color:var(--text)}
.mission-statement{max-width:68ch;margin:1.4rem 0 1.6rem;padding:1rem 1.15rem;border-left:3px solid var(--pink);background:color-mix(in srgb,var(--pink),transparent 91%);font-weight:800}
.association-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.association-facts article{min-height:150px;padding:1.15rem;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface),transparent 8%);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 46px rgba(0,0,0,.2)}
.association-facts strong{font-family:var(--display);font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.05;text-transform:uppercase}
.association-facts span{margin-top:.45rem;color:var(--muted);font-size:.88rem;line-height:1.35}
.field-section{padding:clamp(4rem,7vw,7rem) 0}
.field-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.65rem}
.field-card{margin:0;position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:var(--surface);min-height:230px}
.field-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.05) brightness(.86);transition:.25s var(--ease)}
.field-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(7,7,11,.9));pointer-events:none}
.field-card figcaption{position:absolute;left:1rem;right:1rem;bottom:.9rem;z-index:2;display:grid;gap:.28rem;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:.86rem;letter-spacing:.04em}
.field-card figcaption strong{font:inherit}
.field-card figcaption small{font-family:var(--body);font-size:.66rem;line-height:1.3;color:rgba(255,255,255,.72);letter-spacing:.05em}
.field-card[data-media-type="event"]{border-color:color-mix(in srgb,var(--yellow),transparent 58%)}
.field-card[data-media-type="terrain"]{border-color:color-mix(in srgb,var(--cyan),transparent 68%)}
.field-card[data-media-type="project"]{border-color:color-mix(in srgb,var(--pink),transparent 62%)}
.field-card:hover img{transform:scale(1.025);filter:saturate(.9) brightness(.94)}
@media(max-width:900px){.association-intro{grid-template-columns:1fr}.association-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.field-rail{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.field-rail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.association-facts{grid-template-columns:1fr}.association-facts article{min-height:118px}.field-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.field-card{min-width:78vw;scroll-snap-align:start}.home-manifesto{padding-top:3rem}}