/* Pep Pals case-study art direction. Scoped to the two new sections. */
.pep-character-stage {position:relative;isolation:isolate;overflow:hidden;min-height:clamp(680px,60vw,940px);margin:25px 0 110px;background:#fff;color:var(--blue);}
.pep-character-stage__three {position:absolute;z-index:-1;left:-.055em;top:-.12em;font-size:clamp(600px,60vw,950px);font-weight:700;line-height:1;letter-spacing:-.085em;user-select:none;pointer-events:none;}
.pep-character-stage__heading {position:absolute;left:34.5%;top:40px;z-index:2;}
.pep-character-stage__eyebrow {font-size:clamp(12px,1.3vw,19px);font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:12px;}
.pep-character-stage h2 {font-size:clamp(42px,4.6vw,73px);font-weight:600;letter-spacing:-.055em;line-height:.98;}
.pep-character-stage__perspective {position:absolute;left:var(--case-gutter);bottom:68px;max-width:21%;color:#151512;}
.pep-character-stage__perspective strong {display:block;font-size:clamp(23px,2.15vw,34px);font-weight:600;letter-spacing:-.045em;line-height:1.08;}
.pep-character-stage__perspective p {margin-top:18px;font-size:13px;line-height:1.6;max-width:25ch;color:#566179;}
.pep-character-stage__perspective::after {content:'';display:block;width:70px;height:5px;margin-top:22px;background:var(--blue);transform:rotate(-4deg);}
.pep-character-stage__pals {position:absolute;left:29%;right:2.3%;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;}
.pep-character-pal {position:relative;min-width:0;margin:0;--step:clamp(110px,10vw,158px);--pal-colour:#8dcc3d;}
.pep-character-pal--mango {--step:clamp(185px,17vw,268px);--pal-colour:#f17228;}
.pep-character-pal--fire {--step:clamp(265px,24vw,378px);--pal-colour:#ec292a;}
.pep-character-pal__art {position:absolute;inset:auto 0 var(--step);display:flex;align-items:end;justify-content:center;padding:0 8%;height:clamp(280px,28vw,430px);transform-origin:50% 100%;transition:transform .7s cubic-bezier(.16,1,.3,1);}
.pep-character-pal__bottle {width:56%;height:100%;display:block;object-fit:contain;object-position:center bottom;}
.pep-character-pal__mascot {width:44%;height:52%;display:block;object-fit:contain;object-position:center bottom;transform:scale(1.55) rotate(-3deg);transform-origin:50% 100%;transition:transform .7s cubic-bezier(.16,1,.3,1);}
.pep-character-pal figcaption {height:var(--step);padding:clamp(20px,2.4vw,38px) clamp(16px,2.3vw,36px);background:var(--pal-colour);color:#151512;position:relative;}
.pep-character-pal figcaption::before {content:'';display:block;width:26px;height:3px;margin-bottom:15px;background:currentColor;}
.pep-character-pal__name {display:block;font-family:'Pep Pals identity',Impact,sans-serif;font-size:clamp(24px,2.6vw,42px);line-height:1.06;}
.pep-character-pal__voice {display:block;margin-top:10px;font-size:clamp(9px,.75vw,12px);font-weight:600;letter-spacing:.13em;text-transform:uppercase;line-height:1.5;}
@media(hover:hover) and (pointer:fine) {.pep-character-pal:hover .pep-character-pal__art {transform:translateY(-12px) rotate(-2deg);}.pep-character-pal:hover .pep-character-pal__mascot {transform:translateY(-5px) scale(1.55) rotate(5deg);}}
.pep-character-stage.has-reveal .pep-character-pal__art {opacity:0;transform:translateY(45px);}
.pep-character-stage.has-reveal.is-in-view .pep-character-pal__art {opacity:1;transform:none;transition:opacity .8s ease,transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--arrival,0ms);}
.pep-character-stage.has-reveal.is-in-view .pep-character-pal:nth-child(2) {--arrival:90ms;}
.pep-character-stage.has-reveal.is-in-view .pep-character-pal:nth-child(3) {--arrival:180ms;}
@media(hover:hover) and (pointer:fine) {.pep-character-stage.has-reveal.is-in-view .pep-character-pal:hover .pep-character-pal__art {transform:translateY(-12px) rotate(-2deg);transition-delay:0ms;}}
.pep-hero-showcase.pep-playground {position:relative;isolation:isolate;overflow:hidden;background:#101010;color:#fff;padding:clamp(90px,9vw,150px) var(--case-gutter) 65px;margin:0 0 100px;}
.pep-playground__outline {position:absolute;z-index:-1;inset:50% auto auto -2%;transform:translateY(-57%) scaleX(.78);transform-origin:left center;font-size:60vw;letter-spacing:-.07em;line-height:.9;font-weight:500;color:transparent;-webkit-text-stroke:1.5px #ffffffb8;white-space:nowrap;pointer-events:none;user-select:none;}
.pep-playground__content {display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2.5fr);gap:clamp(28px,4vw,70px);align-items:center;}
.pep-playground__copy h2 {font-size:clamp(36px,4vw,66px);font-weight:600;line-height:1.03;letter-spacing:-.05em;}
.pep-playground__explore {display:inline-flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:#fff;border-bottom:1px solid #fff;padding:12px 0;margin-top:clamp(35px,5vw,85px);font-size:clamp(13px,1.15vw,18px);}
.pep-playground__explore .onform-copy,.pep-playground__explore .onform-glyph {font-size:inherit;}
.pep-playground__explore:focus-visible {outline-color:#fff;}
.pep-playground__media {position:relative;min-width:0;}
.pep-playground__badge {position:absolute;z-index:2;left:0;top:0;transform:translateY(-100%);display:flex;align-items:center;gap:9px;padding:7px 14px;background:var(--blue);color:#fff;font-size:11px;letter-spacing:.05em;}
.pep-playground__badge::before {content:'';width:6px;height:6px;border-radius:50%;background:#fff;}
.pep-playground .pep-preview {background:#f17228;}
.pep-playground iframe:focus {outline:3px solid #fff;outline-offset:-3px;}
.pep-playground__media.is-engaged {outline:2px solid #fff;outline-offset:8px;}
.pep-playground__caption {margin:50px 0 0;text-align:center;font-size:10px;letter-spacing:.24em;line-height:1.6;}
.pep-playground__caption::after {content:'';display:block;width:100px;height:2px;margin:20px auto 0;background:linear-gradient(to right,#fff 33%,#ffffff30 33%);}
@media(min-width:1600px){.pep-character-stage__heading {left:35%;top:55px;}}
@media(max-width:1050px) and (min-width:701px){.pep-character-stage {min-height:700px;}.pep-character-stage__three {font-size:600px;}.pep-character-stage__heading {left:32%;top:40px;}.pep-character-stage h2 {font-size:44px;}.pep-character-pal__art {height:280px;}.pep-character-stage__perspective {left:24px;max-width:23%;}.pep-character-pal__voice {letter-spacing:.03em;}.pep-character-pal figcaption {padding:20px 14px;}}
@media(max-width:950px){.pep-playground__content {grid-template-columns:1fr;gap:58px;}.pep-playground__copy {display:flex;align-items:end;justify-content:space-between;gap:30px;}.pep-playground__copy h2 {font-size:clamp(38px,6vw,56px);}.pep-playground__explore {margin:0;}.pep-playground__outline {font-size:110vw;left:-14%;}.pep-playground__caption {margin-top:32px;}}
@media(max-width:700px){
 .pep-character-stage {min-height:0;margin:10px 0 70px;padding:30px 24px 0;}
 .pep-character-stage__three {font-size:245px;left:-.08em;top:5px;letter-spacing:-.08em;}
 .pep-character-stage__heading {position:relative;left:auto;top:auto;margin-left:35%;}
 .pep-character-stage__eyebrow {font-size:10px;margin-bottom:10px;}
 .pep-character-stage h2 {font-size:clamp(26px,6vw,42px);line-height:1.03;}
 .pep-character-stage__perspective {position:relative;left:auto;bottom:auto;max-width:none;margin:26px 0 0 35%;}
 .pep-character-stage__perspective strong {font-size:17px;line-height:1.15;}
 .pep-character-stage__perspective p {font-size:12px;margin-top:12px;}
 .pep-character-stage__perspective::after {height:3px;width:45px;margin-top:15px;}
 .pep-character-stage__pals {position:relative;left:auto;right:auto;bottom:auto;height:340px;margin:45px -10px 0;}
 .pep-character-pal {--step:85px;}.pep-character-pal--mango {--step:130px;}.pep-character-pal--fire {--step:175px;}
 .pep-character-pal__art {height:160px;padding:0 3%;}.pep-character-pal__mascot {height:52%;}
 .pep-character-pal figcaption {padding:15px 10px;}.pep-character-pal figcaption::before {width:16px;height:2px;margin-bottom:10px;}
 .pep-character-pal__name {font-size:18px;}.pep-character-pal__voice {font-size:8px;letter-spacing:.01em;line-height:1.4;margin-top:8px;}
 .pep-hero-showcase.pep-playground {padding:55px 24px 35px;margin-bottom:65px;}
 .pep-playground__copy {display:block;}.pep-playground__copy h2 {font-size:42px;}
 .pep-playground__explore {margin-top:25px;font-size:14px;}
 .pep-playground__outline {font-size:155vw;left:-30%;top:45%;}
 .pep-playground__badge {font-size:10px;padding:6px 12px;}
 .pep-playground__caption {font-size:8px;letter-spacing:.15em;}
}
@media(prefers-reduced-motion:reduce){.pep-character-pal__art,.pep-character-pal__mascot {transition:none!important;transform:none!important;}.pep-character-stage.has-reveal .pep-character-pal__art {opacity:1;}}