main :is(.rea-types,.rea-visuels,.rea-connexes){inline-size:100vw;max-inline-size:none;margin-inline:calc(50% - 50vw) 0;padding-inline:var(--rail)}main .fiche-hero.is-realisation{display:grid;grid-template-columns:calc(41.9vw - var(--rail)) minmax(0,1fr);align-items:start;&:after{content:none}& h1{max-inline-size:none;padding-inline-end:2rem}.fiche-intro{margin:clamp(.75rem,.2rem + 2.4vw,3rem) 0 0}.corps{font:var(--t-intro);letter-spacing:var(--ls-intro)}@media(width<=64rem){grid-template-columns:minmax(0,1fr);& h1{padding-inline-end:0}.fiche-intro{margin-block-start:clamp(1.5rem,1rem + 2vw,2.5rem)}}}main .rea-chevron{--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath d='M0 15V18.8L14 11.6V7.9Z'/%3E%3Cpath d='M12.9 6.6L0 0V3.8L9.2 8.5Z'/%3E%3C/svg%3E");position:absolute;pointer-events:none;inset-inline-start:-3.2vw;inset-block-start:min(14.3vw,calc(100% - 1.25rem));inline-size:.82vw;aspect-ratio:14 / 19;background:var(--fi-deco);mask:var(--chevron) center / contain no-repeat;@media(width<=64rem){display:none}}main .rea-types{list-style:none;margin-block:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem clamp(1rem,.3rem + 1vw,1.45rem);& li{margin:0;padding-block-start:clamp(1rem,.7rem + .7vw,1.3rem);border-block-start:1px solid var(--heading);font:var(--t-carte);letter-spacing:var(--ls-carte);color:var(--texte-lien);text-wrap:balance;max-inline-size:15em}@media(width<=64rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media(width<=40rem){grid-template-columns:minmax(0,1fr)}}main .rea-visuels{display:flex;flex-direction:column;gap:var(--fi-band);margin-block-start:var(--fi-band);& img{display:block;inline-size:100%;block-size:auto}& figure{margin:0}}main .fiche-hero.is-realisation+.rea-visuels{margin-block-start:0}main .rea-grille-visuels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.375rem,.58vw,.75rem);& li{margin:0;aspect-ratio:1;overflow:hidden;background:var(--fond-surface-alt)}& li>img{block-size:100%;object-fit:cover}& li.large{grid-column:1 / -1}& li.large:not(.pile){aspect-ratio:2}& li.pile{aspect-ratio:auto;display:flex;flex-direction:column}& li.pile>img{block-size:auto;object-fit:initial}& li:nth-child(odd):has(+li.pile),li.pile:nth-child(odd)+li{aspect-ratio:auto}& li:nth-child(odd):has(+li.pile),li.pile:nth-child(odd)+li{position:relative}& li:nth-child(odd):has(+li.pile)>img,li.pile:nth-child(odd)+li>img{position:absolute;inset:0;inline-size:100%}@media(width<45rem){grid-template-columns:minmax(0,1fr);& li{aspect-ratio:auto}& li>img{block-size:auto;object-fit:initial}& li>img{position:static!important}& li.pile{gap:inherit;background:none}}}main .rea-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.375rem,.58vw,.75rem);align-items:center;&.is-seul{grid-template-columns:minmax(0,1fr)}@media(width<=40rem){grid-template-columns:minmax(0,1fr);gap:2rem}}main .rea-connexes{padding-block-start:var(--fi-band);& h2{margin:0;text-align:center}.rea-grille{margin-block-start:clamp(2.5rem,1rem + 4.3vw,5.6rem)}}main .fiche-hero.is-realisation+.rea-connexes{padding-block-start:0}.rea-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,1rem + 3.5vw,5rem) clamp(1.5rem,.5rem + 2.6vw,3.5rem);>li{margin:0}&.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(width<=64rem){&.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width<=40rem){&,&.is-3{grid-template-columns:minmax(0,1fr)}}}.rea-carte{display:flex;flex-direction:column;block-size:100%;text-decoration:none;color:inherit;.ph{display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:clamp(1rem,.5rem + 1.4vw,2rem);background:var(--fond-surface-alt)}.ph img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform .5s ease}&:hover .ph img{transform:scale(1.04)}.ph.is-bandeau img{object-fit:contain}.pied{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem 1.5rem;margin-block-start:clamp(1rem,.6rem + .9vw,1.5rem)}.ti{flex:0 0 auto;max-inline-size:50%;font:var(--t-carte);letter-spacing:var(--ls-carte);margin:0;color:var(--heading);text-wrap:balance}&:is(:hover,:focus-visible) .ti{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}.types{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;flex:1 1 0;min-inline-size:0}.types li{margin:0;padding:.2em .75em;border:1px solid var(--border-strong);border-radius:var(--radius-full);font:var(--t-pied);letter-spacing:var(--ls-pied);color:var(--text);white-space:nowrap}@media(width<=40rem){.pied{flex-direction:column;align-items:flex-start}.ti{max-inline-size:none}.types{flex:none}.types{justify-content:flex-start}}}main .realisations-wrap .empty-state{color:var(--muted)}main .rea-filtres{display:flex;flex-wrap:wrap;gap:clamp(.75rem,.34rem + .96vw,1.4rem);margin-block-end:clamp(2.5rem,1.2rem + 3.36vw,4.8rem);&[hidden]{display:none}.btn{font:var(--t-cta);letter-spacing:var(--ls-cta);padding-block:0;background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bd);cursor:pointer}.btn-outline{--btn-bg: transparent;--btn-fg: var(--texte-lien);--btn-bd: var(--texte-lien);&:hover{--btn-bg: var(--fond-action-subtil);--btn-fg: var(--texte-lien-survol);--btn-bd: var(--texte-lien-survol);box-shadow:none}}.btn-primary{--btn-fg: var(--beige-light)}.btn:after{display:none}}.rea-grille>li[hidden]{display:none}main .rea-visuels img{cursor:zoom-in}main .rea-visuels img:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}html.lb-ouvert{overflow:hidden}.rea-lb{inline-size:100vw;block-size:100dvh;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;background:#00053efb;color:#fff;&::backdrop{background:#00053efb}&[open]{display:grid;place-items:center}& figure{margin:0;inline-size:100%;block-size:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:clamp(3.5rem,6vw,5rem) clamp(1rem,7vw,6.5rem) 1.25rem;gap:.75rem}& figure img{inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:calc(100dvh - clamp(3.5rem,6vw,5rem) - 4rem);object-fit:contain;cursor:default}& figcaption{font-size:.875rem;letter-spacing:.04em;opacity:.75;min-block-size:1.2em}& button{position:absolute;display:grid;place-items:center;inline-size:3rem;block-size:3rem;padding:0;border:1px solid rgb(255 255 255 / .35);border-radius:50%;background:#00053e80;color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s;&:hover{background:var(--accent);border-color:var(--accent)}&:focus-visible{outline:3px solid #fff;outline-offset:2px}&[hidden]{display:none}}& button svg{inline-size:1.25rem;block-size:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rea-lb-fermer{inset-block-start:1rem;inset-inline-end:1rem}.rea-lb-prec{inset-inline-start:1rem;inset-block-start:50%;translate:0 -50%}.rea-lb-suiv{inset-inline-end:1rem;inset-block-start:50%;translate:0 -50%}@media(width<45rem){& figure{padding-inline:.75rem;padding-block-end:4.5rem}& figure img{max-block-size:calc(100dvh - 12rem)}.rea-lb-prec,.rea-lb-suiv{inset-block:auto 1rem;translate:none}}}