/* Same unmodified originals and natural aspect ratios in all three studies. */
.service-intro .service-photo{width:100%;max-width:400px;justify-self:end}
.service-photo img,.appointment-photo img{display:block;width:100%;height:auto;object-fit:contain;filter:none}
.appointment-photo{width:100%;max-width:500px;margin:0;justify-self:end}
[data-photo-layout="a"] .appointment-heading{grid-template-columns:1fr 1fr;align-items:center;gap:48px}
[data-photo-layout="a"] .appointment-direct{margin-top:24px}
[data-photo-layout="a"] .appointment-direct>p{display:none}
/* B: one centered picture below the unchanged introduction. */
[data-photo-layout="b"] .service-intro{grid-template-columns:1fr;gap:32px;padding-bottom:48px}
[data-photo-layout="b"] .service-intro>div{max-width:640px}
[data-photo-layout="b"] .service-intro .service-photo{max-width:520px;justify-self:center}
[data-photo-layout="b"] .appointment-page>.appointment-photo{max-width:720px;margin:0 auto 40px}
/* C: small supporting image at the subject it accompanies. */
[data-photo-layout="c"] .service-intro{grid-template-columns:1fr;padding-bottom:42px}
.service-overview-with-photo{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start;padding-bottom:24px}
.service-overview-with-photo>.service-photo{padding-top:40px;width:240px}
.service-overview-with-photo .service-directory ul{column-gap:32px}
.service-overview-with-photo .service-directory h2{font-size:24px}
[data-photo-layout="c"] .appointment-page>.appointment-photo{max-width:360px;margin:8px 0 34px auto}
@media(max-width:1000px){.service-overview-with-photo{grid-template-columns:200px minmax(0,1fr);gap:36px}.service-overview-with-photo>.service-photo{width:200px}.service-overview-with-photo .service-directory ul{grid-template-columns:1fr}}
@media(max-width:740px){[data-photo-layout="a"] .appointment-heading{grid-template-columns:1fr;gap:26px}.appointment-photo{max-width:none}.service-overview-with-photo{grid-template-columns:1fr;gap:32px}.service-overview-with-photo>.service-photo{grid-row:2;width:min(280px,100%);padding:0}.service-overview-with-photo .service-directory ul{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
 .service-intro .service-photo{width:100%;max-width:400px;align-self:stretch;justify-self:start}
 [data-photo-layout="b"] .service-intro{gap:30px;padding-bottom:42px}
 [data-photo-layout="a"] .appointment-heading{gap:24px}
 [data-photo-layout="a"] .appointment-direct{margin-top:16px}
 [data-photo-layout="b"] .appointment-page>.appointment-photo{margin-bottom:28px}
 .service-overview-with-photo .service-directory ul{grid-template-columns:1fr}
 .service-overview-with-photo .service-directory h2{font-size:25px}
 [data-photo-layout="c"] .appointment-page>.appointment-photo{max-width:280px;margin-block:0 28px}
}