/* Selected photo changes retained only in the private preview. */
.portrait-banner>img{object-position:50% 12%;filter:saturate(.56) brightness(.65)}
.portrait-banner:after{background:linear-gradient(90deg,#11121277,#11121244 55%,#11121299)}
.about-collage-banner>.about-portrait{object-position:50% 14%;filter:saturate(.55) brightness(.65)}
.contact-person-photo{display:block;width:180px;height:210px;object-fit:cover;object-position:50% 28%;border-radius:16px;border:1px solid #d1b57840;margin-bottom:28px}
.online-person-section{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:70px;align-items:center;padding-bottom:85px}
.online-person-section>img{width:100%;height:390px;object-fit:cover;object-position:50% 20%;border-radius:18px;border:1px solid #d1b57838;filter:saturate(.78) brightness(.94)}
.online-person-section h2{font-size:clamp(29px,3vw,42px);font-weight:500;line-height:1.2}
.online-person-section p:not(.eyebrow){max-width:460px;color:#bdbfb9;line-height:1.8;margin-block:20px 27px}
.diet-banner{isolation:isolate;background:#171817;overflow:hidden}
.diet-banner>.diet-banner-meal{left:37%;width:45%;object-position:50% 47%;filter:saturate(.72) brightness(.77);mask-image:linear-gradient(90deg,transparent,#000 23%,#000 75%,transparent)}
.diet-banner>.diet-banner-detail{left:74%;width:26%;object-position:50% 30%;filter:saturate(.72) brightness(.7);mask-image:linear-gradient(90deg,transparent,#000 28%)}
.diet-banner:after{background:linear-gradient(90deg,#121313 9%,#121313ee 26%,#12131355 59%,#12131311),linear-gradient(0deg,#12131399,transparent 55%)}
@media(max-width:650px){.portrait-banner>img{object-position:26% 8%}.portrait-banner:after{background:linear-gradient(90deg,#11121255,#11121277)}.online-person-section{grid-template-columns:1fr;gap:27px;padding-bottom:55px}.online-person-section>img{height:auto;max-height:450px;object-fit:contain;background:#171919}.contact-person-photo{width:145px;height:180px}.diet-banner>.diet-banner-meal{left:15%;width:85%;object-position:50% 50%;mask-image:linear-gradient(90deg,transparent,#000 35%)}.diet-banner>.diet-banner-detail{display:none}.diet-banner:after{background:linear-gradient(90deg,#121313db,#12131355),linear-gradient(0deg,#12131377,transparent)}}
@media(min-width:651px){.portrait-banner>img{left:40%;width:60%;object-position:40% 12%;mask-image:linear-gradient(90deg,transparent,#000 18%)}.portrait-banner:after{background:linear-gradient(90deg,#121313 0%,#121313d9 29%,#12131322 63%,#12131355)}}

/* Individual banners: full-width, original photography with soft joins. */
.personal-photo-smaller{display:block;width:min(100%,390px);max-width:390px;margin-inline:auto}
.service-main-photo.personal-photo-smaller>img{width:100%;height:auto;max-height:490px;object-fit:contain}
.photo-collage-banner{isolation:isolate;overflow:hidden;background:#141616;min-height:285px}
.photo-collage-banner>img{filter:saturate(.52) brightness(.7);object-fit:cover}
.photo-collage-banner>.collage-photo-1{left:0;width:42%;object-position:50% 12%;mask-image:linear-gradient(90deg,#000 0%,#000 76%,transparent)}
.photo-collage-banner>.collage-photo-2{left:30%;width:43%;object-position:50% 33%;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 75%,transparent)}
.photo-collage-banner>.collage-photo-3{left:62%;width:38%;object-position:50% 40%;mask-image:linear-gradient(90deg,transparent,#000 22%,#000)}
.photo-collage-banner:after{background:linear-gradient(90deg,#1113139c,#11131344 68%,#11131311),linear-gradient(0deg,#11131399,transparent 65%)}
.faq-collage>.collage-photo-1{object-position:50% 9%;filter:saturate(.5) brightness(.6)}
.faq-collage>.collage-photo-2{object-position:50% 14%}
.faq-collage>.collage-photo-3{object-position:50% 35%}
.diet-banner>.diet-banner-meal{left:0;width:72%;object-position:50% 48%;mask-image:linear-gradient(90deg,#000 0%,#000 77%,transparent);filter:saturate(.66) brightness(.7)}
.diet-banner>.diet-banner-detail{left:57%;width:43%;object-position:50% 37%;mask-image:linear-gradient(90deg,transparent,#000 22%);filter:saturate(.66) brightness(.72)}
.diet-banner:after{background:linear-gradient(90deg,#11131396,#11131344 57%,#11131322),linear-gradient(0deg,#11131366,transparent 60%)}
@media(max-width:650px){
 .personal-photo-smaller{width:min(100%,300px)}
 .service-main-photo.personal-photo-smaller>img{max-height:400px}
 .photo-collage-banner{min-height:245px}
 .photo-collage-banner>.collage-photo-1{width:49%;object-position:50% 14%}
 .photo-collage-banner>.collage-photo-2{left:28%;width:49%;object-position:50% 30%}
 .photo-collage-banner>.collage-photo-3{left:59%;width:41%;object-position:50% 33%}
 .faq-collage>.collage-photo-1{object-position:50% 5%}
 .faq-collage>.collage-photo-2{object-position:50% 5%}
 .faq-collage>.collage-photo-3{object-position:50% 23%}
 .photo-collage-banner:after{background:linear-gradient(0deg,#111313b3,#11131333 82%)}
 .diet-banner>.diet-banner-meal{left:0;width:100%;mask-image:none;object-position:50% 45%}
 .diet-banner>.diet-banner-detail{display:none}
 .diet-banner:after{background:linear-gradient(90deg,#11131399,#11131333),linear-gradient(0deg,#11131388,transparent)}
}

/* FAQ: one portrait and one training moment, joined over a broad gradient. */
.faq-story-banner{isolation:isolate;background:#151716;overflow:hidden;min-height:285px}
.faq-story-banner>.faq-exercise{left:0;width:78%;object-fit:cover;object-position:50% 49%;filter:saturate(.45) brightness(.65);mask-image:linear-gradient(90deg,#000 0%,#000 56%,rgba(0,0,0,.85) 67%,rgba(0,0,0,.35) 84%,transparent 100%)}
.faq-story-banner>.faq-portrait{left:49%;width:51%;object-fit:cover;object-position:50% 13%;filter:saturate(.45) brightness(.7);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.65) 25%,#000 42%,#000 100%)}
.faq-story-banner:after{background:linear-gradient(90deg,#11131377,#11131322 50%,#11131311),linear-gradient(0deg,#111313b3,transparent 62%)}
@media(max-width:650px){.faq-story-banner{min-height:245px}.faq-story-banner>.faq-exercise{width:88%;object-position:50% 53%;mask-image:linear-gradient(90deg,#000,#000 45%,rgba(0,0,0,.6) 70%,transparent)}.faq-story-banner>.faq-portrait{left:40%;width:60%;object-position:50% 6%;mask-image:linear-gradient(90deg,transparent,#000 45%)}.faq-story-banner:after{background:linear-gradient(90deg,#11131366,#11131311),linear-gradient(0deg,#111313b3,transparent 76%)}}