/* Product photography, preserving the original campaign compositions. */
.care-editorial{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;margin-top:64px}
.range-visual{margin:0;min-width:0}.range-visual a{display:block;overflow:hidden;border-radius:36px 36px 0 36px}.range-visual img{width:100%;height:auto;display:block;transition:transform .5s ease}
.range-visual a:hover img{transform:scale(1.015)}
.range-visual figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0 0;border:0}
.range-visual figcaption span{font:400 21px/1.3 Oswald,sans-serif;color:#171719}.range-visual figcaption small{font:400 12px/1.5 Outfit,sans-serif;color:#777068}
.care-selection h3,.color-editorial h3{font:400 clamp(28px,3vw,42px)/1.2 Oswald,sans-serif;margin:12px 0 20px}
.care-selection>p{max-width:380px}.care-balance{max-width:300px;margin:30px 0 0 auto}.care-balance figcaption{display:block}.care-balance figcaption small{display:block;margin-top:4px}
.care-duo{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:64px auto 0;max-width:920px;align-items:start}.care-duo .range-visual:last-child{margin-top:80px}
.color-editorial{margin-top:64px}.color-editorial-heading{max-width:650px;margin-bottom:36px}.color-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.color-triptych .range-visual:nth-child(2){margin-top:48px}.color-triptych figcaption{display:block}.color-triptych figcaption small{display:block;margin-top:6px}
html[data-theme="dark"] .range-visual figcaption span{color:#f6f4f1}html[data-theme="dark"] .range-visual figcaption small{color:#b8b0a3}
@media(max-width:991px){.care-editorial{gap:32px}.care-duo{gap:28px}.range-visual figcaption{display:block}.range-visual figcaption small{display:block;margin-top:5px}}
@media(max-width:767px){.care-editorial,.care-duo,.color-triptych{grid-template-columns:1fr;gap:36px;margin-top:36px}.care-balance{max-width:none;margin-top:24px}.care-duo .range-visual:last-child,.color-triptych .range-visual:nth-child(2){margin-top:0}.color-editorial{margin-top:40px}.range-visual a{border-radius:28px 28px 0 28px}}
@media(prefers-reduced-motion:reduce){.range-visual img{transition:none}.range-visual a:hover img{transform:none}}

/* Additional selected campaign images, without advertising slogans. */
.care-additions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:64px;align-items:start}
.care-additions figcaption{display:block}.care-additions figcaption small{display:block;margin-top:6px}
.color-triptych{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin-inline:auto;gap:48px}
.color-triptych .range-visual:nth-child(2){margin-top:0}
@media(max-width:767px){.care-additions,.color-triptych{grid-template-columns:1fr;gap:36px}.care-additions{margin-top:36px}}

/* An airy, asymmetric composition inspired by the System Professional section. */
.color-triptych{grid-template-columns:1.15fr 1fr;max-width:1020px;gap:64px 90px}
.color-triptych .range-visual:nth-child(2){width:76%;justify-self:end;margin-top:150px}
.color-triptych .range-visual:nth-child(3){width:80%;justify-self:end}
.color-triptych .range-visual:nth-child(4){margin-top:110px}
.care-additions .range-visual:nth-child(2){margin-top:90px;width:88%;justify-self:center}
.care-additions .range-visual:nth-child(3){margin-top:36px}
.shade-editorial{margin-top:100px}.shade-grid{display:grid;grid-template-columns:1.1fr .95fr 1fr;gap:36px;align-items:start;margin-top:32px}
.shade-grid .range-visual:nth-child(2){margin-top:110px}.shade-grid .range-visual:nth-child(3){margin-top:45px}
.shade-grid figcaption{display:block}.shade-grid figcaption small{display:block;margin-top:6px}
/* Hide only the top 310 px of the supplied 1080 × 1350 artwork. All packs and shade labels remain intact. */
.shade-crop{position:relative;display:block;aspect-ratio:1080/1040;overflow:hidden}
.shade-crop img{position:absolute;left:0;bottom:0;width:100%;height:auto;display:block}
.range-visual a:hover .shade-crop img{transform:none}
.shade-popup{position:relative;width:min(880px,calc(86vh * 1080 / 1040),92vw);margin:40px auto;color:white}
.shade-popup .shade-crop{border-radius:28px 28px 0 28px}.shade-popup p{color:white;margin:12px 0 0;font-size:14px}.shade-popup .mfp-close{top:-38px;color:white}
@media(max-width:767px){
.color-triptych,.shade-grid{grid-template-columns:1fr;gap:36px}
.color-triptych .range-visual:nth-child(n),.care-additions .range-visual:nth-child(n),.shade-grid .range-visual:nth-child(n){margin-top:0;width:100%;justify-self:stretch}
.shade-editorial{margin-top:56px}
}