/* Автори (E-E-A-T, 2026-10-24): сторінка /team/<slug>/, підпис у статті, блок «Про автора».
   Простір grandma.agency. Дві теми через токени .gm-desk-page (--ink, --mag, --line…).
   Маджента — лише сенс (ім'я-посилання, крапка, лічильник); без білих площин. */

/* ─── Підпис у hero статті ─── */
.gm-byline{display:flex;align-items:center;gap:12px}
.gm-byline__photo{flex:none;display:block;width:44px;height:44px;border-radius:999px;overflow:hidden;box-shadow:0 0 0 1px rgba(233,30,150,.45)}
.gm-byline__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.gm-byline__name{font-family:'Outfit',sans-serif;font-weight:600;font-size:14px;color:#F5F5F5}
.gm-byline__role,.gm-byline__review{font-family:'Montserrat',sans-serif;font-size:12.5px;line-height:1.45;color:rgba(245,245,245,.6)}
.gm-byline__review{margin-top:2px}
.gm-byline__link{color:inherit;text-decoration:underline;text-decoration-color:rgba(233,30,150,.7);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .2s}
.gm-byline__link:hover,.gm-byline__link:focus-visible{color:#E91E96}
html[data-gm-theme="light"] .gm-byline__link:hover{color:#A8156A}

/* ─── «Про автора» у бічній колонці статті (папір) ─── */
.gm-about-author__photo{flex:none;display:block;width:56px;height:56px;border-radius:999px;overflow:hidden;box-shadow:0 0 0 1px rgba(168,21,106,.35)}
.gm-about-author__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.gm-about-author__name{font-family:'Outfit',sans-serif;font-weight:700;font-size:17px;line-height:1.2;color:#14110E}
.gm-about-author__name a{color:inherit;text-decoration:none;border-bottom:1.5px solid rgba(168,21,106,.45)}
.gm-about-author__name a:hover{color:#A8156A}
.gm-about-author__role{margin-top:3px;font-family:'Montserrat',sans-serif;font-size:12.5px;line-height:1.4;color:#6b655c}

/* ─── Сторінка автора ─── */
html[data-gm-theme="light"] .gm-au{--au-card:#FBFAF7;--au-card-line:rgba(20,17,14,.1)}
.gm-au{--au-card:#111111;--au-card-line:rgba(255,255,255,.08)}
.gm-au__hero{position:relative;padding:clamp(112px,14vh,160px) 0 clamp(56px,7vw,104px)}
.gm-au__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(32px,5vw,88px);align-items:start}
.gm-au__name{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(5.2rem,13vw,11.5rem);line-height:.82;letter-spacing:.004em;color:var(--ink)}
.gm-au__dot{color:var(--mag)}
.gm-au .gm-au__role{margin:18px 0 0;max-width:30ch;font-family:var(--ui);font-weight:600;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.3;color:var(--ink)}
.gm-au__bio{margin-top:clamp(26px,3vw,38px);max-width:62ch;font-family:var(--body);font-size:clamp(1rem,1.15vw,1.08rem);line-height:1.8;color:var(--ink-2)}
.gm-au .gm-au__bio p{margin:0}
.gm-au .gm-au__bio p+p{margin-top:16px}
.gm-au .gm-au__bio p:first-child{font-size:1.12em;line-height:1.7;color:var(--ink)}
.gm-au .gm-au__h3{margin:clamp(34px,4vw,48px) 0 14px;font-family:var(--ui);font-weight:700;font-size:1.05rem;line-height:1.2;color:var(--ink)}
.gm-au__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.gm-au__tags li{padding:8px 14px;border:1px solid var(--line);border-radius:6px;font-family:var(--body);font-size:.9rem;line-height:1.3;color:var(--ink-2);background:rgb(var(--gm-fg-rgb) / .03)}
.gm-au__links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:22px 0 0;padding:0;list-style:none}
.gm-au__links a{font-family:var(--ui);font-weight:600;font-size:.95rem;color:var(--ink);text-decoration:underline;text-decoration-color:var(--mag);text-underline-offset:4px}
.gm-au__back{display:inline-block;margin-top:clamp(30px,3.4vw,44px);font-family:var(--ui);font-weight:600;font-size:.95rem;color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px;transition:color .2s,border-color .2s}
.gm-au__back:hover,.gm-au__back:focus-visible{color:var(--mag);border-color:var(--mag)}
.gm-au .gm-au__fig{position:sticky;top:110px;margin:0;justify-self:end;width:min(100%,440px)}
.gm-au__fig img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:600/860;height:auto;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px var(--line),0 40px 80px rgba(0,0,0,.35)}
.gm-au__fig::before{content:"";position:absolute;z-index:0;left:-9%;bottom:-6%;width:62%;height:44%;background:url('/static/icons/blots-a.svg') no-repeat center/contain;opacity:.7;pointer-events:none}

.gm-au__posts{padding:clamp(40px,5vw,72px) 0 clamp(56px,7vw,104px);border-top:1px solid var(--line)}
.gm-au__posts-head{display:flex;align-items:baseline;gap:18px;margin-bottom:clamp(26px,3vw,40px)}
.gm-au__h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.92;color:var(--ink)}
.gm-au__count{font-family:var(--mono);font-size:.95rem;color:var(--mag)}
.gm-au__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gm-au__card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--au-card-line);border-radius:6px;background:var(--au-card);color:var(--ink);text-decoration:none;transition:border-color .25s,transform .25s}
.gm-au__card:hover,.gm-au__card:focus-visible{border-color:var(--mag);transform:translateY(-3px)}
.gm-au__card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:rgb(var(--gm-fg-rgb) / .05)}
.gm-au__card-img img{display:block;width:100%;height:100%;object-fit:cover}
.gm-au__card-body{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}
.gm-au__card-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-family:var(--body);font-size:.78rem;color:var(--ink-3)}
.gm-au__card-cat{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mag)}
.gm-au__card-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;font-family:var(--ui);font-weight:700;font-size:1.18rem;line-height:1.28;color:var(--ink)}
.gm-au__card-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px;font-family:var(--body);font-size:.88rem;line-height:1.55;color:var(--ink-2)}
.gm-au__card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--au-card-line);font-family:var(--body);font-size:.8rem;color:var(--ink-3)}
.gm-au__card-more{font-family:var(--ui);font-weight:700;color:var(--mag);white-space:nowrap}

.gm-au__cta{padding:clamp(48px,6vw,88px) 0 clamp(72px,8vw,120px);border-top:1px solid var(--line)}
.gm-au__cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:clamp(28px,5vw,80px);align-items:center}
.gm-au .gm-au__cta-lead{margin:18px 0 0;max-width:48ch;font-family:var(--body);font-size:1.05rem;line-height:1.7;color:var(--ink-2)}
.gm-au__cta-buttons{display:flex;flex-direction:column;gap:12px}

@media (max-width:960px){
  .gm-au__grid{grid-template-columns:1fr}
  .gm-au .gm-au__fig{position:relative;top:auto;order:-1;justify-self:start;width:min(40%,170px)}
  .gm-au .gm-au__fig::before{display:none}
  .gm-au__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gm-au__cta-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .gm-au__hero{padding-top:96px}
  .gm-au__cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.gm-au__card{transition:none}.gm-au__card:hover{transform:none}}