/* Страница автора как профиль: шапка во всю ширину, портрет, логотип, кнопки.
   Подключается только на странице автора (art_artist.html). Без шапки у автора остаётся
   прежняя вёрстка .a-top из direction.css — здесь для неё только логотип и кнопки. */

/* ── С шапкой ───────────────────────────────────────────────────────── */
.ap-top{ padding-top:clamp(104px,13vw,160px); padding-bottom:clamp(40px,5vw,72px); }
.ap-top .a-notice{ margin-bottom:16px; }
.ap-cover{ margin:0; width:100%; aspect-ratio:3 / 1; max-height:520px; overflow:hidden;
  background:var(--d-frame-bg); border:1px solid var(--d-frame-line); }
.ap-cover img{ display:block; width:100%; height:100%; object-fit:cover; }

.ap-head{ position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  column-gap:clamp(20px,3vw,48px); align-items:start; }
.ap-ava{ width:clamp(116px,13vw,190px); margin-left:clamp(14px,2.4vw,40px);
  margin-top:calc(-1 * clamp(48px,6.5vw,96px)); position:relative; z-index:1; }
/* Кольцо цвета страницы отделяет портрет от шапки, даже если она тёмная */
.ap-ava .arch{ box-shadow:0 0 0 6px var(--d-page); }
.ap-id{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0;
  padding-top:clamp(16px,2vw,28px); }
.ap-name{ font-size:clamp(34px,5vw,76px); overflow-wrap:anywhere; }
.ap-logo{ padding-top:clamp(16px,2vw,28px); }
.ap-logo img{ display:block; width:clamp(72px,8vw,112px); height:auto; aspect-ratio:1; background:#fff;
  border:1px solid var(--d-line-strong); }
.ap-extra{ display:flex; flex-direction:column; align-items:flex-start; gap:18px;
  margin-top:clamp(20px,3vw,36px); }

/* ── Без шапки: логотип над подписью, как знак мастерской ───────────── */
.ap-logo-inline{ display:block; width:88px; height:88px; object-fit:contain; background:#fff;
  border:1px solid var(--d-line-strong); }

/* ── Кнопки ─────────────────────────────────────────────────────────── */
.ap-actions{ display:flex; flex-wrap:wrap; gap:10px 12px; margin:0; }
.a-info .ap-actions{ margin-top:6px; }
.ap-actions .d-btn[aria-busy="true"]{ opacity:.6; pointer-events:none; }

body.dir-antique .ap-head{ grid-template-columns:auto minmax(0,1fr) auto; }

/* ── Планшет и телефон ──────────────────────────────────────────────── */
@media (max-width:900px){
  .ap-head{ grid-template-columns:auto minmax(0,1fr); }
  .ap-logo{ grid-column:1 / -1; padding-top:16px; }
}
@media (max-width:700px){
  .ap-top{ padding-top:clamp(112px,26vw,150px); }
  .ap-cover{ aspect-ratio:2 / 1; }
  .ap-head{ grid-template-columns:1fr; }
  .ap-ava{ width:clamp(104px,34vw,140px); margin-left:12px; margin-top:-46px; }
  .ap-id{ padding-top:14px; }
  .ap-actions .d-btn{ flex:1 1 100%; justify-content:center; text-align:center; }
}