/* Page Réalisations — octobre 2026. S'appuie sur home.css et layout.css. */
.rz-page .desktop-nav a[aria-current=page]{color:var(--blue)}.rz-page .desktop-nav a[aria-current=page]:after{transform:scaleX(1)}

/* Ouverture : index typographique des projets, sur le bleu profond de la marque. */
.rz-hero{background:#0b3480;color:#fff;padding:76px 0 70px}
.rz-hero h1{font-size:clamp(44px,5.4vw,78px);line-height:1.02;letter-spacing:-.045em;margin:0 0 26px;max-width:13ch;color:#fff}
.rz-lead{font-size:17px;line-height:1.75;color:#d9e6fb;max-width:60ch;margin:0}
.rz-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:58px;padding-top:30px;border-top:1px solid #ffffff38}
.rz-index p{font:500 14px/1.5 Inter,sans-serif;color:#b9d0f3;margin:0 0 14px}
.rz-index ul{list-style:none;margin:0;padding:0}
.rz-index a{display:inline-block;font:700 clamp(22px,2.3vw,32px)/1.28 Geist,Arial,sans-serif;letter-spacing:-.035em;color:#fff;padding:2px 0}
.rz-index a:hover{color:#f5c75f}
.rz-hero :focus-visible{outline-color:#f5c75f}

/* Groupes par type d'activité. */
.rz-group{padding-block:92px;border-bottom:1px solid var(--line)}
.rz-group:nth-of-type(odd){background:#f2f5fa}
.rz-group-inner{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,2fr);gap:64px;align-items:start}
.rz-group-head{position:sticky;top:36px}
.rz-group-head h2{font-size:clamp(30px,3vw,44px);line-height:1.1;letter-spacing:-.04em;margin:0 0 18px}
.rz-group-head p{font-size:15px;line-height:1.75;color:var(--muted);max-width:32ch;margin:0}
.rz-list{list-style:none;margin:0;padding:0;display:grid;gap:68px}
.rz-item{position:relative;scroll-margin-top:24px}
.rz-shot{margin:0;border-radius:10px;overflow:hidden;background:#e4ebf5;border:1px solid var(--line);aspect-ratio:1920/855}
.rz-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}
.rz-item:hover .rz-shot img{transform:scale(1.012)}
/* Docélio : captures Play en portrait ; contain évite de couper l'écran (sans effet sur une image 1920x855). */
#docelio .rz-shot img{object-fit:contain}
.rz-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr);gap:10px 40px;padding-top:24px}
.rz-kind{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 6px}
.rz-item h3{font-size:30px;letter-spacing:-.035em;margin:0}
.rz-desc{font-size:15px;line-height:1.75;margin:0 0 14px;max-width:62ch}
.rz-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0}
.rz-visit{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.rz-visit:hover{color:var(--blue-dark)}
.rz-visit svg{width:16px;height:16px}
/* Toute la réalisation est cliquable via son lien principal ; le second lien reste au-dessus. */
.rz-stretch:after{content:'';position:absolute;inset:0;z-index:0}
.rz-above{position:relative;z-index:1}

/* Clôture vers le contact existant. */
.rz-close{padding-block:84px}
.rz-close-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}
.rz-close h2{font-size:clamp(32px,3.4vw,48px);line-height:1.1;letter-spacing:-.04em;margin:0 0 18px;max-width:18ch}
.rz-close p{font-size:16px;line-height:1.75;color:var(--muted);max-width:52ch;margin:0}
.rz-close-actions{display:flex;align-items:center;gap:28px;flex-shrink:0}

@media(max-width:1100px){.rz-group-inner{gap:44px}.rz-body{grid-template-columns:1fr}}
@media(max-width:900px){.rz-group-inner{grid-template-columns:1fr;gap:34px}.rz-group-head{position:static}.rz-group-head p{max-width:60ch}.rz-index{gap:24px}.rz-close-inner{display:block}.rz-close-actions{margin-top:30px;flex-wrap:wrap}}
@media(max-width:700px){
  .rz-page .header-inner{height:auto;flex-wrap:wrap;padding-block:14px;gap:10px 20px}
  .rz-page .desktop-nav{display:flex;width:100%;gap:22px;font-size:14px;padding-bottom:4px}
  .rz-hero{padding:44px 0 46px}.rz-hero h1{font-size:clamp(40px,11vw,56px)}.rz-lead{font-size:15px}
  .rz-index{grid-template-columns:1fr;gap:26px;margin-top:38px;padding-top:24px}.rz-index a{font-size:24px}
  .rz-group{padding-block:56px}.rz-list{gap:48px}.rz-shot{border-radius:8px}.rz-body{padding-top:18px}.rz-item h3{font-size:26px}
  .rz-close{padding-block:56px}.rz-close-actions{gap:20px}
}
@media(max-width:370px){.rz-page .desktop-nav{gap:14px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.rz-item:hover .rz-shot img{transform:none}}