/* Campaign photography: consistent copy grid, full-bleed framing and local blends. */
.intro-band { border-bottom: 0; }
.campaign-slider { border: 0; outline: 0; box-shadow: none; background: var(--surface); }
.campaign-viewport { height: clamp(410px, 34vw, 660px); aspect-ratio: auto; }
.campaign-slide { transform: none; transition: opacity .45s ease, visibility .45s; }
.campaign-editorial {
  --campaign-paper: #eeeced;
  --campaign-ink: var(--navy-dark);
  --campaign-muted: #5a6572;
  overflow: hidden;
  isolation: isolate;
  background: var(--campaign-paper);
}
.campaign-editorial-photo {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: -1px;
  width: auto;
  max-width: none;
  height: 108%;
  transform: translateY(-50%);
  object-fit: cover;
  object-position: center;
  opacity: 1;
  filter: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 24%);
  mask-image: linear-gradient(90deg, transparent, #000 24%);
}
.campaign-editorial-background { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: none; }
.campaign-editorial-layout { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; }
.campaign-editorial-copy { position: relative; z-index: 2; width: 47%; padding-block: 2rem; color: var(--campaign-ink); }
.campaign-editorial-copy .eyebrow { margin: 0 0 1rem; color: var(--campaign-muted); font-size: .68rem; line-height: 1.4; letter-spacing: .16em; }
.campaign-editorial-copy h2 { max-width: 580px; margin: 0 0 1.15rem; color: var(--campaign-ink); font-size: clamp(2rem, 3.15vw, 3.5rem); line-height: 1.08; text-wrap: balance; }
.campaign-editorial-copy > p:not(.eyebrow) { max-width: 470px; margin: 0 0 1.65rem; color: var(--campaign-muted); font-size: clamp(.88rem, 1.04vw, 1rem); line-height: 1.65; }
.campaign-editorial-copy .button { min-height: 44px; padding: .72rem 1.35rem; font-size: .76rem; }

.campaign-editorial-ph5 {
  --campaign-ink: #fff;
  --campaign-muted: #e1eee8;
  background: linear-gradient(90deg, #075442 0%, #0c604b 34%, #659783 53%, #d7dfdb 68%, #e8e6e8 83%);
}
.campaign-editorial-ph5 .eyebrow { color: #c1ddd1; }
.campaign-editorial-ph5 .button-campaign { background: #fff; border-color: #fff; color: #1d604a; }
.campaign-editorial-ph5 .button-campaign:hover { background: #eff8f3; border-color: #eff8f3; }
.campaign-editorial-ultra { background: linear-gradient(105deg, #edf6f4 0%, #eef3f2 43%, #e8e6e8 73%); }
.campaign-editorial-ultra .eyebrow { color: #3f7c74; }
.campaign-editorial-atopica { background: linear-gradient(105deg, #f4eeeb 0%, #f2edeb 42%, #e5e2e4 76%); }
.campaign-editorial-atopica .eyebrow { color: #a95047; }
.campaign-editorial-atopica .campaign-editorial-photo { height: 102%; }
.campaign-editorial-hyper { background: #f2f5f7; }
.campaign-editorial-hyper .campaign-editorial-background { width: 41%; object-position: left center; -webkit-mask-image: linear-gradient(90deg, #000 72%, transparent); mask-image: linear-gradient(90deg, #000 72%, transparent); }
.campaign-editorial-hyper .campaign-editorial-copy { margin-left: 38%; width: 36%; }
.campaign-editorial-hyper .campaign-editorial-copy h2 { max-width: 440px; }
.campaign-editorial-hyper .campaign-editorial-copy > p:not(.eyebrow) { max-width: 375px; }
.campaign-editorial-product { position: absolute; z-index: 1; top: 4%; right: -1%; width: 25%; height: 92%; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.campaign-editorial-product img { width: auto; height: 100%; max-width: none; object-fit: contain; filter: drop-shadow(0 9px 16px rgba(40,52,60,.09)); }
.campaign-editorial-bodywash::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(238,245,249,.72), rgba(238,245,249,.46) 33%, transparent 56%); pointer-events: none; }
.campaign-editorial-bodywash .campaign-editorial-background { object-position: center; }
.campaign-controls { min-height: 64px; gap: .65rem; background: var(--surface); box-shadow: none; border: 0; }
.campaign-controls > button { width: 36px; height: 36px; }
.campaign-dots { background: transparent; box-shadow: none; backdrop-filter: none; }
.campaign-controls .campaign-pause { min-width: 70px; height: 36px; }

@media (min-width: 1650px) {
  .campaign-editorial-layout { width: min(1440px, calc(100% - 10vw)); }
}

@media (min-width: 801px) and (max-width: 980px) {
  .campaign-viewport { height: 410px; }
  .campaign-editorial-copy { width: 48%; }
  .campaign-editorial-photo { right: -6%; height: 102%; }
  .campaign-editorial-copy h2 { font-size: clamp(1.85rem, 3.3vw, 2.4rem); }
  .campaign-editorial-copy > p:not(.eyebrow) { font-size: .86rem; }
  .campaign-editorial-hyper .campaign-editorial-copy { margin-left: 40%; width: 35%; }
  .campaign-editorial-product { right: -4%; width: 26%; height: 86%; top: 7%; }
}

@media (max-width: 800px) {
  .campaign-viewport { height: 700px; }
  .campaign-editorial-layout { width: calc(100% - 2.5rem); align-items: flex-start; }
  .campaign-editorial-copy { width: 100%; padding: 2rem 0 0; }
  .campaign-editorial-copy h2 { max-width: 460px; font-size: clamp(1.9rem, 7.8vw, 2.75rem); margin-bottom: .85rem; }
  .campaign-editorial-copy .eyebrow { margin-bottom: .75rem; font-size: .62rem; }
  .campaign-editorial-copy > p:not(.eyebrow) { max-width: 460px; font-size: .88rem; line-height: 1.55; margin-bottom: 1.1rem; }
  .campaign-editorial-copy .button { min-height: 42px; padding: .65rem 1.2rem; }
  .campaign-editorial-photo, .campaign-editorial-atopica .campaign-editorial-photo { top: auto; right: -1px; bottom: -1px; width: min(calc(100% + 2px), 390px); height: 390px; transform: none; object-fit: cover; -webkit-mask-image: linear-gradient(180deg, transparent, #000 16%), linear-gradient(90deg, transparent, #000 15%); mask-image: linear-gradient(180deg, transparent, #000 16%), linear-gradient(90deg, transparent, #000 15%); -webkit-mask-composite: source-in; mask-composite: intersect; }
  .campaign-editorial-ph5 { background: linear-gradient(180deg, #075442 0%, #0c604b 36%, #99b4a7 52%, #e8e6e8 73%); }
  .campaign-editorial-ultra { background: linear-gradient(180deg, #edf6f4 0%, #eef3f2 40%, #e8e6e8 66%); }
  .campaign-editorial-atopica { background: linear-gradient(180deg, #f4eeeb 0%, #f2edeb 40%, #e5e2e4 66%); }
  .campaign-editorial-atopica .campaign-editorial-photo { object-position: center; }
  .campaign-editorial-hyper .campaign-editorial-copy { margin-left: 0; width: 100%; }
  .campaign-editorial-hyper .campaign-editorial-background { top: auto; bottom: 0; width: 100%; height: 335px; object-position: 10% center; -webkit-mask-image: linear-gradient(180deg, transparent, #000 22%); mask-image: linear-gradient(180deg, transparent, #000 22%); }
  .campaign-editorial-product { top: auto; right: -6%; bottom: 10px; width: 45%; height: 320px; }
  .campaign-editorial-bodywash .campaign-editorial-background { top: auto; bottom: 0; height: 390px; object-position: 88% center; -webkit-mask-image: linear-gradient(180deg, transparent, #000 22%); mask-image: linear-gradient(180deg, transparent, #000 22%); }
  .campaign-editorial-bodywash { background: #edf4f8; }
  .campaign-editorial-bodywash::after { display: none; }
  .campaign-controls { min-height: 62px; }
  .campaign-controls .campaign-pause { display: inline-block; }
}

@media (prefers-reduced-motion: reduce) {
  .campaign-slide { transition: none; }
}