/* Service-specific real photography; the approved heroes are not affected. */
/* One composition for the heading, image and accordion: no empty cell above
   a short, vertically centred photograph. The image follows the text height. */
.service.direction .journey{
 display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
 column-gap:clamp(32px,5vw,80px);row-gap:28px;align-items:start
}
.service.direction .journey>.section-heading{grid-column:2;grid-row:1;margin:0;min-width:0}
.service.direction .journey-grid{display:contents}
.service.direction .journey .swap-frame{
 grid-column:1;grid-row:1 / span 2;align-self:stretch;
 width:100%;height:auto;min-height:0;aspect-ratio:auto;
 border-radius:48% 48% 0 0 / 26% 26% 0 0
}
.service.direction .journey .steps{grid-column:2;grid-row:2;min-width:0}
.service.direction .journey .swap-media{object-fit:cover}
.service.direction .journey .swap-media[src$="experience-consultation.webp"]{object-position:72% center}
.service.direction .journey .swap-media[src$="social-lucia.webp"]{object-position:center 25%}
@media(max-width:900px){
 .service.direction .journey{grid-template-columns:minmax(0,1fr);gap:28px;padding:48px 24px}
 .service.direction .journey>.section-heading{grid-column:1;grid-row:1}
 .service.direction .journey .swap-frame{
  grid-column:1;grid-row:2;min-height:0;height:clamp(280px,68vw,480px);
  border-radius:clamp(64px,12vw,120px) 0 0 0
 }
 .service.direction .journey .steps{grid-column:1;grid-row:3}
 .service.direction .journey .swap-media[src$="experience-consultation.webp"]{object-position:65% 45%}
}
.editorial-human .service-detail-photo{margin:0;justify-self:end;width:100%;max-width:470px;min-width:0;padding:0;background:transparent;transform:none;color:#fffaf3}
.editorial-human .service-detail-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:0}
.editorial-human .service-detail-photo--portrait{max-width:370px}
.editorial-human .service-detail-photo--portrait img{aspect-ratio:4/5;object-position:center 30%}
.editorial-human .service-detail-photo figcaption{padding:17px 0 0;font:400 15px/1.45 Arimo,Arial,sans-serif;color:#fffaf3}
.editorial-human .service-detail-photo figcaption span{display:block;margin-top:6px;font:400 12px/1.55 Arimo,Arial,sans-serif;color:#dce1d4}
.service-coupe-visagisme .service-detail-photo img{object-position:center 42%}
.service-soin-coreen-cuir-chevelu .service-detail-photo img,.service-soin-botox-capillaire .service-detail-photo img{object-position:55% center}
@media(max-width:900px){
 .service.direction .editorial-human{padding:42px 24px 48px;grid-template-columns:minmax(0,1fr);gap:30px}
 .editorial-human .service-detail-photo,.editorial-human .service-detail-photo--portrait{max-width:none;justify-self:start}
 .editorial-human .service-detail-photo--portrait img{aspect-ratio:4/3;object-position:center 25%}
 .editorial-human .service-detail-photo figcaption{font-size:14px}
 .editorial-human .service-detail-photo figcaption span{font-size:11px}
}