/* ==========================================================================
   Главная. Только то, что живёт на ней одной.
   Перенесено из блока <style> листа ui_kits/desktop/index.html.
   Общая оболочка - kit.css, значения - токены.
   ========================================================================== */

/* --- о мастерской -------------------------------------------------------- */
.ac-about{display:grid;grid-template-columns:1fr 1fr;gap:var(--ac-s16);align-items:start}
.ac-about__t{display:grid;gap:var(--ac-s4)}
.ac-about__n{margin-top:var(--ac-s4)}

/* Кадры производства: широкий слева, два квадратных справа. Съёмка не сдана -
   стоят плашки с пропорцией, чтобы блок не схлопывался. */
.ac-prod3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--ac-col)}
.ac-prod3 span{aspect-ratio:16/9;overflow:hidden;border-radius:var(--ac-r-photo)}
.ac-prod3 span:not(:first-child){aspect-ratio:1}

/* --- отзывы -------------------------------------------------------------- */
.ac-revs{display:grid;grid-template-columns:1fr 1fr;gap:var(--ac-col)}
.ac-rev{display:grid;gap:var(--ac-s4);padding:var(--ac-s6);border-radius:var(--ac-r-card);background:var(--ac-surface);box-shadow:var(--ac-elev-card)}
.ac-rev p{font-size:var(--ac-size-body);line-height:var(--ac-lh-body);color:var(--ac-ink);text-wrap:pretty}
.ac-rev footer{display:flex;align-items:baseline;gap:var(--ac-s3);font-size:var(--ac-size-sm);color:var(--ac-ink-mute)}
.ac-rev footer b{font-weight:var(--ac-w-med);color:var(--ac-ink)}
.ac-rev footer time{margin-left:auto;font-family:var(--ac-font-mono);font-size:var(--ac-size-xs)}

/* --- вопросы ------------------------------------------------------------- */
.ac-qs{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--ac-s16)}
.ac-q{border-top:1px solid var(--ac-line)}
.ac-q summary{position:relative;display:flex;align-items:center;min-height:64px;padding-right:var(--ac-s8);font-family:var(--ac-font-display);font-size:var(--ac-size-h3);font-weight:var(--ac-w-med);letter-spacing:-.01em;list-style:none}
.ac-q summary::-webkit-details-marker{display:none}
.ac-q summary::after{content:"";position:absolute;right:8px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.4px solid var(--ac-ink-mute);border-bottom:1.4px solid var(--ac-ink-mute);transform:rotate(45deg);transition:transform var(--ac-dur) var(--ac-ease)}
.ac-q[open] summary::after{margin-top:-2px;transform:rotate(-135deg)}
.ac-q p{padding:0 var(--ac-s8) var(--ac-s5) 0;font-size:var(--ac-size-sm);line-height:var(--ac-lh-body);color:var(--ac-ink-body);text-wrap:pretty}

/* --- контакты ------------------------------------------------------------ */
.ac-cont{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--ac-s16);align-items:start}
.ac-cont__a{display:flex;flex-wrap:wrap;gap:var(--ac-s2);margin-top:var(--ac-s2)}
.ac-cont__m{margin-top:var(--ac-s3)}
.ac-map{aspect-ratio:16/9;border-radius:var(--ac-r-card);overflow:hidden}

/* --- текстовый блок ------------------------------------------------------ */
.ac-seo{padding-top:var(--ac-s16)}
.ac-seo summary{display:flex;align-items:center;gap:var(--ac-s3);font-family:var(--ac-font-display);font-size:var(--ac-size-h2);font-weight:var(--ac-w-semi);letter-spacing:var(--ac-track-h2);list-style:none}
.ac-seo summary::-webkit-details-marker{display:none}
.ac-seo summary::after{content:"";width:8px;height:8px;border-right:1.4px solid var(--ac-ink-mute);border-bottom:1.4px solid var(--ac-ink-mute);transform:rotate(45deg) translateY(-3px)}
.ac-seo[open] summary::after{transform:rotate(-135deg)}
.ac-seo__b{display:grid;grid-template-columns:1fr 1fr;gap:var(--ac-s6) var(--ac-s16);padding-top:var(--ac-s6)}
.ac-seo__b h3{font-family:var(--ac-font-display);font-size:var(--ac-size-h3);font-weight:var(--ac-w-semi);margin-bottom:6px}
.ac-seo__b p{font-size:var(--ac-size-sm);line-height:var(--ac-lh-body);color:var(--ac-ink-body);text-wrap:pretty}