/* evenements — repris du <style> de events.html.
   Genere par _tools/build-pagecss.py : ne pas modifier a la main. */
.split .k{display:block;margin-bottom:6px}
.how{background:var(--cream);padding:var(--s6) clamp(20px,4.5vw,52px)}
.how .in{max-width:1100px;margin:0 auto}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 34px;margin-top:var(--s4)}
.how-grid div{border-top:1px solid var(--line);padding-top:16px}
.how-grid b{display:block;font-family:var(--serif);font-weight:500;font-size:1.35rem;color:var(--pine);margin-bottom:8px}
.how-grid p{font-size:.92rem;color:var(--pine);opacity:.85;max-width:26ch}
@media (max-width:860px){.how-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.how-grid{grid-template-columns:1fr}}
.req.ivoire{background:var(--ivory);padding:var(--s6) clamp(20px,4vw,52px)}
.req .in{max-width:900px;margin:0 auto}
.req form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:var(--s4)}
.req .full{grid-column:1/-1}
.req label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:9px}
.req input,.req select,.req textarea{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px 15px;font-family:var(--sans);font-size:16px;font-weight:300;color:var(--ink);outline:none;transition:border-color .3s}
.req input:focus,.req select:focus,.req textarea:focus{border-color:var(--gold)}
.req textarea{min-height:118px;resize:vertical}
.req .hint{font-size:.85rem;opacity:.7;margin-top:10px}
@media (max-width:700px){.req form{grid-template-columns:1fr}}