/* Page de garde */

.hero{display:flex;flex-direction:column;align-items:center;text-align:center;
 padding-block:clamp(40px,7vw,80px) clamp(26px,4vw,40px);position:relative}
.halo{position:absolute;inset:auto 0 auto 0;top:4%;height:320px;pointer-events:none;
 background:radial-gradient(52% 70% at 50% 42%,color-mix(in srgb,var(--anneau) 26%,transparent),transparent 72%);
 filter:blur(8px)}
.marque{position:relative;width:min(420px,80vw)}
.baseline{position:relative;margin:24px 0 0;max-width:34ch;letter-spacing:.01em;font-family:var(--f-titre);font-weight:500;
 font-size:clamp(21px,3.6vw,32px);line-height:1.25}
.baseline span{background:var(--spectre);-webkit-background-clip:text;background-clip:text;color:transparent}
.lieu{position:relative;margin:13px 0 0;font-size:15px;color:var(--texte-2)}
.spectre{height:8px;border-radius:99px;background:var(--spectre);margin-block:clamp(24px,4vw,38px)}
.poles{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.pole{position:relative;display:flex;flex-direction:column;background:var(--surface);
 border:1px solid var(--trait);border-radius:30px;padding:clamp(24px,3vw,36px);overflow:hidden;
 box-shadow:var(--ombre);transition:transform .35s,background-color .35s}
.pole::before{content:"";position:absolute;inset:0 0 auto 0;height:5px}
.pole--p::before{background:linear-gradient(90deg,var(--k-1),var(--k-2))}
.pole--e::before{background:linear-gradient(90deg,var(--s-1),var(--s-2))}
.pole:hover{transform:translateY(-5px);background:var(--surface-2)}
.lock{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}
.lock img{width:min(140px,42%)}
.lock b{font-family:var(--f-titre);font-weight:500;font-size:clamp(22px,3vw,30px)}
.pole--p .lock b{color:var(--k-1)}
.pole--e .lock b{color:var(--g-2)}
.pole p{margin:0;color:var(--texte-2);font-size:15.5px;max-width:36ch}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0}
.chips li{font-family:var(--f-titre);font-weight:400;font-size:13px;padding:6px 14px;border-radius:99px;
 background:var(--voile);border:1px solid var(--trait);color:var(--texte-2)}
.entrer{margin-top:auto;padding-top:26px;display:inline-flex;align-items:center;gap:11px;
 font-family:var(--f-titre);font-weight:600;font-size:15px}
.rond{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;
 transition:transform .3s}
.pole--p .rond{background:linear-gradient(135deg,var(--k-1),var(--k-2))}
.pole--e .rond{background:linear-gradient(135deg,var(--g-2),var(--s-1))}
.pole:hover .rond{transform:translateX(6px)}
.contact{margin-top:18px;border-radius:30px;background:var(--surface);border:1px solid var(--trait);
 box-shadow:var(--ombre);padding:clamp(24px,3vw,36px);display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}
.contact p{margin:0;font-size:16px;line-height:1.5}
.contact a{border-bottom:1px solid var(--trait)}
.contact a:hover{color:var(--g-2);border-color:var(--g-2)}
.retrait{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--f-titre);
 font-weight:500;font-size:13px;background:var(--ok-bg);border:1px solid var(--ok-bd);
 color:var(--ok-tx);border-radius:99px;padding:6px 14px}
.pastille{width:7px;height:7px;border-radius:50%;background:currentColor}
@media(max-width:860px){.poles{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:24px}}