/* A live specimen of the brand's actual custom typeface. */
.pep-digital-showcase:has(.pep-type) {padding-bottom:48px;}
.pep-digital-showcase:has(.pep-type) .pep-outline--chilli-four {top:auto;right:clamp(70px,6.5vw,110px);bottom:clamp(100px,11vw,170px);}
.pep-type {position:relative;color:#fff;padding:38px 0 0;margin:clamp(65px,7vw,110px) 0 0;border:0;}
.pep-type__intro {font:400 13px/1.6 'Pep Pals identity',Impact,sans-serif;font-synthesis:none;letter-spacing:.065em;text-transform:uppercase;max-width:62ch;margin:0;}
.pep-type__sample {height:clamp(140px,17vw,235px);display:flex;align-items:center;margin:10px 0 20px;cursor:text;}
.pep-type__word {--type-base:clamp(68px,12vw,190px);display:inline-block;font:400 var(--type-base)/1.1 'Pep Pals identity',Impact,sans-serif;font-synthesis:none;letter-spacing:-.025em;text-transform:uppercase;white-space:pre;}
.pep-type__controls {display:grid;grid-template-columns:minmax(0,1fr) 180px 38px;gap:30px;align-items:center;}
.pep-type__input {width:100%;min-width:0;border:0;border-bottom:1px solid #ffffff90;border-radius:0;padding:10px 0 12px;background:transparent;color:#fff;font:400 16px/1.4 'DM Sans',Arial,sans-serif;box-shadow:none;}
.pep-type__input::placeholder {color:#ffffffe0;opacity:1;}
.pep-type__input:focus {outline:none;border-color:#fff;box-shadow:0 1px #fff;}
.pep-type__size {display:flex;align-items:center;gap:16px;font:400 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.pep-type__size input {width:100%;min-width:0;margin:0;accent-color:#fff;appearance:none;-webkit-appearance:none;background:transparent;height:28px;cursor:ew-resize;}
.pep-type__size input::-webkit-slider-runnable-track {height:1px;background:#ffffffb0;}
.pep-type__size input::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-5.5px;border-radius:50%;border:0;background:#fff;}
.pep-type__size input::-moz-range-track {height:1px;background:#ffffffb0;}
.pep-type__size input::-moz-range-thumb {width:12px;height:12px;border-radius:50%;border:0;background:#fff;}
.pep-type__try {border:0;background:transparent;color:#fff;padding:6px 0;font:400 32px/1 'DM Sans',Arial,sans-serif;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1);}
.pep-type__try:hover {transform:translate(2px,-2px);}
.pep-type :is(.pep-type__try,input[type=range]):focus-visible {outline:2px solid #fff;outline-offset:6px;}
@media(max-width:700px) {
 .pep-digital-showcase:has(.pep-type) {padding-bottom:35px;}
 .pep-type {padding:30px 0 0;margin-top:55px;}
 .pep-type__intro {font-size:11px;letter-spacing:.045em;max-width:38ch;}
 .pep-type__sample {height:125px;margin:8px 0 12px;}
 .pep-type__word {--type-base:clamp(56px,13vw,90px);}
 .pep-type__controls {grid-template-columns:minmax(0,1fr) 32px;gap:15px 20px;}
 .pep-type__input {font-size:14px;}
 .pep-type__size {grid-row:2;grid-column:1/-1;width:170px;}
 .pep-type__try {grid-row:1;grid-column:2;}
}
@media(prefers-reduced-motion:reduce) {.pep-type__try {transition:none;}}