/* ESR campaign direction approved 3 November 2026. Scope: public and entry journeys. */
.energy-kicker{font-size:clamp(11px,1.05vw,15px);font-weight:850;letter-spacing:.11em;line-height:1.35;color:#c4dfff;margin:10px 0 3px;text-transform:uppercase}
.home-content>.eyebrow{font-weight:850;letter-spacing:.2em;color:#e2eeff}
.home-content h1,.flow .intro h1,.public-page h1{font-weight:850;letter-spacing:-.045em}
/* Background portraits also keep the whole source visible at every aspect ratio. */
.home > picture > img{object-fit:contain;object-position:right top}
.network-app.code-home .network-app__photo,.network-app.code-tour .network-app__photo{top:78px;bottom:auto;height:calc(100svh - 78px)}
.network-app.code-home .network-app__photo img,.network-app.code-tour .network-app__photo img{width:100%;height:100%;object-fit:contain;object-position:center top}
/* Size the whole photograph instead of cropping it into a shallow banner. */
.flow .intro .intro-photo{display:block;width:100%;max-width:min(100%,calc(34svh * 1672 / 941));height:auto;aspect-ratio:1672/941;max-height:none;flex-shrink:0;border:1px solid #c5dcff26;box-shadow:0 16px 45px #0003}
.flow .intro .intro-photo img{width:100%;height:auto;object-fit:contain;object-position:center top}
.flow .intro .intro-photo small{font-weight:550;letter-spacing:.015em}
.advantage-page .intro>.energy-kicker{font-size:clamp(11px,1.05vw,15px);color:#c4dfff;font-weight:850;margin:10px 0 3px}
.advantage-page .intro h1{text-transform:uppercase;font-weight:900;line-height:1.04}
.advantage-page[data-profile=moniteur] .intro h1{font-size:clamp(35px,3.5vw,57px);letter-spacing:-.045em;line-height:1.04}
.advantage-page .intro .rate-caption>.energy-rate{display:inline-block;margin:0 0 4px;font-size:clamp(24px,2.7vw,36px);color:#d3e6ff;font-weight:750;line-height:1.15}
.energy-rate span{font-size:.65em;font-weight:550}
.network-app[data-energy-page] .network-app__eyebrow{font-size:clamp(.85rem,1.1vw,1rem);font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#d7e7ff;line-height:1.4}
.network-app[data-energy-page] .network-app__content h1{font-weight:900;letter-spacing:-.045em;text-transform:uppercase;line-height:1.02}
.network-app[data-energy-page] .network-app__photo[data-preserve-people] img{width:100%;height:auto;object-position:right top}
.network-app[data-energy-page]::before{background:linear-gradient(90deg,#080c12f7 0%,#080c12e8 30%,#080c1266 60%,#080c1218 85%),linear-gradient(0deg,#080c12f2,transparent 65%)}
.booking-cinema h1,.booking-checkout-cinema h1,.cinema-order h1{font-weight:850;letter-spacing:-.045em}
.booking-overview-photo,.booking-summary-photo{border:1px solid #c5dcff26;box-shadow:0 16px 40px #0002}
.booking-overview-photo img,.booking-summary-photo{object-position:right center}
.booking-overview-photo figcaption{font-weight:650}
.engagement-entry h1{font-weight:850;letter-spacing:-.04em}
.public-compact-photo[data-energy-photo] img{object-position:right top}
@media(min-width:761px) and (max-height:780px){
 .flow .intro .intro-photo{max-width:min(100%,calc(28svh * 1672 / 941));margin-top:14px}
 .advantage-page .intro>.energy-kicker{font-size:11px;margin-top:7px}
 .advantage-page[data-profile=moniteur] .intro h1{font-size:38px}
}
@media(max-width:760px){
 .home > picture > img{object-position:center top}
 .network-app.code-tour .network-app__photo{position:absolute;top:112px;bottom:auto;height:auto;aspect-ratio:1672/941}
 .network-app.code-tour .network-app__photo img{height:auto}
 .flow .stage{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}
 .flow .intro .intro-photo{display:block;height:auto;aspect-ratio:1672/941;width:100%;max-width:none;max-height:none;margin-top:15px;border-radius:14px}
 .flow .intro .intro-photo img{object-position:right center}
 .flow .intro .intro-photo small{font-size:10px}
 .advantage-page .intro>.energy-kicker{display:block;font-size:11px;line-height:1.4;margin:9px 0 4px}
 .advantage-page[data-profile=moniteur] .intro>p:not(.rate-caption){display:block}
 .advantage-page[data-profile=moniteur] .intro h1{font-size:30px;margin:8px 0}
 .advantage-page .intro .rate-caption>.energy-rate{font-size:25px;line-height:1.15;margin:3px 0}
 .network-app[data-energy-page] .network-app__photo[data-preserve-people]{top:112px;bottom:auto;height:auto;aspect-ratio:1672/941}
 .network-app[data-energy-page] .network-app__photo[data-preserve-people] img{height:100%;width:100%;object-fit:cover;object-position:right center}
 .network-app[data-energy-page]::before{background:linear-gradient(0deg,#080c12 0%,#080c12 55%,#080c1220 85%,#080c1280 100%)}
 .network-app[data-energy-page] .network-app__content{margin-block:0;padding-top:calc(56.28vw + 5px);padding-bottom:2rem}
 .network-app[data-energy-page] .network-app__eyebrow{font-size:.8rem;margin-bottom:1rem}
 .network-app[data-energy-page] .network-app__content h1{font-size:clamp(2.2rem,9vw,3.2rem)}
 .network-app.code-home .network-app__photo{position:absolute;top:112px;bottom:auto;height:auto;aspect-ratio:1672/941}
 .network-app.code-home .network-app__photo img{height:auto;object-position:center top}
 .network-app.code-home:has(.code-home__entry:not([hidden]))::before,.network-app.code-tour::before{background:linear-gradient(180deg,#080c1266 112px,#080c1220 calc(112px + 56.28vw),#080c12 calc(132px + 56.28vw))}
 .code-home .code-home__entry{margin-top:0;padding-top:calc(56.28vw + 20px)}
 .code-tour .code-tour__heading{padding-top:calc(56.28vw + 20px)}
 .engagement-entry::before{background:linear-gradient(0deg,#080c12 20%,#080c12f5 65%,#080c1299 90%,#080c1266 100%)}
}
@media(prefers-reduced-motion:reduce){.energy-kicker{animation:none}}
@media(forced-colors:active),print{
 .flow .intro .intro-photo{box-shadow:none;border-color:CanvasText}
 .energy-kicker,.advantage-page .intro>.energy-kicker{color:CanvasText}
}