/* Bandeaux validés — 15 octobre 2026 — production et simulation locale. */
.upoo-hero-preview{--hero-image:none;--hero-position:center;--hero-size:cover;--hero-tint:linear-gradient(90deg,rgba(4,8,18,.76),rgba(4,8,18,.38) 47%,rgba(4,8,18,.04) 78%)}
.upoo-hero-accueil{--hero-image:url('assets/heroes/accueil-v4.webp');--hero-position:center 46%;--hero-size:cover;--hero-tint:linear-gradient(90deg,rgba(3,8,24,.56),rgba(3,8,24,.25) 58%,rgba(3,8,24,.03) 90%),linear-gradient(0deg,rgba(3,8,24,.82),transparent 68%)}
.upoo-hero-conseil-amo-innovation{--hero-image:url('assets/heroes/conseil-amo-innovation.webp');--hero-position:64% center;--hero-tint:linear-gradient(90deg,rgba(3,10,20,.35),rgba(3,10,20,.2) 50%,transparent 85%),linear-gradient(0deg,rgba(3,10,20,.8),transparent 55%)}
.upoo-hero-odyssee-sonore{--hero-image:url('assets/heroes/odyssee-sonore-v5.webp');--hero-position:center 60%;--hero-tint:linear-gradient(0deg,rgba(6,4,22,.82),rgba(6,4,22,.02) 70%),linear-gradient(90deg,rgba(6,4,22,.25),transparent 76%)}
.upoo-hero-lezard-graphique{--hero-image:url('assets/heroes/lezard-graphique-v2.webp');--hero-position:center 48%;--hero-tint:linear-gradient(90deg,rgba(8,10,16,.55),rgba(8,10,16,.12) 60%,transparent),linear-gradient(0deg,rgba(8,10,16,.84),transparent 67%)}
.upoo-hero-creation-et-ia{--hero-image:url('assets/heroes/creation-et-ia-denim.webp');--hero-position:center 68%;--hero-size:cover;--hero-tint:linear-gradient(0deg,rgba(6,15,27,.84),rgba(6,15,27,.03) 67%),linear-gradient(90deg,rgba(6,15,27,.25),transparent 70%)}
.upoo-hero-visible-patient-lab{--hero-image:url('assets/heroes/visible-patient-lab-v5.webp');--hero-position:center 67%;--hero-tint:linear-gradient(0deg,rgba(28,21,16,.8),rgba(28,21,16,.06) 75%),linear-gradient(90deg,rgba(28,21,16,.22),transparent 76%)}
.upoo-hero-preview :is(.hero,.services-hero,.entry-header){position:relative;isolation:isolate;overflow:hidden;background:#07101b;color:#fff;padding:3rem var(--gutter);min-height:min(760px,calc(100svh - 92px))}
.upoo-hero-preview :is(.hero,.services-hero,.entry-header)::before,.upoo-hero-preview :is(.hero,.services-hero,.entry-header)::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none}
.upoo-hero-preview :is(.hero,.services-hero,.entry-header)::before{background-image:var(--hero-image);background-size:var(--hero-size);background-position:var(--hero-position);background-repeat:no-repeat}
.upoo-hero-preview :is(.hero,.services-hero,.entry-header)::after{z-index:-1;background:var(--hero-tint)}
.upoo-hero-preview :is(.hero,.services-hero,.entry-header) h1{font-size:clamp(3.8rem,7.15vw,7.5rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance;max-width:1020px;text-shadow:0 2px 28px #0002}
.upoo-hero-preview :is(.hero,.services-hero,.entry-header) a{color:inherit}
.upoo-hero-preview :is(.hero,.services-hero,.entry-header) a:hover{color:var(--accent)}
.upoo-hero-preview :is(.hero,.services-hero,.entry-header) a:focus-visible{outline-color:var(--accent)}
.upoo-hero-preview .eyebrow{position:relative}
.upoo-hero-preview .hero{gap:3rem}
.upoo-hero-preview .hero h1{font-size:clamp(3.8rem,6.5vw,7rem);max-width:980px;margin-top:2rem}
.upoo-hero-preview .hero-intro{flex:0 1 620px}
.upoo-hero-preview .hero-intro p{font-size:clamp(1.05rem,1.5vw,1.35rem);max-width:590px}
.upoo-hero-preview .hero-link a{display:inline-block;padding-bottom:.3rem;border-bottom:1px solid #ffffff80;text-decoration:none}
.upoo-hero-preview .hero-photo-credit{position:absolute;right:var(--gutter);bottom:.8rem;margin:0;padding:.15rem .4rem;background:rgba(3,8,24,.65);color:#fff;font-size:.72rem;line-height:1.4;letter-spacing:.01em;max-width:calc(100% - var(--gutter) - var(--gutter));white-space:normal;text-align:right}
.upoo-hero-preview .services-preview{display:none}
.upoo-hero-preview .services-hero{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}
.upoo-hero-preview .services-hero h1{margin:1.3rem 0 .5rem;max-width:980px;font-size:clamp(3.6rem,6.65vw,7rem)}
.upoo-hero-preview .services-hero .services-lead{max-width:760px;font-size:clamp(1.05rem,1.45vw,1.3rem)}
.upoo-hero-preview .services-hero-bottom{margin-top:1.5rem}
.upoo-hero-preview .single-page .entry-header{display:flex;flex-direction:column;justify-content:space-between;gap:6rem;min-height:min(700px,calc(100svh - 92px));padding-bottom:4rem}
.upoo-hero-preview .single-page .entry-header h1{max-width:820px}
.upoo-hero-preview .single-page .entry-header .eyebrow{margin:0}
.upoo-hero-creation-et-ia .single-page .entry-header h1{max-width:710px}
.upoo-hero-visible-patient-lab .single-page .entry-header h1{max-width:790px}
@media(min-width:1600px){.upoo-hero-preview :is(.hero,.services-hero,.entry-header){padding-left:max(var(--gutter),calc((100vw - 1440px)/2));padding-right:max(var(--gutter),calc((100vw - 1440px)/2))}}
@media(max-width:900px){
 .upoo-hero-preview .hero-bottom{gap:2rem}
 .upoo-hero-preview .hero-link{max-width:180px}
 .upoo-hero-accueil{--hero-position:51% center;--hero-size:cover}
 .upoo-hero-preview .services-hero{min-height:690px}
}
@media(max-width:680px){
 .upoo-hero-preview :is(.hero,.services-hero,.entry-header){padding-top:1.9rem;padding-bottom:2.2rem;min-height:calc(100svh - 78px)}
 .upoo-hero-preview :is(.hero,.services-hero,.entry-header) h1{font-size:clamp(3rem,11.8vw,4.5rem);line-height:1.07;letter-spacing:-.045em;text-wrap:initial}
 .upoo-hero-preview .hero{gap:2rem;min-height:820px;padding-top:1.6rem}
 .upoo-hero-preview .hero{padding-bottom:3.4rem}
 .upoo-hero-preview .hero h1{font-size:clamp(2.9rem,11.7vw,4.8rem);max-width:500px;margin-top:10rem;padding:0}
 .upoo-hero-preview .hero .eyebrow{max-width:230px;font-size:.7rem}
 .upoo-hero-preview .hero-bottom{gap:1.5rem}
 .upoo-hero-preview .hero-intro p{font-size:1.05rem;max-width:440px}
 .upoo-hero-preview .hero-link{max-width:none;font-size:.85rem}
 .upoo-hero-accueil{--hero-position:39% top;--hero-size:auto 640px;--hero-tint:linear-gradient(0deg,#07101b 2%,rgba(7,16,27,.97) 25%,rgba(7,16,27,.65) 52%,rgba(7,16,27,.08) 80%),linear-gradient(90deg,rgba(7,16,27,.25),transparent 70%)}
 .upoo-hero-preview .services-hero{gap:1.3rem;min-height:830px;padding-bottom:3.4rem}
 .upoo-hero-preview .services-hero h1{margin-top:5rem;margin-bottom:0;font-size:clamp(2.75rem,10.8vw,4.5rem)}
 .upoo-hero-preview .services-hero .services-lead{font-size:1.05rem}
 .upoo-hero-preview .services-hero-bottom{margin-top:1rem}
 .upoo-hero-conseil-amo-innovation{--hero-position:78% top;--hero-size:auto 600px;--hero-tint:linear-gradient(0deg,#07101b 10%,rgba(7,16,27,.95) 28%,rgba(7,16,27,.45) 65%,rgba(7,16,27,.08))}
 .upoo-hero-preview .single-page .entry-header{min-height:min(740px,calc(100svh - 78px));padding-bottom:3rem;gap:6rem}
 .upoo-hero-preview .single-page .entry-header h1{max-width:540px}
 .upoo-hero-odyssee-sonore{--hero-position:64% center}
 .upoo-hero-lezard-graphique{--hero-position:62% center;--hero-tint:linear-gradient(0deg,rgba(8,10,16,.96),rgba(8,10,16,.15) 67%),linear-gradient(90deg,rgba(8,10,16,.2),transparent)}
 .upoo-hero-creation-et-ia{--hero-position:center top;--hero-size:auto 460px;--hero-tint:linear-gradient(0deg,#07101b 20%,rgba(7,16,27,.98) 30%,rgba(7,16,27,.08) 60%),linear-gradient(180deg,rgba(7,16,27,.48),transparent 20%)}
 .upoo-hero-creation-et-ia .single-page .entry-header{min-height:650px}
 .upoo-hero-visible-patient-lab{--hero-position:68% center;--hero-tint:linear-gradient(0deg,rgba(10,8,7,.94),rgba(10,8,7,.38) 55%,rgba(10,8,7,.05))}
}
@media print{.upoo-hero-preview :is(.hero,.services-hero,.entry-header){background:#fff!important;color:#17181c!important;min-height:0!important}.upoo-hero-preview :is(.hero,.services-hero,.entry-header)::before,.upoo-hero-preview :is(.hero,.services-hero,.entry-header)::after{display:none}.upoo-hero-preview :is(.hero,.services-hero,.entry-header) h1{font-size:38pt;margin-top:0}.upoo-hero-preview .hero h1 em{color:#233fd0}}