@scope(.pepa-website){.pepa-site.pepa-creator-directory{--directory-header-bg:#fff0f6;background:#fff}.pepa-creator-directory .pepa-site-header.pepa-directory-header,.pepa-directory-hero{background:var(--directory-header-bg)}.pepa-creator-directory .pepa-site-header.pepa-directory-header{padding-top:27px;padding-bottom:10px}@media (max-width:700px){.pepa-creator-directory .pepa-site-header.pepa-directory-header{padding-top:22px}}.pepa-creator-directory .pepa-site-nav>a[aria-current=page]{font-weight:650}.pepa-directory-main{padding-bottom:60px}.pepa-directory-intro,.pepa-directory-content{width:min(1200px,100% - 96px);margin:0 auto}.pepa-directory-content{padding-top:28px}.pepa-directory-intro{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:0 0 24px;display:grid}.pepa-directory-copy>p{color:var(--pepa-action-default);letter-spacing:.04em;margin:0 0 12px;font-size:18px;font-weight:650;line-height:1.4}.pepa-directory-intro h1{font-family:var(--pepa-site-font-display);font-size:clamp(32px,3.4vw,48px);font-weight:var(--pepa-site-weight-display);letter-spacing:-.035em;margin:0 0 16px;line-height:1.3}.pepa-directory-copy>div{max-width:460px;color:var(--pepa-text-secondary);font-size:15px;line-height:1.9}.pepa-directory-visual{aspect-ratio:1.38;isolation:isolate;justify-self:center;width:70%;margin:0;position:relative;container-type:inline-size}.directory-fan-card{aspect-ratio:3/4;border-radius:var(--pepa-site-radius-panel);background:#ebe6e8;border:3px solid #fff;width:37%;position:absolute;overflow:hidden;box-shadow:0 12px 28px #32213b18}.directory-fan-card img{object-fit:cover;width:100%;height:100%;display:block}.directory-fan-left{--fan-x:58.108%;--fan-y:-13.22%;--fan-angle:-13deg;top:21%;left:10%;transform:rotate(-13deg)}.directory-fan-right{--fan-x:-62.162%;--fan-y:-13.22%;--fan-angle:13deg;top:21%;right:8.5%;transform:rotate(13deg)}.directory-fan-center{--fan-x:0%;--fan-y:5%;--fan-angle:0deg;z-index:2;top:12%;left:31.5%}.directory-fan-ring{aspect-ratio:1;border-radius:var(--pepa-site-radius-circle);z-index:-1;border:24px solid #ff4d8d;width:22%;position:absolute;top:8%;right:17%}.directory-fan-dot{aspect-ratio:1;border-radius:var(--pepa-site-radius-circle);z-index:-1;background:#ffad85;width:18%;position:absolute;bottom:14%;left:20%}.directory-social-stat{z-index:3;color:#21172b;border:2px solid #21172b;width:27%;padding:10px 13px;line-height:1.15;position:absolute;scale:.714286;box-shadow:4px 4px #21172b}.directory-social-stat>span{margin-bottom:4px;font-size:clamp(12px,3cqw,17px);display:block}.directory-social-stat strong{letter-spacing:-.04em;white-space:nowrap;font-size:clamp(24px,6cqw,35px);font-weight:750;display:block}.directory-social-stat strong span{font-size:.76em}.directory-stat-exposure{--stat-angle:-8deg;--stat-delay:.54s;background:#d9b9ff;top:1%;left:-5%;transform:rotate(-8deg)}.directory-stat-likes{--stat-angle:7deg;--stat-delay:.64s;background:#ffcea9;top:2%;right:-5%;transform:rotate(7deg)}.directory-stat-saves{--stat-angle:-7deg;--stat-delay:.74s;background:#ffbbd8;bottom:3%;left:-5%;transform:rotate(-7deg)}.directory-stat-engagement{--stat-angle:6deg;--stat-delay:.84s;background:#d9b9ff;bottom:2%;right:-5%;transform:rotate(6deg)}@media (prefers-reduced-motion:no-preference){.pepa-directory-visual[data-ready=false] .directory-fan-card,.pepa-directory-visual[data-ready=false] .directory-social-stat{opacity:0}.pepa-directory-visual[data-ready=true] .directory-fan-card{animation:.7s cubic-bezier(.22,1,.36,1) both directory-fan-open}.pepa-directory-visual[data-ready=true] .directory-fan-center{animation-duration:.45s}.pepa-directory-visual[data-ready=true] .directory-social-stat{animation:directory-stat-pop .4s var(--stat-delay) cubic-bezier(.22, 1, .36, 1) both}}@keyframes directory-fan-open{0%{opacity:0;transform:translate(var(--fan-x), var(--fan-y)) rotate(0deg) scale(.92)}15%{opacity:1}to{opacity:1;transform:translate(0, 0) rotate(var(--fan-angle)) scale(1)}}@keyframes directory-stat-pop{0%{opacity:0;transform:translateY(10px) rotate(var(--stat-angle)) scale(.15)}70%{opacity:1;transform:translateY(0) rotate(var(--stat-angle)) scale(1.08)}to{opacity:1;transform:translateY(0) rotate(var(--stat-angle)) scale(1)}}.pepa-creator-directory .creator-plaza-heading h2{margin:0;font-size:22px;font-weight:500}@media (min-width:701px) and (max-width:1000px){.pepa-directory-intro{gap:20px}.pepa-directory-intro h1{font-size:32px}.directory-social-stat{padding:8px}}@media (max-width:700px){.pepa-directory-intro,.pepa-directory-content{width:calc(100% - 40px)}.pepa-directory-content{padding-top:24px}.pepa-directory-intro{grid-template-columns:1fr;gap:12px;padding:0 0 20px}.pepa-directory-intro h1{margin-bottom:12px;font-size:30px}.pepa-directory-copy>p{margin-bottom:10px;font-size:16px}.pepa-directory-copy>div{font-size:14px;line-height:1.7}.pepa-directory-visual{justify-self:center;max-width:460px}.directory-social-stat{padding:7px 9px;box-shadow:3px 3px #21172b}.directory-social-stat strong{font-size:6cqw}.directory-fan-card{border-radius:var(--pepa-site-radius-card);border-width:2px}.directory-fan-ring{border-width:16px}}.pepa-directory-copy .directory-desc-short{display:none}@media (max-width:700px){.pepa-directory-copy>p{margin-bottom:8px;font-size:14px}.pepa-directory-copy .directory-desc-full{display:none}.pepa-directory-copy .directory-desc-short{display:inline}.pepa-directory-visual{display:none}.pepa-directory-intro{gap:0;padding:20px 0}.pepa-directory-intro h1{margin-bottom:8px;font-size:26px}.pepa-directory-content{padding-top:16px}}}
