/* Unique-image pass only. Approved feature-art--3/--4 banner rules remain in their preserved source CSS. */
.hero-portrait{background-image:url('unique-images/home-12.webp');background-position:68% 26%}
.about-art{background-image:url('unique-images/home-16.webp')!important;background-position:24% center!important}
.hair-photo{background-image:url('unique-images/home-13.webp')!important;background-position:63% center!important}
.hair-photo:after{content:'Clarity II / laser · Cynosure Lutronic';right:35%;bottom:8px}
.unique-media{background:#e7e3df}
.unique-media img{object-position:var(--position)!important;transform:none!important}
.unique-media.photo-media img{object-fit:cover!important;padding:0}
.unique-media.device-media img{object-fit:contain!important}
.page-hero>.unique-media.photo-media img{padding-top:132px}
.photo-card .unique-media .media-caption{top:10px;left:10px;right:auto;bottom:auto;max-width:calc(100% - 70px);font-size:8px}
.skin-card .image-source{top:8px;right:8px;bottom:auto;max-width:calc(100% - 48px);font-size:8px;line-height:1.35;pointer-events:none}
.editorial-card__image img[data-image-slot]{object-fit:cover;object-position:50% 40%}
.editorial-card__image.device-shot img[data-image-slot]{object-fit:contain!important}
.editorial-card__image img[data-image-slot="HOME-05"]{object-position:50% 52%}
.editorial-card__image img[data-image-slot="HOME-PENDING"]{object-position:70% 50%}
.skin-card img[data-image-slot="HOME-01"]{object-position:65% 45%}
.skin-card img[data-image-slot="HOME-02"]{object-position:40% 45%}
.skin-card img[data-image-slot="HOME-03"]{object-position:55% 55%}
.skin-card img[data-image-slot="HOME-04"]{object-position:42% 50%}
@media(max-width:900px){.page-hero>.unique-media.photo-media img{padding-top:116px}}
@media(max-width:600px){.hero-portrait{background-position:56% 22%}.page-hero>.unique-media.photo-media img{padding-top:96px}.hair-photo{background-size:auto 148px!important;background-position:right 12px top 14px!important}.hair-photo:after{right:8px;top:166px;bottom:auto;font-size:8px;padding:3px 4px;max-width:95px;line-height:1.3}.photo-card .unique-media .media-caption{font-size:7px;max-width:calc(100% - 62px)}.skin-card .image-source{font-size:7px}}
@media(prefers-reduced-motion:reduce){.unique-media img{transition:none!important}}

/* Prominent source context prevents PCA/body-care references implying another protocol. */
[data-image-slot="KOREAN-04"] .media-caption,[data-image-slot="HAIR-02"] .media-caption{left:0!important;right:0!important;bottom:0!important;top:auto!important;max-width:none!important;border-radius:0!important;background:rgba(250,248,245,.97)!important;color:#292522!important;font-size:13px!important;line-height:1.45!important;padding:12px 14px!important;white-space:normal!important}
.editorial-card__image:has(img[data-image-slot="HOME-06"]) .image-source{left:0!important;right:0!important;top:auto!important;bottom:0!important;max-width:none!important;border-radius:0!important;background:rgba(250,248,245,.97)!important;color:#292522!important;font-size:12px!important;line-height:1.4!important;padding:10px!important;white-space:normal!important}

/* Approved homepage-only cohesive facial photo row; preserves image-frame heights. */
#facials .editorial-card__image img[data-image-slot]{object-fit:cover!important;object-position:50% 50%!important;padding:0!important}
#facials .editorial-card__image img[data-image-slot="HOME-06"]{object-position:50% 43%!important}
#facials .editorial-card__image img[data-image-slot="HOME-PENDING"]{object-position:50% 55%!important}
#facials .editorial-card__image .image-source{left:0!important;right:0!important;top:auto!important;bottom:0!important;max-width:none!important;border-radius:0!important;box-sizing:border-box;height:34px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:rgba(250,248,245,.94)!important;color:#292522!important;font-size:10px!important;line-height:1.25!important;padding:4px 8px!important;white-space:normal!important}

/* Client presentation: preserve the photograph while clearing the floating menu. */
.hero-portrait{background-position:68% 0%}
@media(max-width:600px){.hero-portrait{background-position:56% 0%}}

/* Supplied logo, displayed directly; clip only its white outer margin with CSS. */
#about .about-art.about-brand{
 background:#fff!important;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:32px;
 min-width:0;
}
#about .about-art.about-brand:before{content:none}
#about .about-logo-frame{
 position:relative;
 width:min(100%,560px);
 aspect-ratio:1;
 overflow:hidden;
 flex:none;
}
#about .about-client-logo{
 position:absolute;
 left:50%;top:50%;
 width:161.68%;height:161.68%;
 max-width:none;
 object-fit:contain;
 transform:translate(-50%,-50%);
}
@media(max-width:1100px){#about .about-logo-frame{max-width:360px}}
@media(max-width:600px){
 #about .about-copy{padding-inline:16px}
 #about .about-copy h2{margin-top:22px}
 #about .about-art.about-brand{padding:28px;min-height:0}
}
@media(max-width:360px){
 #technology .editorial-card:has([data-image-slot="HOME-11"]) h3{font-size:clamp(21px,6.56vw,23px)!important}
}
/* Short on-card sample labels replace the repeated pre-publication notices. */
#reviews .review-card__foot{font-size:clamp(11px,.65vw,13px)}

/* Presentation cleanup: source records stay in metadata, not over the artwork. */
.hero-portrait:after,.hair-photo:after,.feature-art--4:after{content:none!important;display:none!important}
.discovery-section .discovery-lead h2{line-height:1.02}
.tab-circle .polish-icon{width:28px;height:28px;stroke-width:1.5}
@media(max-width:600px){.tab-circle .polish-icon{width:24px;height:24px}}

/* Full-site finishing: keep stacked editorial lines clear without changing type sizes. */
#technology .feature-intro h2,#reviews .display,#about .about-copy h2{line-height:1}
@media(min-width:1101px){#technology .feature-top{padding-bottom:1.75vw}}
@supports(text-wrap:balance){
 .catalog-hero h1,.page-hero:has([data-image-slot="CLINIC-01"]) .copy h1{text-wrap:balance}
}
