.pep-digital-showcase {--showcase-depth:clamp(12px,2.1vw,30px);--showcase-border:clamp(3px,.5vw,7px);position:relative;isolation:isolate;overflow:clip;background:var(--blue);color:#fff;padding:clamp(45px,5.5vw,90px) clamp(24px,5.2vw,90px) clamp(65px,7vw,110px);margin:0 0 90px;}
.pep-digital-showcase__decoration {position:absolute;inset:0;z-index:-1;pointer-events:none;}
.pep-outline {position:absolute;height:auto;filter:brightness(0) invert(1);transform:translate3d(var(--outline-x,0px),var(--outline-y,0px),0) rotate(calc(var(--outline-angle,0deg) + var(--outline-turn,0deg)));transform-origin:center;}
/* Eight staggered positions leave room for each illustration's scroll travel. */
.pep-outline--chilli-one {width:clamp(110px,13vw,185px);left:11%;top:-1%;--outline-angle:-62deg;}
.pep-outline--bottle-one {width:clamp(110px,14vw,200px);left:-5%;top:24%;--outline-angle:-22deg;}
.pep-outline--chilli-two {width:clamp(110px,14vw,200px);left:2%;top:47%;--outline-angle:-48deg;}
.pep-outline--bottle-two {width:clamp(110px,14vw,200px);left:-4%;top:76%;--outline-angle:24deg;}
.pep-outline--bottle-three {width:clamp(110px,14vw,200px);right:-5%;top:10%;--outline-angle:28deg;}
.pep-outline--chilli-three {width:clamp(110px,14vw,200px);right:-5%;top:34%;--outline-angle:-22deg;}
.pep-outline--bottle-four {width:clamp(110px,14vw,200px);right:-5%;top:62%;--outline-angle:24deg;}
.pep-outline--chilli-four {width:clamp(110px,14vw,200px);right:0;top:89%;--outline-angle:60deg;}
.pep-digital-chapter {position:relative;}
.pep-digital-chapter__title {font-family:'Pep Pals identity',Impact,sans-serif;font-weight:400;font-synthesis:none;font-size:clamp(32px,10.2vw,164px);letter-spacing:-.075em;line-height:.95;color:#fff;white-space:nowrap;text-align:right;margin:0 0 12px auto;line-height:1.08;}
.pep-digital-chapter--sauces {margin-top:clamp(55px,5.3vw,85px);}
.pep-digital-chapter--sauces .pep-digital-chapter__title {font-size:clamp(29px,9.4vw,152px);text-align:right;}
.pep-digital-frame {position:relative;isolation:isolate;border:var(--showcase-border) solid #fff;background:#fff;}
.pep-digital-frame::before {content:'';position:absolute;z-index:-1;inset:0 calc(-1*var(--showcase-depth)) calc(-1*var(--showcase-depth)) 0;background:#001668;clip-path:polygon(0 0,calc(100% - var(--showcase-depth)) 0,100% var(--showcase-depth),100% 100%,var(--showcase-depth) 100%,0 calc(100% - var(--showcase-depth)));}
/* Keep the white perimeter above both the extrusion and the live preview. */
.pep-digital-frame::after {content:'';position:absolute;inset:calc(-1*var(--showcase-border));border:var(--showcase-border) solid #fff;pointer-events:none;z-index:2;}
.pep-digital-frame:focus-within {outline:2px solid #fff;outline-offset:8px;}
.pep-digital-showcase .pep-preview iframe:focus {outline:3px solid var(--blue);outline-offset:-3px;}
.pep-digital-caption__live {display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;}
.pep-digital-caption__live::before {content:'';width:6px;height:6px;border-radius:50%;background:var(--blue);}
.pep-digital-frame > .pep-digital-caption__live {position:absolute;left:calc(-1*var(--showcase-border));top:0;transform:translateY(calc(-100% - var(--showcase-border)));padding:9px 14px;background:#fff;color:var(--blue);z-index:3;}
@media(min-width:1700px){.pep-digital-showcase {padding-left:max(90px,calc((100vw - 1540px)/2));padding-right:max(90px,calc((100vw - 1540px)/2));}}
@media(max-width:700px){
 .pep-digital-showcase {padding:38px 24px 55px;margin-bottom:60px;}
 .pep-digital-chapter__title {font-size:10.2vw;letter-spacing:-.07em;margin-bottom:32px;}
 .pep-digital-chapter--sauces {margin-top:48px;}
 .pep-digital-chapter--sauces .pep-digital-chapter__title {font-size:9.4vw;}
 .pep-digital-caption__live {font-size:9px;letter-spacing:.1em;}
 .pep-outline--chilli-one {left:-8%;top:0;}
 .pep-outline--bottle-one {left:-20%;}
 .pep-outline--chilli-two {left:-18%;}
 .pep-outline--bottle-two {left:-20%;}
 .pep-outline--bottle-three,.pep-outline--chilli-three,.pep-outline--bottle-four {right:-20%;}
 .pep-outline--chilli-four {right:-15%;}

}
@media(prefers-reduced-motion:reduce){.pep-outline {transform:rotate(var(--outline-angle,0deg));}}