/* Refonte accueil, version A « Verre et lumière » (novembre 2026).
   Feuille chargée uniquement sur l'accueil, après /style.css et /press.css.
   Tout est limité à body.home-glass : les autres pages ne changent pas. */

body.home-glass{background:var(--cream);color:var(--green)}
body.home-glass main{overflow-x:clip}

/* Verre dépoli clair */
body.home-glass .hg-glass{background:rgba(255,255,255,.52);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(52,65,45,.06),0 12px 40px rgba(37,48,31,.12)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body.home-glass .hg-glass,body.home-glass header{background:rgba(255,255,255,.92)}}
@media (prefers-reduced-transparency:reduce){body.home-glass .hg-glass,body.home-glass header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Boutons en pilule sur l'accueil */
body.home-glass .button{border-radius:999px}
body.home-glass .button.outline{background:rgba(255,255,255,.5);border-color:rgba(52,65,45,.25)}
body.home-glass .button.outline:hover{background:#fff}

/* En-tête flottant en verre (même balisage que les autres pages) */
body.home-glass header{position:sticky;top:12px;z-index:20;box-sizing:border-box;width:calc(100% - 32px);max-width:1240px;min-height:0;margin:12px auto 0;padding:10px 10px 10px 26px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 36px rgba(37,48,31,.12)}
body.home-glass header .wordmark{min-width:0}
@media (max-width:780px){
  body.home-glass header{border-radius:26px;padding:10px 10px 10px 20px}
  body.home-glass .menu-toggle{border-radius:999px;background:rgba(255,255,255,.6);min-height:44px}
  body.home-glass nav{top:calc(100% + 8px);border-radius:22px;border:1px solid var(--border)}
}

/* Hero */
body.home-glass .hg-hero{position:relative;overflow:hidden;margin-top:-110px;padding:170px 0 110px}
body.home-glass .hg-hero-bg{position:absolute;inset:-80px;background:url(/assets/portrait-blanche-diagonale-de-blanche.png) 20% 10%/cover no-repeat;filter:blur(48px) saturate(120%);opacity:.5;transform:scale(1.1)}
body.home-glass .hg-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(rgba(248,246,239,0),var(--cream))}
body.home-glass .hg-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
body.home-glass .hg-hero h1{color:var(--dark)}
body.home-glass .hg-hero h1 em{color:var(--green)}
body.home-glass .hg-hero-copy>p:not(.eyebrow){max-width:560px;margin-top:22px;font-size:1.08rem;color:#3d4636}
body.home-glass .hg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
body.home-glass .hg-hero .story-link{margin-top:24px}

body.home-glass .hg-portrait{position:relative;margin:0 0 70px}
body.home-glass .hg-portrait-window{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:36px;border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 60px rgba(37,48,31,.18)}
body.home-glass .hg-portrait-window img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
body.home-glass .hg-portrait figcaption{position:absolute;top:18px;left:18px;padding:12px 18px;border-radius:20px;font:1.15rem/1.25 Georgia,serif;color:var(--dark)}

body.home-glass .hg-next{position:absolute;left:-48px;right:24px;bottom:-170px;display:flex;gap:22px;align-items:center;padding:20px;border-radius:30px;color:var(--dark)}
body.home-glass .hg-next:hover{text-decoration:none}
body.home-glass .hg-next:hover .strip-cta{text-decoration:underline;text-underline-offset:5px}
body.home-glass .hg-date{flex:0 0 auto;width:96px;padding:16px 0;border-radius:22px;background:var(--green);color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center}
body.home-glass .hg-date strong{font:400 3rem/1 Georgia,serif}
body.home-glass .hg-date span{margin-top:6px;font-size:.7rem;font-weight:600;letter-spacing:.14em}
body.home-glass .hg-next .eyebrow{margin-bottom:6px}
body.home-glass .hg-next h2{font-size:1.6rem;letter-spacing:-.02em;color:var(--dark)}
body.home-glass .hg-next p:not(.eyebrow){margin-top:4px;font-size:.92rem;color:#4a5243}
body.home-glass .hg-next .strip-cta{display:inline-block;margin-top:8px;font-size:.9rem;font-weight:600;color:var(--green)}
body.home-glass .hg-countdown{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:999px;background:rgba(173,119,32,.16);color:#74490c;font-size:.68rem;letter-spacing:.06em}
body.home-glass .hg-countdown[hidden]{display:none}

/* Sections */
body.home-glass .hg-section{position:relative;padding:96px 0}
body.home-glass .hg-blob{position:absolute;border-radius:999px;filter:blur(90px);pointer-events:none}
body.home-glass .hg-blob.gold{width:520px;height:520px;right:-120px;top:40px;background:#e3d3ad;opacity:.7}
body.home-glass .hg-blob.sage{width:460px;height:460px;left:-120px;bottom:0;background:#cfd9c4;opacity:.8}
body.home-glass .hg-head{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:40px}
body.home-glass .hg-head h2{color:var(--dark)}
body.home-glass .hg-head>p{max-width:420px;color:#4a5243}

/* Cartes événements */
body.home-glass .hg-cards{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
body.home-glass .hg-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:28px}
body.home-glass .hg-card-media{position:relative;height:230px;background:var(--green);overflow:hidden}
body.home-glass .hg-card-media img{display:block;width:100%;height:100%;object-fit:cover}
body.home-glass .hg-card-media.theatre{display:flex;align-items:flex-end;padding:24px;box-sizing:border-box}
body.home-glass .hg-card-media.theatre>span{font:italic 400 2.6rem/1 Georgia,serif;color:var(--cream)}
body.home-glass .hg-badge{position:absolute;top:16px;left:16px;padding:6px 12px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.08em;color:var(--dark)}
body.home-glass .hg-card-body{display:flex;flex-direction:column;gap:8px;padding:22px 24px 26px}
body.home-glass .hg-card-body p{font-size:.88rem;color:#4a5243}
body.home-glass .hg-card h3{font-size:1.45rem;color:var(--dark)}
body.home-glass .hg-card h3 a::after{content:"";position:absolute;inset:0;border-radius:28px}
body.home-glass .hg-card .text-link{align-self:flex-start;margin-top:auto}

/* Presse */
body.home-glass .hg-press{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,90px);align-items:start}
body.home-glass .hg-press-heading p:not(.eyebrow){margin-top:16px;color:#4a5243}
body.home-glass .hg-press-heading .text-link{margin-top:20px}
body.home-glass .hg-press-list{display:flex;flex-direction:column;gap:14px}
body.home-glass .hg-press-item{position:relative;display:flex;gap:20px;align-items:center;padding:14px;border-radius:24px}
body.home-glass .hg-press-thumb{flex:0 0 auto;width:96px;height:96px;border-radius:16px;overflow:hidden;background:var(--green);color:var(--cream);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.7rem;font-weight:600;letter-spacing:.08em;line-height:1.3}
body.home-glass .hg-press-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
body.home-glass .hg-press-item .press-source{margin:0}
body.home-glass .hg-press-item h3{margin-top:6px;font-size:1.25rem;color:var(--dark)}
body.home-glass .hg-press-item .text-link{margin-top:4px;border:0;padding:0}
body.home-glass .hg-press-item h3 a::after{content:"";position:absolute;inset:0;border-radius:24px}

/* Missions */
body.home-glass .hg-missions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
body.home-glass .hg-missions article{display:flex;flex-direction:column;gap:14px;padding:30px;border-radius:28px;background:var(--sage)}
body.home-glass .hg-missions .number{font-size:.72rem;font-weight:600;letter-spacing:.14em}
body.home-glass .hg-missions h3{color:var(--dark)}
body.home-glass .hg-missions p{color:#4a5243}
body.home-glass .hg-missions .text-link{align-self:flex-start;margin-top:auto}

/* Histoire */
body.home-glass .hg-story{position:relative;overflow:hidden;border-radius:36px;background:var(--dark);color:#e8ece3;padding:clamp(36px,6vw,72px)}
body.home-glass .hg-story .hg-blob.gold{opacity:.35;right:-160px;top:-160px}
body.home-glass .hg-story>*:not(.hg-blob){position:relative}
body.home-glass .hg-story .eyebrow{color:#e3d3ad}
body.home-glass .hg-story h2{color:#fff;max-width:760px}
body.home-glass .hg-story h2 em{color:#e1ba6d}
body.home-glass .hg-story p:not(.eyebrow){max-width:720px;margin-top:20px;color:#d5dece}
body.home-glass .hg-story .text-link{margin-top:20px;color:#fff;border-color:#627057}

/* Communauté */
body.home-glass .hg-community{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(28px,4vw,44px);border-radius:32px}
body.home-glass .hg-community h2{color:var(--dark)}
body.home-glass .hg-community p:not(.eyebrow){max-width:560px;margin-top:12px;color:#4a5243}

/* Responsive */
@media (max-width:1000px){
  body.home-glass .hg-hero-inner{grid-template-columns:1fr;gap:48px}
  body.home-glass .hg-portrait{max-width:560px;margin-bottom:0}
  body.home-glass .hg-next{position:relative;left:auto;right:auto;bottom:auto;margin:-20px 16px 0}
  body.home-glass .hg-press{grid-template-columns:1fr}
}
@media (max-width:780px){
  body.home-glass .hg-hero{margin-top:-96px;padding:130px 0 72px}
  body.home-glass .hg-section{padding:64px 0}
  body.home-glass .hg-next{flex-direction:column;align-items:flex-start;margin:-20px 10px 0}
  body.home-glass .hg-date{flex-direction:row;gap:10px;width:auto;padding:10px 16px}
  body.home-glass .hg-date strong{font-size:1.8rem}
  body.home-glass .hg-date span{margin-top:0}
  body.home-glass .hg-press-thumb{width:72px;height:72px}
}
@media (prefers-reduced-motion:reduce){body.home-glass .hg-hero-bg{transform:none}}
