.grid-x3{display:grid;grid-template-columns:repeat(3, 1fr);gap:clamp(2rem,3vw,4rem)}.realisation{--realisation-cadrage: 25% 50%;--realisation-picto: 2.5rem;--realisation-picto-ecart: .9rem;display:grid;grid-template-columns:51fr 49fr;background:var(--surface)}.realisation .realisation__visuel{grid-area:1/1/2/-1;position:sticky;top:0;align-self:start;height:100vh;height:100svh;overflow:hidden;background:var(--surface-3)}.realisation .realisation__image{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;object-fit:cover;object-position:var(--realisation-cadrage)}.realisation .realisation__visuel::after{content:"";position:absolute;inset:0;background:linear-gradient(to right, rgba(16, 16, 16, 0) 35%, rgba(16, 16, 16, 0.38));pointer-events:none}.realisation .realisation__corps{grid-area:1/2/2/-1;position:relative;z-index:1;background:rgba(var(--bg-rgb), 0.8);backdrop-filter:blur(16px);padding:clamp(2.75rem,5vw,5rem) clamp(1.5rem,3.25vw,4rem) clamp(2.5rem,4.5vw,4.25rem)}.realisation .realisation__meta{margin:0;padding-bottom:clamp(.9rem,1.6vw,1.2rem);border-bottom:1px solid var(--hairline);font-family:var(--sans);font-size:.75rem;font-weight:500;line-height:1.4;letter-spacing:.09em;text-wrap:balance;text-transform:uppercase;color:var(--orange)}.realisation .realisation__titre{margin:clamp(1.4rem,2.6vw,2.3rem) 0 0;font-family:var(--serif);font-size:clamp(2rem,2.5vw,4.9rem);font-weight:400;line-height:1.04;letter-spacing:-0.015em;color:var(--ink)}.realisation .realisation__titre::after{content:"";display:block;width:5.5rem;height:3px;margin-top:clamp(1.3rem,2.4vw,2rem);background:var(--orange)}.realisation .realisation__section{margin-top:clamp(1.8rem,3.4vw,2.8rem)}.realisation .realisation__section li{color:var(--ink-soft);font-size:clamp(.98rem,1.15vw,1.06rem);line-height:1.4;margin-bottom:.3em}.realisation .realisation__section+.realisation__section{margin-top:clamp(2rem,3.8vw,3.1rem);padding-top:clamp(2rem,3.8vw,3.1rem);border-top:1px solid var(--hairline)}.realisation .realisation__soustitre{margin:0 0 clamp(.85rem,1.6vw,1.25rem);font-family:var(--serif);font-size:clamp(1.15rem,1.9vw,1.45rem);font-weight:400;line-height:1.2;letter-spacing:0;text-transform:none;color:var(--orange)}.realisation .realisation__section p{margin:0;font-size:clamp(.98rem,1.15vw,1.06rem);line-height:1.62;color:var(--ink-soft)}.realisation .realisation__section p+p{margin-top:1.05rem}.realisation .realisation__ligne{margin-bottom:.5rem}.realisation .realisation__cle{font-family:var(--sans);font-size:.97rem;font-weight:600;line-height:1.3;color:var(--ink);display:inline-block}.realisation .realisation__cle:after{content:" : "}.realisation .realisation__valeur{margin:0;padding-left:0;font-size:.97rem;line-height:1.5;color:var(--ink-soft);display:inline-block}.realisation .realisation__aide{display:block;margin-top:.1rem;font-size:.84rem;line-height:1.45;color:var(--ink-mute)}.realisation .realisation__lien{top:clamp(1.8rem,3.4vw,2.8rem);left:clamp(1.8rem,3.4vw,2.8rem);position:absolute;z-index:2}.realisation .realisation__lien .btn{margin-top:0}.fiche__boite:has(.realisation){width:min(70rem,100%);overflow:hidden}.fiche[data-taille=small] .fiche__boite,.fiche__boite:has(.realisation--simple),.fiche__boite:has(.fiche-technique),.fiche__boite:has(.technique){width:min(44rem,100%)}.realisation--simple,.realisation:not(:has(.realisation__visuel)){display:block}.realisation--simple .realisation__corps,.realisation:not(:has(.realisation__visuel)) .realisation__corps{grid-area:auto;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,3.25vw,3rem) clamp(2.5rem,4.5vw,3.5rem)}.fiche__zone:has(.realisation){padding:0}.fiche-page.fiche-page--realisation{width:100%;max-width:none;margin:0;padding:0}.fiche-page--realisation .realisation{min-height:100vh;min-height:100svh}.fiche-page__retour.fiche-page__retour--flottant{position:fixed;z-index:10;bottom:clamp(.9rem,2vw,1.6rem);left:clamp(.9rem,2vw,1.6rem);width:auto;max-width:none;margin:0;padding:0}.fiche-page__retour--flottant .btn{margin-top:0;background:rgba(var(--bg-rgb), 0.78);backdrop-filter:blur(6px)}@media(max-width: 62rem){.realisation{grid-template-columns:1fr}.realisation .realisation__visuel{grid-area:1/1/2/-1;position:relative;height:auto;aspect-ratio:16/10}.realisation .realisation__corps{grid-area:2/1/3/-1;background:rgba(0,0,0,0);backdrop-filter:none}.realisation .realisation__visuel::after{background:linear-gradient(to bottom, rgba(16, 16, 16, 0) 55%, rgba(16, 16, 16, 0.7))}.fiche-page--realisation .realisation{min-height:0}.realisation .realisation__lien{bottom:clamp(1.8rem,3.4vw,2.8rem);right:clamp(1.8rem,3.4vw,2.8rem);top:initial;left:initial}}[data-theme=light] .realisation .realisation__visuel::after{background:linear-gradient(to right, rgba(var(--bg-rgb), 0) 35%, rgba(var(--bg-rgb), 0.38))}@media(max-width: 62rem){[data-theme=light] .realisation .realisation__visuel::after{background:linear-gradient(to bottom, rgba(var(--bg-rgb), 0) 55%, rgba(var(--bg-rgb), 0.7))}}[data-theme=light] .realisation .realisation__lien{--bg-rgb: 20, 20, 20;--hairline: rgba(236, 236, 236, .14)}[data-theme=light] .realisation .realisation__lien .btn--ghost:not(:hover):not(:focus-visible){color:#e5e5e5}@media(min-width: 62.01rem){.fiche-page--realisation .realisation__lien{top:calc(var(--nav-h) + .5rem)}.fiche-page--realisation .realisation__corps{padding-top:calc(var(--nav-h) + clamp(1rem,2vw,2rem))}}.page-fiche .footer{padding-bottom:calc(clamp(.9rem,2vw,1.6rem) + 4.5rem)}
