/* Real profile previews, rendered by the same engine as the editor. */
.visual-directory .directory-heading{padding:35px 0 22px;text-align:left}
.visual-directory .directory-heading h1{font-size:clamp(42px,5vw,64px);letter-spacing:-2.8px;margin:12px 0}
.visual-directory .filters{padding:18px 0 32px}
.visual-directory .audience-grid{gap:34px 24px;padding:0 0 35px}
.visual-directory .visual-tile{display:block;min-height:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.visual-directory .visual-tile:hover{transform:none;box-shadow:none}
.template-stage{position:relative;border-radius:24px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 3px 12px #2320190a;background:#e6e4df}
.visual-tile:hover .template-stage{transform:translateY(-5px);box-shadow:0 18px 30px #24143218}
.template-screen{position:relative;width:100%;aspect-ratio:390/790;overflow:hidden}
.template-canvas{width:390px;height:790px;transform:scale(var(--preview-scale,1));transform-origin:top left;pointer-events:none;user-select:none}
.template-canvas .bio-page{height:790px;min-height:790px}
.template-canvas .p-content{height:790px}
.template-canvas .p-socials>span{display:grid;place-items:center;width:32px;height:32px;padding:7px;opacity:.88}
.template-canvas .p-name{margin:0}
.template-peek{position:absolute;bottom:20px;left:50%;transform:translate(-50%,7px);padding:12px 20px;border-radius:99px;background:#fff;color:#241432;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 5px 25px #0002}
.visual-tile:hover .template-peek,.visual-tile:focus-visible .template-peek{opacity:1;transform:translate(-50%,0)}
.template-caption{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:15px 3px 0}
.visual-directory .template-caption h2{font-size:15px;font-weight:600;letter-spacing:-.2px;line-height:1.35;margin:0}
.template-caption>span{font-size:18px;color:#665971}
.template-caption p{grid-column:1/-1;font-size:11px;color:#797780;margin:0;line-height:1.5}
.gallery-more{display:flex;justify-content:center;padding:0 0 65px}
.gallery-more button{border:0;cursor:pointer}
@media(max-width:700px){.visual-directory .audience-grid{gap:25px 15px}.template-stage{border-radius:18px}.visual-directory .directory-heading{padding:22px 0 12px}.visual-directory .template-caption h2{font-size:13px}.template-caption p{font-size:10px}.visual-directory .filters{gap:12px}.template-peek{display:none}}
@media(prefers-reduced-motion:reduce){.template-stage,.template-peek{transition:none}.visual-tile:hover .template-stage{transform:none}}