/* Layout: страница автора — карточка автора с фото, должностью, биографией и ссылками; затем избранное автора крупно и все публикации с фильтром по типу. */

.au{padding-top:clamp(110px,12vw,150px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center}
.au .ph{width:clamp(120px,14vw,170px);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#ff375f,#5e5ce6);display:grid;place-items:center;font:800 clamp(2.2rem,4vw,3.2rem)/1 var(--font-display);box-shadow:0 0 0 6px rgba(255,255,255,.06)}
.au .k{font:600 .8rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.au h1{font:800 clamp(2.4rem,5.4vw,4rem)/1 var(--font-display);letter-spacing:-.045em;margin-top:8px}
.au .pseud{color:var(--fg-3);margin-top:6px}
.au .bio{color:var(--fg-2);font-size:1.08rem;max-width:62ch;margin-top:14px}
.links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.links a{font:500 .88rem/1 var(--font-ui);padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08)}
.links a:hover{background:rgba(255,255,255,.16)}
.nums{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.nums div{padding:12px 16px;border-radius:14px;background:var(--card)}
.nums b{display:block;font:800 1.4rem/1 var(--font-display)}
.nums span{font-size:.78rem;color:var(--fg-3)}
@media (max-width:700px){.au{grid-template-columns:minmax(0,1fr)}}
.picks{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
.tile{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--card);isolation:isolate;display:block;min-height:260px}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 65%)}
.tile:hover img{transform:scale(1.04)}
.tile .txt{position:absolute;left:0;right:0;bottom:0;padding:22px;display:grid;gap:8px}
.tile h3{font:700 1.35rem/1.15 var(--font-display);letter-spacing:-.02em}
.tile.big{grid-row:span 2;min-height:440px}
.tile.big h3{font-size:clamp(1.6rem,2.8vw,2.3rem)}
.tile .k{font:600 .74rem/1 var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:#ff8fa3}
@media (max-width:860px){.picks{grid-template-columns:minmax(0,1fr)}.tile.big{grid-row:auto;min-height:320px}}
.seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--card);max-width:100%;overflow-x:auto}
.seg button{all:unset;cursor:pointer;white-space:nowrap;padding:9px 14px;border-radius:999px;font:500 .88rem/1 var(--font-ui);color:var(--fg-2)}
.seg button[aria-pressed="true"]{background:var(--fg);color:#000}
.seg button:focus-visible{outline:2px solid var(--fg)}
.pubs{display:grid}
.pub{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:22px;align-items:center;padding-block:16px;border-top:1px solid var(--line)}
.pub .img{aspect-ratio:16/10;border-radius:var(--r-sm)}
.pub .k{font:600 .72rem/1 var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.pub h3{font:700 1.2rem/1.25 var(--font-display);margin-top:6px}
.pub p{color:var(--fg-2);font-size:.92rem;margin-top:4px}
.pub .d{font-size:.82rem;color:var(--fg-3);white-space:nowrap}
.pub .score{font:700 .78rem/1 var(--font-ui);padding:5px 7px;border-radius:6px;background:var(--fg);color:#000;margin-left:6px}
@media (max-width:700px){.pub{grid-template-columns:110px minmax(0,1fr)}.pub p,.pub .d{display:none}}
.sample-note{font-size:.8rem;color:var(--fg-3);margin-top:24px;text-align:center}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* Список авторов */
.authors {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
    margin-top: 32px;
    padding: 0;
    list-style: none;
}

.author-card {
    display: grid;
    gap: 10px;
    justify-items: start;
    padding: 20px;
    border-radius: var(--r-lg);
    background: var(--card);
    color: inherit;
    text-decoration: none;
    transition: background-color .18s ease;
}

.author-card:hover {
    background: color-mix(in srgb, var(--card) 88%, #fff);
}

.author-card .ph {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 50%;
    font: 700 1.05rem var(--font-display);
    background: linear-gradient(135deg, rgba(255,55,95,.28), rgba(94,92,230,.24));
}

.author-card .ph img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.author-card b {
    font: 700 1.1rem var(--font-display);
}

.author-card .m {
    color: var(--fg-3);
    font-size: .85rem;
}