.reference-groups{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cbd7db;margin:-2rem 0 3.5rem;background:#fff}.reference-groups>div{min-height:138px;padding:1.2rem;border-right:1px solid #cbd7db;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.reference-groups>div:last-child{border-right:0}.reference-groups span{font-size:.55rem;letter-spacing:.16em;color:#69808a}.reference-groups img{width:150px;height:72px;object-fit:contain}.brother-logo{font:700 2.1rem Arial,sans-serif;letter-spacing:-.1em;color:#0064a8}.brand-stage{flex-direction:column;gap:2rem}.brand-stage>img{position:relative;z-index:2;width:46%;height:42%;object-fit:contain;filter:drop-shadow(0 10px 24px #0005)}.brand-stage>.brother-logo{position:relative;z-index:2;font-size:3.2rem}.project details{margin-top:1.2rem;border-top:1px solid #c7d3d6}.project summary{cursor:pointer;list-style:none;padding:1rem 0;color:#145a7a;font-weight:600;font-size:.78rem}.project summary::-webkit-details-marker{display:none}.project summary:after{content:'+';float:right;font-size:1.1rem}.project details[open] summary:after{content:'−'}.case-sheet{background:#e4eef2;border-left:3px solid #145a7a;padding:1.4rem;color:#304d59;font-size:.82rem;line-height:1.65}.case-sheet>span{font-size:.57rem;letter-spacing:.15em;color:#145a7a}.case-sheet h4{font:500 1.25rem var(--serif);margin:.5rem 0 1rem;color:#071a24}.case-sheet ul{padding-left:1.2rem}.case-sheet.warning{border-left-color:#788a91}.case-sheet.warning>span{color:#596e77}@media(max-width:850px){.reference-groups{grid-template-columns:1fr 1fr}.reference-groups>div:nth-child(2){border-right:0}.reference-groups>div:nth-child(-n+2){border-bottom:1px solid #cbd7db}}@media(max-width:520px){.reference-groups{grid-template-columns:1fr}.reference-groups>div{border-right:0;border-bottom:1px solid #cbd7db}.reference-groups>div:last-child{border-bottom:0}.brand-stage>img{width:58%}}
.customer-showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;align-items:center;margin-bottom:7rem}.customer-promise h2{font-size:clamp(2.8rem,4.8vw,5.5rem);margin:0}.customer-promise>p:last-of-type{max-width:560px;color:#687170;line-height:1.75;margin:1.8rem 0}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd7db;margin-top:2.2rem}.customer-stats span{padding:1rem .8rem 0 0;color:#687b83;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.customer-stats b{display:block;color:#145a7a;font:500 1.8rem var(--serif);letter-spacing:-.04em}.customer-showcase .reference-groups{margin:0;grid-template-columns:1fr 1fr}.customer-showcase .reference-groups>div{min-height:190px}.customer-showcase .reference-groups>div:nth-child(2){border-right:0}.customer-showcase .reference-groups>div:nth-child(-n+2){border-bottom:1px solid #cbd7db}.reference-groups small{color:#7c8f96;font-size:.6rem;letter-spacing:.06em}.project-heading{padding-top:5rem;border-top:1px solid #cbd7db}@media(max-width:850px){.customer-showcase{grid-template-columns:1fr;margin-bottom:5rem}.customer-showcase .reference-groups{grid-template-columns:1fr 1fr}}@media(max-width:520px){.customer-stats{grid-template-columns:1fr}.customer-showcase .reference-groups{grid-template-columns:1fr}.customer-showcase .reference-groups>div{min-height:150px}.customer-showcase .reference-groups>div{border-right:0;border-bottom:1px solid #cbd7db}.customer-showcase .reference-groups>div:last-child{border-bottom:0}}
.client-directory{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #cbd7db;border-left:1px solid #cbd7db;margin:-3rem 0 7rem}.client-directory article{min-height:210px;padding:1.6rem;border-right:1px solid #cbd7db;border-bottom:1px solid #cbd7db;display:grid;grid-template-columns:42px 1fr;align-content:start;gap:.8rem}.client-directory article>span{grid-row:1/3;color:#287a9b;font-size:.62rem}.client-directory h3{margin:0;font:500 1.35rem var(--serif);color:#102c37}.client-directory p{margin:.4rem 0 0;color:#667b83;line-height:1.75;font-size:.86rem;max-width:820px}@media(max-width:700px){.client-directory{grid-template-columns:1fr}}
.client-cloud{position:relative;min-height:380px;padding:3.2rem;background:linear-gradient(145deg,#fff,#f4f8f9);border:1px solid #cbd7db;display:flex;flex-direction:column;justify-content:center;gap:1.8rem;overflow:hidden}.client-cloud:before{content:"";position:absolute;width:330px;height:330px;border:1px solid #d5e5eb;border-radius:50%;right:-90px;top:-110px}.cloud-label{position:absolute;top:1.3rem;left:1.5rem;color:#6c8c99;font-size:.55rem;letter-spacing:.16em}.cloud-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;color:#173846;white-space:nowrap}.cloud-row b,.cloud-row strong{font-family:var(--serif);font-weight:500}.row-one b{font-size:1.2rem}.row-one strong{font-size:1rem;color:#367a96}.row-two strong{font-size:1.15rem}.row-two b{font-size:1.7rem;color:#145a7a}.row-three b{font-size:1rem;color:#367a96}.row-three strong{font-size:1.15rem}.client-cloud>p{margin:.8rem 0 0;border-top:1px solid #d9e4e8;padding-top:1rem;color:#78909a;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}@media(max-width:850px){.client-cloud{min-height:330px}.cloud-row{flex-wrap:wrap;justify-content:flex-start;white-space:normal}}@media(max-width:520px){.client-cloud{padding:4rem 1.4rem 2rem}.cloud-row{gap:.8rem 1.2rem}.cloud-row b,.cloud-row strong{font-size:1rem!important}}
.brand-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d7e3e7;border:1px solid #d7e3e7;margin-top:1rem}.brand-logo-grid figure{margin:0;min-height:92px;padding:.8rem;background:#fff;display:flex;align-items:center;justify-content:center;gap:.7rem;flex-direction:column}.brand-logo-grid img{width:44px;height:44px;object-fit:contain}.brand-logo-grid figure:nth-child(6) img,.brand-logo-grid figure:nth-child(7) img{width:84px}.brand-logo-grid figcaption{color:#31515f;font-size:.58rem;letter-spacing:.04em;text-align:center}.client-cloud:has(.brand-logo-grid){padding:3.2rem 1.5rem 1.5rem;justify-content:flex-start;gap:.8rem}.client-cloud:has(.brand-logo-grid)>p{margin-top:auto}@media(max-width:850px){.brand-logo-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.brand-logo-grid{grid-template-columns:repeat(2,1fr)}.brand-logo-grid figure{min-height:86px}}
.brand-logo-grid .featured-brand{grid-column:1/-1;min-height:74px;flex-direction:row;gap:1.2rem}.brand-logo-grid .featured-brand img{width:110px;height:45px}.brand-logo-grid .featured-brand figcaption{font-size:.65rem}@media(max-width:520px){.brand-logo-grid .featured-brand{grid-column:1/-1}}
.logo-marquee{position:relative;overflow:hidden;border:1px solid #d7e3e7;margin-top:1rem;background:#fff}.logo-marquee:before,.logo-marquee:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:52px;pointer-events:none}.logo-marquee:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.logo-marquee:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}.logo-track{display:flex;width:max-content;animation:logo-scroll 38s linear infinite}.logo-marquee:hover .logo-track{animation-play-state:paused}.logo-marquee .brand-logo-grid{display:flex;flex:none;grid-template-columns:none;gap:0;border:0;background:none;margin:0}.logo-marquee .brand-logo-grid figure,.logo-marquee .brand-logo-grid .featured-brand{flex:0 0 150px;min-height:112px;padding:1rem;border-right:1px solid #d7e3e7;flex-direction:column;gap:.7rem}.logo-marquee .brand-logo-grid img,.logo-marquee .brand-logo-grid .featured-brand img{width:54px;height:54px}.logo-marquee .brand-logo-grid figure:nth-child(6) img,.logo-marquee .brand-logo-grid figure:nth-child(7) img,.logo-marquee .brand-logo-grid .featured-brand img,.logo-marquee .brand-logo-grid img[src*="decapro"],.logo-marquee .brand-logo-grid img[src*="onepartner"]{width:92px}.logo-marquee .brand-logo-grid figcaption{font-size:.6rem}@keyframes logo-scroll{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.logo-strip[aria-hidden="true"]{display:none}}
.client-cloud:has(.logo-marquee){min-height:240px;padding:3.2rem 1.5rem 1.2rem}.client-cloud:has(.logo-marquee)>p{margin-top:auto}
.universe-logos{grid-column:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:.6rem;margin-top:.7rem}.universe-logos figure{margin:0;min-height:82px;padding:.65rem .45rem;background:#fff;border:1px solid #d6e1e5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.45rem}.universe-logos img{width:38px;height:38px;object-fit:contain}.universe-logos figure:first-child img[src*="aubureau"],.universe-logos img[src*="logo-krys"],.universe-logos img[src*="cloudfront"],.universe-logos img[src*="decapro"],.universe-logos img[src*="onepartner"]{width:64px}.universe-logos figcaption{color:#526d78;font-size:.5rem;line-height:1.2;text-align:center}@media(max-width:520px){.client-directory article{grid-template-columns:30px 1fr}.universe-logos{grid-column:1/-1}.universe-logos figure{min-height:76px}}
.universe-logos img[src*="onepartner"]{width:150px!important;height:28px;object-fit:cover;object-position:center}.logo-marquee .brand-logo-grid img[src*="onepartner"]{width:120px;height:24px;object-fit:cover;object-position:center}
.references-petrol .logo-track{mix-blend-mode:multiply}
.references-petrol{position:relative;margin-top:-9rem;padding:7rem 0 5rem;background:#aec8cd;box-shadow:0 0 0 100vmax #aec8cd;clip-path:inset(0 -100vmax);color:#0b2b35}.references-petrol .customer-promise h2{color:#0b2b35}.references-petrol .customer-promise h2 span{color:#416a74}.references-petrol .customer-promise>p:last-of-type{color:#365b64}.projects .references-petrol .kicker{color:#0b6076}.references-petrol .customer-stats{border-color:#7f9fa6}.references-petrol .customer-stats span{color:#365b64}.references-petrol .customer-stats b{color:#0b6076}.references-petrol .client-cloud,.references-petrol .logo-marquee,.references-petrol .brand-logo-grid figure,.references-petrol .universe-logos figure{background:transparent}.references-petrol .client-cloud,.references-petrol .logo-marquee{border-color:#7f9fa6}.references-petrol .client-cloud:before{border-color:#91afb5}.references-petrol .logo-marquee:before{background:linear-gradient(90deg,#aec8cd,transparent)}.references-petrol .logo-marquee:after{background:linear-gradient(-90deg,#aec8cd,transparent)}.references-petrol .logo-marquee .brand-logo-grid figure{border-color:#7f9fa6}.references-petrol .client-cloud>p{border-color:#7f9fa6;color:#365b64}.references-petrol .client-directory{margin-bottom:0;border-color:#7f9fa6}.references-petrol .client-directory article{background:transparent;border-color:#7f9fa6}.references-petrol .client-directory article>span{color:#0b6076}.references-petrol .client-directory h3{color:#0b2b35}.references-petrol .universe-logos figure{border-color:#7f9fa6}.references-petrol .brand-logo-grid img,.references-petrol .universe-logos img{mix-blend-mode:multiply}.references-petrol .brand-logo-grid figcaption,.references-petrol .universe-logos figcaption{color:#244b55}@media(max-width:850px){.references-petrol{margin-top:-6rem;padding:6rem 0 4rem}}

/* Galerie d'enseignes — composition fluide, sans grille de vignettes */
.references-petrol{background:linear-gradient(135deg,#c7dadd 0%,#b9d0d4 48%,#dbe6e4 100%);box-shadow:0 0 0 100vmax #c4d8da}
.references-petrol .client-cloud{min-height:272px;padding:4.3rem 0 1.4rem;border:0;border-radius:32px;background:linear-gradient(135deg,rgba(239,245,243,.8),rgba(216,229,228,.58));box-shadow:inset 0 0 0 1px rgba(32,79,90,.13),0 24px 60px rgba(18,56,65,.1)}
.references-petrol .client-cloud:before{width:260px;height:260px;right:-95px;top:-130px;border-color:rgba(19,83,99,.18)}
.references-petrol .cloud-label{top:1.55rem;left:2rem;color:#315b65;font-weight:600}
.references-petrol .logo-marquee{margin-top:0;border:0;border-top:1px solid rgba(37,84,94,.16);border-bottom:1px solid rgba(37,84,94,.16);background:transparent}
.references-petrol .logo-marquee:before{width:80px;background:linear-gradient(90deg,#dce7e5 10%,transparent)}
.references-petrol .logo-marquee:after{width:80px;background:linear-gradient(-90deg,#d7e4e2 10%,transparent)}
.references-petrol .logo-marquee .brand-logo-grid{align-items:center;padding:.85rem 0}
.references-petrol .logo-marquee .brand-logo-grid figure,.references-petrol .logo-marquee .brand-logo-grid .featured-brand{flex:0 0 176px;min-height:116px;padding:1rem 1.35rem;border:0;background:transparent;gap:.65rem}
.references-petrol .logo-marquee .brand-logo-grid figure:nth-child(3n+1){flex-basis:204px;transform:translateY(-4px)}
.references-petrol .logo-marquee .brand-logo-grid figure:nth-child(3n+2){flex-basis:154px;transform:translateY(5px)}
.references-petrol .logo-marquee .brand-logo-grid img,.references-petrol .logo-marquee .brand-logo-grid .featured-brand img{width:62px;height:58px;filter:drop-shadow(0 5px 9px rgba(17,54,62,.12));mix-blend-mode:multiply}
.references-petrol .logo-marquee .brand-logo-grid figure:nth-child(6) img,.references-petrol .logo-marquee .brand-logo-grid figure:nth-child(7) img,.references-petrol .logo-marquee .brand-logo-grid .featured-brand img,.references-petrol .logo-marquee .brand-logo-grid img[src*="decapro"],.references-petrol .logo-marquee .brand-logo-grid img[src*="onepartner"]{width:112px}
.references-petrol .logo-marquee .brand-logo-grid figcaption{font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:#355d65}
.references-petrol .client-cloud>p{margin:1rem 2rem 0;padding-top:0;border:0;color:#41666e}

.references-petrol .client-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:-3rem 0 7rem;border:0}
.references-petrol .client-directory article{min-height:220px;padding:2rem;border:0;border-radius:24px;background:rgba(239,245,243,.52);box-shadow:inset 0 0 0 1px rgba(31,83,94,.12);grid-template-columns:34px 1fr;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.references-petrol .client-directory article:hover{transform:translateY(-3px);background:rgba(245,248,247,.68);box-shadow:inset 0 0 0 1px rgba(31,83,94,.18),0 16px 35px rgba(19,57,65,.09)}
.references-petrol .client-directory article>span{padding-top:.35rem;font-weight:600}
.references-petrol .client-directory h3{font-size:1.55rem}
.references-petrol .universe-logos{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.15rem 1.55rem;margin-top:1.35rem}
.references-petrol .universe-logos figure{flex:0 1 74px;min-height:auto;padding:0;border:0;background:transparent;gap:.5rem}
.references-petrol .universe-logos img{width:46px;height:44px;filter:drop-shadow(0 4px 8px rgba(17,54,62,.1));mix-blend-mode:multiply}
.references-petrol .universe-logos figure:first-child img[src*="aubureau"],.references-petrol .universe-logos img[src*="logo-krys"],.references-petrol .universe-logos img[src*="cloudfront"],.references-petrol .universe-logos img[src*="decapro"]{width:76px}
.references-petrol .universe-logos img[src*="onepartner"]{width:112px!important}
.references-petrol .universe-logos figcaption{font-size:.48rem;letter-spacing:.055em;color:#355d65}
@media(max-width:850px){.references-petrol .client-directory{grid-template-columns:1fr}.references-petrol .client-cloud{border-radius:24px}.references-petrol .logo-marquee .brand-logo-grid figure,.references-petrol .logo-marquee .brand-logo-grid .featured-brand{flex-basis:150px}}
@media(max-width:520px){.references-petrol .client-cloud{padding-top:4.1rem}.references-petrol .cloud-label{left:1.25rem}.references-petrol .client-cloud>p{margin-left:1.25rem;margin-right:1.25rem}.references-petrol .client-directory article{padding:1.45rem}.references-petrol .universe-logos{gap:1rem}.references-petrol .universe-logos figure{flex-basis:66px}}

/* Réalisations possibles par univers */
.possibility-filters{flex-wrap:wrap}
.possibilities-grid{align-items:start}
.possibility-card{padding:0 1.5rem 1.5rem;border:1px solid #c9d2d3;background:#f6f4ef}
.possibility-visual{height:250px;padding:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.55rem}
.possibility-visual>*{position:relative;z-index:2}
.possibility-visual span{font-size:.58rem;letter-spacing:.18em;color:rgba(255,255,255,.68)}
.possibility-visual strong{font:500 clamp(1.5rem,2.6vw,2.6rem) var(--serif);letter-spacing:-.03em;color:#fff}
.possibility-visual small{font-size:.58rem;letter-spacing:.14em;color:rgba(255,255,255,.7)}
.project-image.cyan{background:radial-gradient(circle at 62% 38%,#2d8291,#173f48 52%,#101e22)}
.project-image.steel{background:radial-gradient(circle at 34% 40%,#647f8b,#2a4149 52%,#151f22)}
.possibility-card h3{font-size:1.65rem;line-height:1.2}
.possibility-list{list-style:none;padding:0;margin:1.5rem 0 0;border-top:1px solid #c9cecb}
.possibility-list li{padding:.85rem 0;border-bottom:1px solid #d4d8d5;color:#4f5f60;font-size:.83rem;line-height:1.5}
.possibility-list li:before{content:"↗";margin-right:.7rem;color:#0b6076}
@media(max-width:850px){.possibility-visual{height:220px}}

/* Fiches univers interactives */
.universe-trigger{cursor:pointer;position:relative}
.universe-trigger:focus-visible{outline:2px solid #0c7188;outline-offset:4px}
.references-petrol .client-directory .universe-trigger:after{content:"OUVRIR L’UNIVERS  ↗";position:absolute;right:1.8rem;top:1.9rem;font-size:.5rem;letter-spacing:.12em;color:#2e6874;opacity:0;transform:translateY(4px);transition:.22s ease}
.references-petrol .client-directory .universe-trigger:hover:after,.references-petrol .client-directory .universe-trigger:focus-visible:after{opacity:1;transform:none}
.possibility-filters button{display:inline-flex;align-items:center;gap:.55rem}
.possibility-filters button>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-size:.72rem}
.possibility-card{transition:transform .25s ease,box-shadow .25s ease}
.possibility-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(14,45,52,.12)}
.discover-universe{display:flex;justify-content:space-between;align-items:center;margin-top:1.35rem;padding-top:1rem;border-top:1px solid #c9cecb;color:#0b6076;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.discover-universe b{font-size:1rem}

.universe-dialog{width:min(1480px,94vw);height:min(880px,91vh);max-width:none;max-height:none;padding:0;border:0;border-radius:28px;background:#eef2ef;color:#132e35;box-shadow:0 40px 120px rgba(0,18,24,.46);overflow:hidden}
.universe-dialog::backdrop{background:rgba(3,18,23,.76);backdrop-filter:blur(8px)}
.universe-dialog-shell{display:grid;grid-template-columns:minmax(310px,.72fr) 1.45fr;height:100%}
.universe-dialog-close{position:absolute;z-index:5;right:1.3rem;top:1.2rem;width:44px;height:44px;border:1px solid rgba(11,52,62,.2);border-radius:50%;background:rgba(240,246,244,.85);color:#143b45;font-size:1.7rem;line-height:1;cursor:pointer;transition:.2s ease}
.universe-dialog-close:hover{transform:rotate(8deg);background:#fff}
.universe-dialog-visual{position:relative;padding:3.2rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:radial-gradient(circle at 72% 24%,#cc874f,#6b3d27 42%,#17262a 100%);color:#fff}
.universe-dialog-visual:before{content:"";position:absolute;width:430px;height:430px;right:-190px;top:-160px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}
.universe-dialog-visual[data-dialog-theme="loisirs"]{background:radial-gradient(circle at 72% 24%,#236f9b,#183f5c 45%,#111d24 100%)}
.universe-dialog-visual[data-dialog-theme="commerce"]{background:radial-gradient(circle at 72% 24%,#557d5e,#294b3d 45%,#14211f 100%)}
.universe-dialog-visual[data-dialog-theme="culture"]{background:radial-gradient(circle at 72% 24%,#71548d,#443357 45%,#181b25 100%)}
.universe-dialog-visual[data-dialog-theme="fitness"]{background:radial-gradient(circle at 72% 24%,#2d8291,#174650 45%,#101e22 100%)}
.universe-dialog-visual[data-dialog-theme="public"]{background:radial-gradient(circle at 72% 24%,#6d8790,#314b54 45%,#151f22 100%)}
.universe-dialog-visual[data-dialog-theme="yachting"]{background:radial-gradient(circle at 72% 24%,#177e96,#0c4154 45%,#071b25 100%)}
.project-image.navy{background:radial-gradient(circle at 72% 24%,#18768d,#0c3b4c 48%,#081923 100%)}
.references-petrol .universe-services .service-mark{display:grid;place-items:center;width:56px;height:44px;border:1px solid rgba(16,76,90,.3);border-radius:6px;color:#174f5e;font-size:.48rem;font-weight:700;line-height:1.15;letter-spacing:.09em;text-align:center}
.references-petrol .universe-logos img[src*="kometstudio"]{width:78px;height:44px}
.universe-dialog-index{position:absolute;top:2.5rem;left:3rem;font-size:.65rem;letter-spacing:.16em;color:rgba(255,255,255,.66)}
.universe-dialog-icon{position:relative;z-index:1;display:grid;place-items:center;width:92px;height:92px;margin-bottom:auto;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-size:2.5rem;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}
.universe-dialog-eyebrow{position:relative;z-index:1;margin:0 0 .85rem;font-size:.56rem;letter-spacing:.19em;color:rgba(255,255,255,.68)}
.universe-dialog-name{position:relative;z-index:1;font:500 clamp(2.3rem,4.2vw,5rem) var(--serif);line-height:.9;letter-spacing:-.045em}
.universe-dialog-tags{position:relative;z-index:1;margin-top:1.3rem;font-size:.56rem;letter-spacing:.15em;color:rgba(255,255,255,.7)}
.universe-dialog-content{padding:4.5rem clamp(2rem,4.5vw,5.5rem) 3rem;overflow:auto}
.universe-dialog-content h2{max-width:900px;margin:.5rem 0 1.15rem;font-size:clamp(2.1rem,3.6vw,4rem);line-height:1.02;letter-spacing:-.045em}
.universe-dialog-intro{max-width:850px;margin:0;color:#577078;font-size:.95rem;line-height:1.75}
.universe-dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2.4rem 0 1.6rem}
.universe-dialog-columns section{padding:1.6rem;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(31,76,86,.12)}
.universe-dialog-columns section>span,.universe-interfaces>span{display:block;margin-bottom:1rem;color:#0b6076;font-size:.56rem;font-weight:700;letter-spacing:.14em}
.universe-dialog-columns ul{list-style:none;margin:0;padding:0}
.universe-dialog-columns li{position:relative;padding:.72rem 0 .72rem 1.25rem;border-bottom:1px solid #dfe6e3;color:#3f575e;font-size:.78rem;line-height:1.45}
.universe-dialog-columns li:last-child{border-bottom:0}
.universe-dialog-columns li:before{content:"";position:absolute;left:0;top:1.05rem;width:5px;height:5px;border-radius:50%;background:#1b7a8f}
.universe-interfaces{padding:1.2rem 0 1.5rem;border-top:1px solid #ccd7d5;border-bottom:1px solid #ccd7d5}
.universe-interfaces>div{display:flex;flex-wrap:wrap;gap:.6rem}
.universe-interfaces b{padding:.62rem .85rem;border-radius:999px;background:#d9e7e6;color:#2f5962;font-size:.62rem;font-weight:600}
.universe-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem}
.universe-dialog-footer p{margin:0;color:#718387;font-size:.68rem}
.universe-dialog-cta{flex:none}
@media(max-width:900px){.universe-dialog{height:94vh}.universe-dialog-shell{grid-template-columns:1fr;grid-template-rows:230px 1fr}.universe-dialog-visual{padding:2rem;justify-content:flex-end}.universe-dialog-icon{position:absolute;right:2rem;bottom:2rem;width:66px;height:66px;margin:0;font-size:1.7rem}.universe-dialog-index{top:1.7rem;left:2rem}.universe-dialog-name{font-size:2.7rem}.universe-dialog-content{padding:2.4rem 1.5rem}.universe-dialog-columns{grid-template-columns:1fr}.universe-dialog-close{background:#fff}.universe-dialog-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.references-petrol .client-directory .universe-trigger:after{display:none}.universe-dialog{width:96vw;border-radius:20px}.universe-dialog-shell{grid-template-rows:200px 1fr}.universe-dialog-content h2{font-size:2rem}.universe-dialog-columns{margin-top:1.7rem}.universe-dialog-cta{width:100%;justify-content:space-between}}

/* Titre vertical des fiches univers */
@media(min-width:901px){
  .universe-dialog-visual{align-items:flex-start}
  .universe-dialog-icon{align-self:flex-end;margin-bottom:0}
  .universe-dialog-eyebrow{position:absolute;left:3rem;bottom:3rem;margin:0}
  .universe-dialog-name{position:absolute;left:2.65rem;bottom:7.2rem;max-height:calc(100% - 14rem);font-size:clamp(2.1rem,5.2vh,3.2rem);line-height:.88;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:normal}
  .universe-dialog-tags{position:absolute;right:2.6rem;bottom:3rem;margin:0;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}
}

/* Pictogrammes vectoriels des univers */
.theme-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.universe-card-picto,.possibility-picto,.possibility-filters svg,.universe-dialog-icon svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.universe-card-picto{position:absolute;z-index:2;right:1.7rem;top:1.55rem;width:42px;height:42px;padding:9px;border:1px solid rgba(22,86,99,.22);border-radius:50%;color:#1c6878;background:rgba(245,249,248,.32);transition:.25s ease}
.references-petrol .client-directory .universe-trigger:hover .universe-card-picto{transform:scale(1.06);color:#0a5365;background:rgba(255,255,255,.56)}
.references-petrol .client-directory .universe-trigger:after{top:auto;right:1.8rem;bottom:1.35rem}
.possibility-filters button>span svg{width:13px;height:13px}
.possibility-picto{position:absolute!important;z-index:3!important;right:1.5rem;top:1.5rem;width:62px;height:62px;padding:15px;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(6px);transition:.25s ease}
.possibility-card:hover .possibility-picto{transform:scale(1.06);background:rgba(255,255,255,.12)}
.universe-dialog-icon{position:absolute;z-index:2;top:2.7rem;right:2.7rem;width:92px;height:92px;margin:0}
.universe-dialog-icon svg{width:42px;height:42px}
@media(max-width:900px){.universe-dialog-icon{top:1.7rem;right:2rem;bottom:auto;width:66px;height:66px}.universe-dialog-icon svg{width:30px;height:30px}}
@media(max-width:520px){.universe-card-picto{right:1.2rem;top:1.2rem;width:38px;height:38px;padding:8px}.possibility-picto{width:52px;height:52px;padding:13px}}

/* Univers techniques interactifs */
.service-list .tech-trigger{cursor:pointer;align-items:center}
.service-list .tech-trigger:focus-visible{outline:2px solid #6bc4df;outline-offset:4px}
.tech-service-icon{display:grid;place-items:center;width:46px;height:46px!important;border:1px solid #3b4d52;border-radius:50%;color:#79c7df!important;background:#142126;transition:.25s ease}
.tech-service-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.service-list .tech-trigger:hover .tech-service-icon{transform:scale(1.07);color:#b8e9f5!important;border-color:#65aabd;background:#1a3037}
.service-list .tech-trigger:after{content:"VOIR LES SOLUTIONS  ↗";position:absolute;right:0;bottom:.7rem;color:#708184;font-size:.5rem;letter-spacing:.13em;opacity:0;transform:translateY(4px);transition:.25s ease}
.service-list .tech-trigger{position:relative}
.service-list .tech-trigger:hover:after,.service-list .tech-trigger:focus-visible:after{opacity:1;transform:none}

.tech-dialog{width:min(1480px,94vw);height:min(860px,91vh);max-width:none;max-height:none;padding:0;border:0;border-radius:28px;background:#eff3f1;color:#132e35;box-shadow:0 40px 120px rgba(0,18,24,.5);overflow:hidden}
.tech-dialog::backdrop{background:rgba(3,18,23,.78);backdrop-filter:blur(8px)}
.tech-dialog-shell{display:grid;grid-template-columns:minmax(330px,.72fr) 1.45fr;height:100%}
.tech-dialog-close{position:absolute;z-index:5;right:1.3rem;top:1.2rem;width:44px;height:44px;border:1px solid rgba(11,52,62,.2);border-radius:50%;background:rgba(240,246,244,.88);color:#143b45;font-size:1.7rem;line-height:1;cursor:pointer;transition:.2s ease}
.tech-dialog-close:hover{transform:rotate(8deg);background:#fff}
.tech-dialog-visual{position:relative;padding:3rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 20%,#2383a0,#12465a 43%,#0b1c23 100%)}
.tech-dialog-visual:before{content:"";position:absolute;width:470px;height:470px;right:-205px;top:-180px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 72px rgba(255,255,255,.035),0 0 0 144px rgba(255,255,255,.02)}
.tech-dialog-visual[data-tech-theme="video"]{background:radial-gradient(circle at 75% 20%,#467da0,#243f57 43%,#101a21 100%)}
.tech-dialog-visual[data-tech-theme="light"]{background:radial-gradient(circle at 75% 20%,#c58b46,#704822 43%,#21180f 100%)}
.tech-dialog-visual[data-tech-theme="control"]{background:radial-gradient(circle at 75% 20%,#8664a0,#4b365d 43%,#1b1521 100%)}
.tech-dialog-visual[data-tech-theme="network"]{background:radial-gradient(circle at 75% 20%,#3b8b78,#255346 43%,#101f1b 100%)}
.tech-dialog-visual[data-tech-theme="security"]{background:radial-gradient(circle at 75% 20%,#75898f,#3b4e55 43%,#151f23 100%)}
.tech-dialog-eyebrow{position:absolute;left:3rem;top:3rem;font-size:.56rem;letter-spacing:.19em;color:rgba(255,255,255,.68)}
.tech-dialog-icon{position:absolute;right:3rem;top:3rem;z-index:2;display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}
.tech-dialog-icon svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.tech-dialog-name{position:relative;z-index:1;font:500 clamp(2.4rem,4.1vw,4.8rem) var(--serif);line-height:.92;letter-spacing:-.05em}
.tech-dialog-tags{position:relative;z-index:1;margin-top:1.3rem;font-size:.56rem;letter-spacing:.15em;color:rgba(255,255,255,.72)}
.tech-dialog-content{padding:4.2rem clamp(2rem,4.4vw,5.2rem) 3rem;overflow:auto}
.tech-dialog-content h2{max-width:900px;margin:.5rem 0 1.1rem;font-size:clamp(2.1rem,3.6vw,4rem);line-height:1.02;letter-spacing:-.045em}
.tech-dialog-intro{max-width:850px;margin:0;color:#577078;font-size:.95rem;line-height:1.75}
.tech-dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2.25rem 0 1.5rem}
.tech-dialog-columns section{padding:1.55rem;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(31,76,86,.12)}
.tech-dialog-columns section>span,.tech-brands>span{display:block;margin-bottom:1rem;color:#0b6076;font-size:.56rem;font-weight:700;letter-spacing:.14em}
.tech-dialog-columns ul{list-style:none;margin:0;padding:0}
.tech-dialog-columns li{position:relative;padding:.72rem 0 .72rem 1.25rem;border-bottom:1px solid #dfe6e3;color:#3f575e;font-size:.78rem;line-height:1.45}
.tech-dialog-columns li:last-child{border-bottom:0}
.tech-dialog-columns li:before{content:"";position:absolute;left:0;top:1.05rem;width:5px;height:5px;border-radius:50%;background:#1b7a8f}
.tech-brands{padding:1.25rem 0 1.45rem;border-top:1px solid #ccd7d5;border-bottom:1px solid #ccd7d5}
.tech-brands>div{display:flex;flex-wrap:wrap;gap:.6rem}
.tech-brands b{padding:.7rem 1rem;border-radius:999px;background:#d8e6e5;color:#294f58;font-size:.66rem;font-weight:700;letter-spacing:.04em}
.tech-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem}
.tech-dialog-footer p{margin:0;color:#718387;font-size:.68rem}
.tech-dialog-cta{flex:none}
@media(max-width:900px){.service-list .tech-trigger:after{display:none}.tech-dialog{height:94vh}.tech-dialog-shell{grid-template-columns:1fr;grid-template-rows:230px 1fr}.tech-dialog-visual{padding:2rem}.tech-dialog-eyebrow{left:2rem;top:2rem}.tech-dialog-icon{right:2rem;top:2rem;width:66px;height:66px}.tech-dialog-icon svg{width:30px;height:30px}.tech-dialog-name{font-size:2.7rem}.tech-dialog-content{padding:2.4rem 1.5rem}.tech-dialog-columns{grid-template-columns:1fr}.tech-dialog-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.tech-dialog{width:96vw;border-radius:20px}.tech-dialog-shell{grid-template-rows:200px 1fr}.tech-dialog-content h2{font-size:2rem}.tech-dialog-columns{margin-top:1.7rem}.tech-dialog-cta{width:100%;justify-content:space-between}.tech-service-icon{width:40px;height:40px!important}.tech-service-icon svg{width:20px;height:20px}}
@media(min-width:901px){.tech-dialog-name{position:absolute;left:2.65rem;bottom:7.2rem;max-height:calc(100% - 14rem);font-size:clamp(2.1rem,5.2vh,3.2rem);line-height:.88;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:normal}.tech-dialog-tags{position:absolute;right:2.6rem;bottom:3rem;margin:0;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}}

/* Ajustements de la galerie clients */
.references-petrol .client-directory article{min-height:190px;grid-template-columns:32px minmax(150px,190px) minmax(0,1fr);align-items:start;background:rgba(17,63,73,.58);box-shadow:inset 0 0 0 1px rgba(210,235,236,.13),0 12px 28px rgba(10,44,52,.08)}
.references-petrol .client-directory article:hover{background:rgba(13,57,68,.7);box-shadow:inset 0 0 0 1px rgba(221,242,242,.2),0 18px 38px rgba(8,39,47,.15)}
.references-petrol .client-directory article>span{grid-column:1;grid-row:1;color:#b7e7ec}
.references-petrol .client-directory h3{grid-column:2;grid-row:1;color:#f0f7f6;font-size:1.35rem;padding-top:.1rem}
.references-petrol .client-directory .universe-card-picto{color:#d8f1f3;border-color:rgba(220,241,243,.35);background:rgba(255,255,255,.05)}
.references-petrol .universe-logos{grid-column:3;grid-row:1;margin-top:0;align-items:flex-start;align-self:start}
.references-petrol .universe-logos img{mix-blend-mode:normal;filter:drop-shadow(0 5px 9px rgba(0,22,28,.25))}
.references-petrol .universe-logos figcaption{color:#d5e7e8}
.references-petrol .universe-services .service-mark{color:#ecf7f7;border-color:rgba(219,240,242,.4);background:rgba(255,255,255,.06)}
.references-petrol .client-directory article[data-universe="yachting"]{grid-column:1/-1;min-height:150px;background:transparent;box-shadow:none;border:0;border-radius:0}
.references-petrol .client-directory article[data-universe="yachting"]:hover{background:rgba(18,67,77,.12);box-shadow:none}
.references-petrol .client-directory article[data-universe="yachting"]>span{color:#0b6076}
.references-petrol .client-directory article[data-universe="yachting"] h3{color:#0b2b35}
.references-petrol .client-directory article[data-universe="yachting"] .universe-card-picto{color:#0b6076;border-color:rgba(16,76,90,.28);background:rgba(255,255,255,.15)}
.references-petrol .client-directory article[data-universe="yachting"] .service-mark{color:#174f5e;border-color:rgba(16,76,90,.3);background:transparent}
.references-petrol .client-directory article[data-universe="yachting"] figcaption{color:#355d65}
.references-petrol .universe-logos .amazon-brand img{width:48px;height:44px;padding:7px;background:#146eb4;border-radius:9px}
.references-petrol .universe-logos img[src*="logo-paradis-du-fruit"]{width:82px;height:46px}
.references-petrol .universe-logos img[src*="logo-colisee-lens"]{width:86px;height:48px}
.references-petrol .universe-logos img[src*="logo-plage-du-festival"]{width:96px;height:44px}
.references-petrol .universe-logos img[src*="logo-patinoire-dunkerque"],.references-petrol .universe-logos img[src*="logo-glaceo"],.references-petrol .universe-logos img[src*="logo-le-dome-laon"]{width:88px;height:48px}

/* Une réalisation en fond de chaque univers, assombrie à 80 % */
.possibility-card[data-cat="restauration"] .possibility-visual{background:linear-gradient(rgba(5,28,35,.8),rgba(5,28,35,.8)),url("assets/chantier-13-au-bureau-mur-video-v2.png") center/cover}
.possibility-card[data-cat="loisirs"] .possibility-visual{background:linear-gradient(rgba(5,28,35,.8),rgba(5,28,35,.8)),url("assets/chantier-04-arenes-brive.png") center/cover}
.possibility-card[data-cat="commerce"] .possibility-visual{background:linear-gradient(rgba(5,28,35,.8),rgba(5,28,35,.8)),url("assets/chantier-01-espace-restauration.png") center/cover}
.possibility-card[data-cat="culture"] .possibility-visual{background:linear-gradient(rgba(5,28,35,.8),rgba(5,28,35,.8)),url("assets/chantier-20-salle-projection-v3.png") center/cover}
.possibility-card[data-cat="fitness"] .possibility-visual{background:linear-gradient(rgba(5,28,35,.8),rgba(5,28,35,.8)),url("assets/chantier-17-eclairage-scenique-v2.png") center/cover}
.possibility-card[data-cat="public"] .possibility-visual{background:linear-gradient(rgba(5,28,35,.8),rgba(5,28,35,.8)),url("assets/chantier-09-patinoire-serge-charles.png") center/cover}
.possibility-card[data-cat="yachting"]{grid-column:1/-1}
.possibility-card[data-cat="yachting"] .possibility-visual{height:310px;background:linear-gradient(rgba(5,28,35,.8),rgba(5,28,35,.8)),url("assets/chantier-14-yacht-salon-video-v2.png") center/cover}
.possibility-card[data-cat="yachting"] .possibility-picto{width:72px;height:72px}

@media(max-width:1100px){.references-petrol .client-directory article{grid-template-columns:32px 1fr}.references-petrol .client-directory h3{grid-column:2}.references-petrol .universe-logos{grid-column:1/-1;grid-row:auto;margin-top:1rem}}
@media(max-width:850px){.possibility-card[data-cat="yachting"]{grid-column:auto}.possibility-card[data-cat="yachting"] .possibility-visual{height:220px}}

/* Reprise des références : même fond que les cartes et pictogrammes en tête */
.references-petrol .client-cloud{background:rgba(17,63,73,.58);box-shadow:inset 0 0 0 1px rgba(210,235,236,.13),0 18px 42px rgba(10,44,52,.12)}
.references-petrol .client-cloud:before{border-color:rgba(220,241,243,.18)}
.references-petrol .client-cloud .cloud-label,.references-petrol .client-cloud>p{color:#d5e7e8}
.references-petrol .client-cloud .logo-marquee{border-color:rgba(221,242,242,.18)}
.references-petrol .client-cloud .logo-marquee:before{background:linear-gradient(90deg,#416d75 12%,transparent)}
.references-petrol .client-cloud .logo-marquee:after{background:linear-gradient(-90deg,#416d75 12%,transparent)}
.references-petrol .client-cloud .brand-logo-grid figure{padding:.8rem;border-radius:14px;background:rgba(255,255,255,.12)}
.references-petrol .client-cloud .brand-logo-grid img{mix-blend-mode:normal;filter:drop-shadow(0 5px 9px rgba(0,22,28,.22))}
.references-petrol .client-cloud .brand-logo-grid figcaption{color:#e1efef}
.references-petrol .client-cloud .logo-marquee .brand-logo-grid figure{margin:.45rem .35rem;padding:.85rem 1.2rem;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 46%,rgba(224,246,248,.2),rgba(224,246,248,0) 68%);box-shadow:none;transform:none}
.references-petrol .client-cloud .logo-marquee .brand-logo-grid img{filter:drop-shadow(0 0 9px rgba(205,244,248,.42)) drop-shadow(0 6px 9px rgba(0,24,31,.3));mix-blend-mode:normal}
.references-petrol .client-cloud .logo-marquee .brand-logo-grid figcaption{color:#e1efef;font-weight:600;text-shadow:0 2px 7px rgba(0,25,32,.42)}
.references-petrol .universe-logos .white-logo-tile img{width:96px;height:48px;padding:7px 9px;border-radius:8px;background:#fff;box-shadow:0 6px 16px rgba(0,25,32,.22);object-fit:contain}
.universe-leading-picto{grid-column:1;grid-row:1;width:30px;height:30px;padding:6px;border:1px solid rgba(220,241,243,.38);border-radius:50%;color:#d8f1f3;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;background:rgba(255,255,255,.06)}
.references-petrol .client-directory h3{align-self:center}
@media(max-width:520px){.universe-leading-picto{width:28px;height:28px;padding:5px}}

/* Menu des univers : boutons distincts, espacés et arrondis */
.possibility-filters{display:flex;justify-content:space-between;gap:.8rem 1rem;margin-bottom:2.4rem}
.possibility-filters button{flex:1 1 auto;justify-content:center;min-height:46px;padding:.72rem 1.05rem;border:1px solid rgba(34,82,93,.3);border-radius:999px;background:rgba(255,255,255,.66);box-shadow:0 7px 18px rgba(20,61,70,.07);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.possibility-filters button:hover,.possibility-filters button:focus-visible{transform:translateY(-2px);background:#fff;box-shadow:0 10px 24px rgba(20,61,70,.13)}
.possibility-filters button.active{background:#102d36;border-color:#102d36;color:#fff;box-shadow:0 10px 24px rgba(9,44,53,.2)}
@media(max-width:850px){.possibility-filters{justify-content:flex-start;gap:.65rem}.possibility-filters button{flex:0 1 auto}}

/* Logos nets au premier plan, fond du carrousel conservé en fondu */
.references-petrol .client-cloud .logo-marquee{isolation:isolate;background:linear-gradient(90deg,rgba(210,230,231,.08),rgba(7,39,47,.13),rgba(210,230,231,.08));backdrop-filter:blur(7px)}
.references-petrol .client-cloud .logo-track{position:relative;z-index:2;mix-blend-mode:normal}
.references-petrol .client-cloud .logo-marquee .brand-logo-grid img{position:relative;z-index:3;opacity:1;filter:drop-shadow(0 0 5px rgba(234,253,255,.62)) drop-shadow(0 8px 12px rgba(0,20,28,.38));transform:translateZ(0)}
.references-petrol .client-cloud .logo-marquee .brand-logo-grid figcaption{position:relative;z-index:3;opacity:1}

/* Fond pétrole et angles plus généreux derrière les cartes de réalisations */
.possibilities-grid{padding:1.5rem;gap:1.5rem;border-radius:34px;background:linear-gradient(145deg,#0d3e49,#082c36);box-shadow:inset 0 0 0 1px rgba(204,235,237,.12),0 22px 54px rgba(10,48,57,.17)}
.possibility-card{border:0;border-radius:24px;overflow:hidden;box-shadow:0 10px 26px rgba(0,23,30,.16)}
.possibility-card .possibility-visual{margin-top:1.5rem;border-radius:17px;overflow:hidden}
@media(max-width:850px){.possibilities-grid{padding:1rem;border-radius:24px}.possibility-card{border-radius:19px}.possibility-card .possibility-visual{margin-top:1rem;border-radius:14px}}