/* This specimen and cursor choice belong only to the Pep Pals case study. */
.pep-brand-tools {display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(36px,5vw,80px);align-items:stretch;margin:clamp(65px,7vw,110px) 0 0;}
.pep-brand-tools .pep-type {margin:0;min-width:0;}
.pep-cursor-demo {position:relative;min-width:0;padding:38px 0 0 32px;border-left:1px solid #ffffff40;color:#fff;}
.pep-cursor-demo__title {margin:0;font:400 13px/1.6 'Pep Pals identity',Impact,sans-serif;font-synthesis:none;letter-spacing:.065em;text-transform:uppercase;}
.pep-cursor-demo__art {height:clamp(140px,17vw,235px);display:flex;align-items:center;justify-content:center;margin:10px 0 20px;}
.pep-cursor-demo__art img {width:112px;height:112px;object-fit:contain;transform:rotate(-8deg);transition:transform .5s cubic-bezier(.22,.8,.2,1);}
.pep-cursor-demo:has(.pep-cursor-demo__toggle:hover) .pep-cursor-demo__art img {transform:rotate(0deg) translateY(-5px);}
.pep-cursor-demo__toggle {display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 0 12px;border:0;border-bottom:1px solid #ffffff90;border-radius:0;background:transparent;color:#fff;font:400 14px/1.4 'DM Sans',Arial,sans-serif;text-align:left;}
.pep-cursor-demo__toggle > span:last-child {font-size:24px;line-height:1;}
.pep-cursor-demo__toggle:hover {border-color:#fff;}
.pep-cursor-demo__toggle:focus-visible {outline:2px solid #fff;outline-offset:6px;}
.pep-cursor-demo__status,.pep-cursor-demo__touch {margin:12px 0 0;font:400 11px/1.5 'DM Sans',Arial,sans-serif;color:#ffffffbf;}
.pep-cursor-demo__touch {display:none;}
@media (max-width:1100px) and (min-width:701px) {
 .pep-brand-tools {grid-template-columns:minmax(0,1fr) 210px;gap:28px;}
 .pep-cursor-demo {padding-left:24px;}
 .pep-brand-tools .pep-type__controls {grid-template-columns:minmax(0,1fr) 44px;gap:16px;}
 .pep-brand-tools .pep-type__size {grid-row:2;grid-column:1/-1;width:170px;}
 .pep-brand-tools .pep-type__try {grid-row:1;grid-column:2;}
}
@media (max-width:700px) {
 .pep-brand-tools {grid-template-columns:minmax(0,1fr);gap:32px;margin-top:55px;}
 .pep-cursor-demo {padding:26px 0 0;border-left:0;border-top:1px solid #ffffff40;}
 .pep-cursor-demo__title {font-size:11px;}
 .pep-cursor-demo__art {height:110px;margin:8px 0 12px;justify-content:flex-start;}
 .pep-cursor-demo__art img {width:82px;height:82px;}
 .pep-cursor-demo__toggle {max-width:280px;}
}
@media (hover:hover) and (pointer:fine) {
 html.pep-cursor-enabled .onform-cursor {display:none!important;}
 html.pep-cursor-enabled,html.pep-cursor-enabled * {cursor:url('/cursors/ink-arrow-idle.svg') 3 3,auto!important;}
 html.pep-cursor-enabled :is(a[href],button:not(:disabled),[role=button],label,summary):hover,
 html.pep-cursor-enabled :is(a[href],button:not(:disabled),[role=button],label,summary):hover * {cursor:url('/cursors/ink-arrow-hover.svg') 3 3,pointer!important;}
 html.pep-cursor-enabled :is(a[href],button:not(:disabled),[role=button],label,summary):active,
 html.pep-cursor-enabled :is(a[href],button:not(:disabled),[role=button],label,summary):active * {cursor:url('/cursors/ink-arrow-pressed.svg') 3 3,pointer!important;}
 html.pep-cursor-enabled [data-cursor-success=true],html.pep-cursor-enabled [data-cursor-success=true] * {cursor:url('/cursors/ink-arrow-success.svg') 3 3,pointer!important;}
 html.pep-cursor-enabled :is(input,textarea,select,[contenteditable=true],[data-native-cursor]) {cursor:text!important;}
 html.pep-cursor-enabled input[type=range] {cursor:ew-resize!important;}
 html.pep-cursor-enabled :is(button:disabled,[aria-disabled=true]) {cursor:not-allowed!important;}
}
@media (hover:none),(pointer:coarse) {
 .pep-cursor-demo__toggle,.pep-cursor-demo__status {display:none;}
 .pep-cursor-demo__touch {display:block;}
}
@media (prefers-reduced-motion:reduce) {.pep-cursor-demo__art img {transition:none;}}