/* Compléments à styles-*.css. */
/* lien « Au programme » de l'accueil (classes absentes de la feuille Tailwind copiée) */
.group:hover .group-hover\:border-white{border-color:#fff}
/* « Écouter la conférence » (Collaborations culturelles, assets/ecoute.js) */
.ecoute-card{display:flex;gap:clamp(14px,2.4vw,24px);align-items:flex-start;margin-top:.5rem;max-width:40rem;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.045);padding:clamp(12px,2vw,18px)}
.ecoute__cover{flex:none;margin:0;width:clamp(88px,13vw,132px)}
.ecoute__cover img{display:block;width:100%;aspect-ratio:1/1!important;object-fit:cover;object-position:50% 25%;border:0!important}
.ecoute{flex:1;min-width:0;font-family:var(--font-body)}
.ecoute__title{display:flex;align-items:center;gap:10px;margin:0 0 .6rem;font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(13px,1.5vw,15px);color:#fff}
.ecoute__icon{flex:none;width:26px;height:26px}.ecoute__icon circle{fill:none;stroke:#fff;stroke-width:1.2}.ecoute__icon path{fill:#fff}
.ecoute__text{margin:0 0 .8rem;color:rgba(255,255,255,.7);font-size:14px;line-height:1.6}
.ecoute__row{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;max-width:42rem}
.ecoute__input{flex:1 1 200px;min-width:0;border:0;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:inherit;font-size:16px;padding:6px 0;border-radius:0;outline:0}
.ecoute__input:focus{border-bottom-color:#fff}.ecoute__input::placeholder{color:rgba(255,255,255,.4)}
.ecoute__btn{border:0;border-radius:999px;background:#fff;color:#000;font-family:var(--font-display);font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:9px 22px;cursor:pointer}
.ecoute__btn:disabled{opacity:.5;cursor:default}
.ecoute__check{display:flex;gap:10px;align-items:flex-start;margin-top:12px;color:rgba(255,255,255,.6);font-size:12px;line-height:1.5;cursor:pointer}
.ecoute__check input{margin-top:3px;accent-color:#fff}
.ecoute__msg{margin:12px 0 0;color:#f2b8b5;font-size:13px}.ecoute__msg:empty{display:none}
.ecoute__note{margin:8px 0 0;color:rgba(255,255,255,.4);font-size:11px}
.ecoute__audio{width:100%;height:40px;color-scheme:dark}
/* Accueil : les mois de la saison (tools/build_home.py, assets/home.js) */
.home-pic{transition:opacity .7s ease-out}
.home-plate{display:flex;align-items:center;justify-content:center;height:100%;padding:8%;background:radial-gradient(ellipse at 50% 40%,#1c1c1c 0%,#050505 70%)}
.home-plate span{font-family:var(--font-display);font-weight:200;text-transform:uppercase;letter-spacing:.04em;line-height:1;text-align:center;font-size:clamp(40px,7vw,96px);color:rgba(255,255,255,.85)}
.home-credit{position:absolute;right:8px;bottom:6px;z-index:1;font-size:9px;letter-spacing:.04em;color:rgba(255,255,255,.55)}
.home-months{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(4px,1vh,10px);transform:translateX(clamp(12px,4vw,40px))}
.home-month{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:16px;row-gap:2px;padding:0;border:0;background:none;color:#4a4a4a;font:inherit;text-align:left;cursor:pointer;text-decoration:none;transition:color .25s}
.home-month__bar{display:inline-block;align-self:center;width:clamp(40px,5vw,64px);height:2px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .3s}
.home-month__name{position:relative;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1;font-size:clamp(22px,5.4vw,40px)}
/* the guest sits beside the month without changing the row height (no jump under the mouse) */
.home-month__who{position:absolute;left:calc(100% + 16px);top:.1em;display:flex;flex-direction:column;gap:3px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(-6px);transition:opacity .35s,transform .35s;text-transform:none;font-weight:400;letter-spacing:0;line-height:1.2}
.home-month__guest{font-family:var(--font-serif-italic);font-style:italic;color:#c9a96e;font-size:clamp(15px,2.6vw,20px)}
@media (min-width:768px){.home-month__who{width:max-content;max-width:min(300px,calc(50vw - 340px))}.home-month__guest,.home-month__date{white-space:normal}}
.home-month__date{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;font-size:clamp(9px,1.6vw,11px);color:rgba(255,255,255,.5)}
.home-month.is-active{color:#fff}
.home-month.is-active .home-month__bar{transform:none}
.home-month.is-active .home-month__who{opacity:1;transform:none}
.home-month:hover{color:#bdbdbd}.home-month.is-active:hover{color:#fff}
.home-ctas{display:grid;margin-top:clamp(12px,2.4vh,24px)}
.home-cta{grid-area:1/1;display:flex;flex-direction:column;gap:clamp(12px,2vh,20px);visibility:hidden;opacity:0;transition:opacity .35s}
.home-cta.is-on{visibility:visible;opacity:1}
@media (max-width:767px){.home-month{flex-direction:column;align-items:flex-start}.home-month__bar{display:none}.home-month__who{position:static;max-height:0;overflow:hidden;transform:none;transition:opacity .35s,max-height .35s;margin-top:0}.home-month.is-active .home-month__who{max-height:5em;margin-top:4px}.home-month.is-active .home-month__name::before{content:'';display:inline-block;width:36px;height:2px;background:#fff;vertical-align:middle;margin:0 12px 4px -48px}.home-month__guest{white-space:normal}}
/* computer: one 4:3 frame for every month, same size whatever the screen width */
@media (min-width:768px){.home-frame{left:auto!important;right:clamp(24px,3vw,56px)!important;top:50%!important;bottom:auto!important;height:auto!important;width:min(calc(62vh * 4 / 3),calc(50vw - 56px))!important;aspect-ratio:4/3}}
/* Collaborations culturelles : biographie et présentation repliées */
.bio-more{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.bio-more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-family:var(--font-display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.bio-more summary::-webkit-details-marker{display:none}
.bio-more summary::after{content:'+';font-size:18px;letter-spacing:0;line-height:1;transition:transform .3s}
.bio-more[open] summary::after{transform:rotate(45deg)}
.bio-more summary:hover{color:#fff}
.bio-more__body{display:flex;flex-direction:column;gap:1.25rem;padding:4px 0 24px}
/* téléphone : bloc audio compact (pochette, titre et champ e-mail sur une ligne) */
@media (max-width:640px){.ecoute-card{gap:12px;padding:12px;align-items:center}.ecoute__cover{width:72px;align-self:flex-start}.ecoute__title{font-size:12px;margin-bottom:.4rem}.ecoute__icon{width:22px;height:22px}.ecoute__text{font-size:12.5px;line-height:1.45;margin-bottom:.6rem}.ecoute__row{flex-wrap:nowrap;gap:10px}.ecoute__input{flex:1 1 auto;font-size:15px}.ecoute__btn{flex:none;padding:8px 14px;font-size:10px}.ecoute__check{margin-top:8px;font-size:11px}.ecoute__note{display:none}}
/* bloc d'écoute fermé : juste le bouton « Écouter la conférence » */
button.ecoute__title{border:0;background:none;padding:0;cursor:pointer;text-align:left}
button.ecoute__title:hover{opacity:.75}
.ecoute-card:has(.ecoute.is-closed){align-items:center}
.ecoute.is-closed .ecoute__title{margin:0}