/* Hero */
.ath-hero{padding:110px 0 50px;background:linear-gradient(180deg,#fff,var(--bg-alt));text-align:center}
.ath-hero .hero-title{font-weight:800;line-height:1.1;margin:.5em 0}

/* Sort bar */
.ath-sortbar{padding:10px 0 20px}
.sort-wrap{display:flex;gap:12px;align-items:center;justify-content:flex-end}
.ath-select{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:#fff}

/* Sections / grid */
.ath-section{padding:30px 0}
.ath-group-title{font-weight:800;margin:10px 0 18px}
.ath-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:980px){.ath-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ath-grid{grid-template-columns:1fr}}

/* Card */
.ath-card{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  box-shadow:var(--shadow-soft);overflow:hidden;display:flex;flex-direction:column
}

/* Media zone : même logique pour TOUTES les cartes */
.ath-media{position:relative;background:linear-gradient(180deg,#fafbff,#f5f6fa);border-radius:12px;margin:16px;overflow:hidden}
.ath-card.has-photo .ath-media{height:220px}
.ath-card.no-photo  .ath-media{height:200px}

/* Photo non rognée + visage remonté */
.ath-photo{width:100%;height:100%;object-fit:contain;object-position:50% 15%}
.ath-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:repeating-linear-gradient(45deg,#f7f7f9,#f7f7f9 8px,#f0f1f4 8px,#f0f1f4 16px)}
.ath-initials{font-weight:900;font-size:3.2rem;color:#c0c3ca}

/* Poses dots */
.ath-poses{position:absolute;right:16px;bottom:12px;display:flex;gap:8px}
.pose-dot{width:10px;height:10px;border-radius:999px;border:2px solid #fff;background:rgba(0,0,0,.35);cursor:pointer}
.pose-dot:is(:hover,:focus){background:var(--accent)}
.pose-dot.is-active{background:var(--accent-dark)}

/* Head / tags */
.ath-head{padding:6px 16px 0}
.ath-name{margin:0;font-weight:800}
.ath-cat{color:#e94e5f;font-weight:800;margin:4px 0 6px}
.ath-tags{display:flex;flex-wrap:wrap;gap:6px}
.ath-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#f4f5f7;border:1px solid var(--border);font-size:.85rem}

/* Bio + “voir plus” (uniquement si overflow) */
.ath-bio{padding:0 16px 12px}
.ath-bio p{margin:.45rem 0;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ath-bio[data-collapsed="0"] p{-webkit-line-clamp:unset;max-height:none;overflow:visible}

.ath-footer{display:flex;justify-content:flex-start;padding:0 16px 16px}
.ath-more{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 10px;cursor:pointer}
.ath-card:not(.has-overflow) .ath-footer{display:none}