/* Restore the 15 September 17:57 visual while retaining the latest real photo. */
.portrait .restored-patient{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.restored-photo-credit{font-size:11px;line-height:1.65;color:#65534d;text-align:right;margin:32px 0 0}
.hero-visual .depth-badge{bottom:70px}

/* Owner annotation: compact the four benefit pictures, retaining readable copy. */
:is(#benefits,#benefits-en) .bf-cell{min-height:390px;padding:24px}
:is(#benefits,#benefits-en) .bf-cell .bf-num{font-size:50px;margin-bottom:80px}
:is(#benefits,#benefits-en) .bf-cell::before{background:linear-gradient(180deg,rgba(250,247,240,.08) 0%,rgba(250,247,240,.08) 23%,rgba(250,247,240,.96) 49%,#FAF7F0 100%)}
@media(max-width:680px){
 :is(#benefits,#benefits-en) .bf-cell{min-height:350px;padding:22px}
 :is(#benefits,#benefits-en) .bf-cell .bf-num{font-size:44px;margin-bottom:60px}
}

/* Keep the handpiece unobstructed in the selected treatment photo. */
.hero-visual .freq-chip{left:16px;right:auto}

/* Owner annotation: slightly closer hero crop around handpiece contact. */
.portrait .restored-patient{transform:scale(1.16);transform-origin:85% 36%}

.hero-visual .freq-chip{z-index:2}
/* Owner annotation: larger header logo, preserving the original proportions. */
.ph-logo{flex-shrink:0}
.ph-logo img{height:72px;width:auto;max-width:none}
@media(min-width:881px) and (max-width:1100px){.ph-nav{gap:20px}.ph-right{gap:12px}}
@media(max-width:520px){.ph-logo img{width:140px;height:auto}}
@media(max-width:360px){.ph-logo img{width:124px;height:auto}}

/* Keep the edited treatment portrait and doctor visible on narrow screens. */
@media(max-width:760px){.doctor-photo :is(#xerf-doctor-1,#xerf-doctor-2){height:auto;min-height:0;aspect-ratio:2/3}}