@font-face {font-family:'Pep Pals identity';src:url('/work/pep-pals/previews/identity-latin-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+00D1,U+00F1;}
@font-face {font-family:'Pep Pals identity';src:url('/work/pep-pals/previews/identity-font.woff2?v=x-fixed-2') format('woff2');font-display:swap;}
.pep-identity {padding:30px var(--case-gutter) 85px;}
.pep-section-heading {display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;margin-bottom:32px;}
.pep-section-heading h2 {font-size:clamp(32px,4.1vw,65px);line-height:1.06;letter-spacing:-.05em;color:var(--blue);margin-top:16px;}
.pep-section-heading > p {font-size:16px;line-height:1.6;color:#667087;max-width:40ch;}
.pep-identity__board {overflow:hidden;background:#fffaf0;padding:clamp(25px,4vw,64px);color:#11110f;}
.pep-identity__masthead {display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:26px;border-bottom:1px solid #11110f40;}
.pep-identity__masthead strong {font:clamp(55px,8vw,130px)/.9 'Pep Pals identity',Impact,sans-serif;letter-spacing:-.025em;}
.pep-identity__masthead p {font-size:12px;line-height:1.5;text-align:right;max-width:22ch;text-transform:uppercase;}
.pep-identity__pals {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;}
.pep-identity__pal {margin:0;padding:22px 16px 18px;display:grid;justify-items:center;overflow:hidden;}
.pep-identity__pal img {width:100%;height:clamp(150px,19vw,300px);object-fit:contain;transition:transform .55s cubic-bezier(.16,1,.3,1);}
.pep-identity__pal:hover img {transform:translateY(-8px) rotate(-4deg);}
.pep-identity__pal figcaption {font:clamp(23px,3vw,46px)/1 'Pep Pals identity',Impact,sans-serif;letter-spacing:-.03em;text-align:center;margin-top:16px;}
.pep-identity__palette {display:flex;gap:10px;margin-top:24px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;}
.pep-identity__palette span {flex:1;padding:18px 12px;background:var(--swatch);border:1px solid #11110f20;}
.pep-live {margin-bottom:32px;}
.pep-live__caption {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;font-size:11px;color:#667087;}
.pep-live__status {display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--ink);}
.pep-live__status::before {content:'';width:6px;height:6px;border-radius:50%;background:#32974c;}
.pep-preview {position:relative;width:100%;overflow:hidden;background:#fffaf0;isolation:isolate;}
.pep-preview iframe {position:absolute;top:0;left:0;max-width:none;border:0;display:block;transform-origin:top left;background:#fffaf0;}
.pep-live__heading {display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin:0 0 18px;}
.pep-live__heading h2 {font-size:clamp(27px,3vw,46px);line-height:1.08;letter-spacing:-.045em;color:var(--blue);}
.pep-live__heading .case-label {white-space:nowrap;}
@media(max-width:700px){
 .pep-identity {padding:20px 24px 55px;}
 .pep-section-heading {grid-template-columns:1fr;gap:22px;margin-bottom:25px;}
 .pep-identity__masthead {align-items:start;flex-direction:column;gap:18px;}
 .pep-identity__masthead p {max-width:none;text-align:left;}
 .pep-identity__pals {gap:6px;}
 .pep-identity__pal {padding:12px 5px;}
 .pep-identity__pal img {height:110px;}
 .pep-identity__pal figcaption {font-size:19px;}
 .pep-identity__palette {gap:4px;font-size:8px;}
 .pep-identity__palette span {padding:12px 7px;}
 .pep-live__heading {flex-direction:column;gap:12px;}
 .pep-live__caption {align-items:start;font-size:10px;gap:16px;}
 .pep-live__caption > span:first-child {max-width:28ch;line-height:1.5;}
}
@media(prefers-reduced-motion:reduce){.pep-identity__pal img {transition:none;}.pep-identity__pal:hover img {transform:none;}}

.pep-hero-showcase {padding:0 var(--case-gutter) 70px;}
@media(max-width:700px){.pep-hero-showcase {padding:0 24px 50px;}}

.case-hero.case-hero--landscape .case-image {aspect-ratio:3 / 2;max-height:none;background:transparent;}
.case-hero--landscape .case-image img {object-fit:cover;}