/* Fashion on Screen — V17 / official Yannis portrait integration */
body.v17-page .v5-role[data-yannis-card]{background:#033d37!important;color:#fff!important}
body.v17-page .v5-role[data-yannis-card] .v5-role-photo{inset:0!important;border:0!important;background:#033d37!important}
body.v17-page .v5-role[data-yannis-card] .v5-role-photo .v16-media-image{
  object-position:center 18%!important;
  filter:saturate(.98) contrast(1.015)!important;
}
body.v17-page .v5-role[data-yannis-card]::after{
  background:linear-gradient(to top,rgba(2,35,32,.94) 0%,rgba(2,35,32,.67) 24%,rgba(2,35,32,.18) 52%,rgba(2,35,32,.03) 72%)!important;
  z-index:2!important;
}
body.v17-page .v5-role[data-yannis-card] .v5-role-body{z-index:4!important;max-width:520px}
body.v17-page .v5-role[data-yannis-card] .v5-role-body :where(small,h3,p){color:#fff!important;text-shadow:0 1px 14px rgba(0,0,0,.18)}
body.v17-page .v5-role[data-yannis-card] .v5-role-body small{color:rgba(255,255,255,.8)!important}
body.v17-page .v5-role[data-yannis-card] .v5-role-body p{color:rgba(255,255,255,.88)!important}

/* Every presenter-specific slot uses the supplied official portrait without empty placeholders. */
body.v17-page img[src$="yannis-presenter-portrait.jpg"],
body.v17-page img[src$="yannis-kingston-official.jpg"]{object-position:center 18%!important}
body.page-visages.v17-page .v9-photo-zone[data-photo="02"] .v9-loaded-photo,
body.page-visages.v17-page .v9-photo-card.photo-2 .v9-loaded-photo,
body.page-programme.v17-page .v9-photo-zone[data-photo="02"] .v9-loaded-photo,
body.page-presse.v17-page .v9-photo-zone[data-photo="02"] .v9-loaded-photo{object-position:center 18%!important}

@media(max-width:760px){
  body.v17-page .v5-role[data-yannis-card]{min-height:660px!important}
  body.v17-page .v5-role[data-yannis-card] .v5-role-photo .v16-media-image{object-position:center 16%!important}
  body.v17-page .v5-role[data-yannis-card] .v5-role-body{left:20px!important;right:20px!important;bottom:22px!important}
  body.v17-page .v5-role[data-yannis-card] .v5-role-body h3{font-size:clamp(42px,12vw,58px)!important}
}


/* V19 — align the future-egerie card with the Yannis presenter card */
body.v17-page .v5-role[data-egerie-card]{background:#033d37!important;color:#fff!important}
body.v17-page .v5-role[data-egerie-card] .v5-role-photo{inset:0!important;border:0!important;background:#033d37!important}
body.v17-page .v5-role[data-egerie-card] .v5-role-photo .v16-media-image{object-position:center 22%!important;filter:saturate(.98) contrast(1.015)!important}
body.v17-page .v5-role[data-egerie-card]::after{background:linear-gradient(to top,rgba(2,35,32,.94) 0%,rgba(2,35,32,.67) 24%,rgba(2,35,32,.18) 52%,rgba(2,35,32,.03) 72%)!important;z-index:2!important}
body.v17-page .v5-role[data-egerie-card] .v5-role-body{z-index:4!important;max-width:560px}
body.v17-page .v5-role[data-egerie-card] .v5-role-body :where(small,h3,p){color:#fff!important;text-shadow:0 1px 14px rgba(0,0,0,.18)}
body.v17-page .v5-role[data-egerie-card] .v5-role-body small{color:rgba(255,255,255,.8)!important}
body.v17-page .v5-role[data-egerie-card] .v5-role-body p{color:rgba(255,255,255,.88)!important}
@media(max-width:760px){
  body.v17-page .v5-role[data-egerie-card]{min-height:660px!important}
  body.v17-page .v5-role[data-egerie-card] .v5-role-photo .v16-media-image{object-position:center 20%!important}
  body.v17-page .v5-role[data-egerie-card] .v5-role-body{left:20px!important;right:20px!important;bottom:22px!important}
  body.v17-page .v5-role[data-egerie-card] .v5-role-body h3{font-size:clamp(42px,12vw,58px)!important}
}