/* ACADEMY — раздел Академии ERFOLG Hospitality.
   Режим Aigul Oraq modern: гротеск, фикс-шкала, секции держат высоту, кадры разного формата.
   Цвета и отступы — только токены из tokens.css. */

.ac{--ac-fg:var(--color-espresso);--ac-body:var(--color-coffee);--ac-bg:var(--color-cream);--ac-surface:#FFFFFF;--ac-dark:#23262A;--ac-accent:var(--color-gold-deep);
  font-family:var(--font-sans);background:var(--ac-bg)}
.ac h1,.ac h2,.ac h3,.ac .ac-num,.ac .ac-stat b{font-family:var(--font-sans);font-weight:700;letter-spacing:-0.01em}

/* ——— секции: каждая держит собственную высоту ——— */
.ac-section{padding:var(--space-section) 0}
.ac-section.tight{padding:var(--space-section-tight) 0}
.ac-section.light{background:var(--ac-surface)}
.ac-section.cream{background:var(--ac-bg)}
.ac-section.dark{background:var(--ac-dark);color:#F3EFE9}
.ac-section.dark h2,.ac-section.dark p,.ac-section.dark li{color:#F3EFE9}
.ac-wrap{max-width:1180px;margin:0 auto;padding:0 28px}

/* текстовая секция: заголовок слева, абзацы справа — ширина занята целиком */
.ac-col{display:grid;grid-template-columns:.85fr 1.15fr;column-gap:56px;align-items:start}
.ac-col>h2{grid-column:1;margin:0}
.ac-col>*:not(h2){grid-column:2;max-width:65ch}
/* блок без заголовка: абзацы рядом, вся ширина занята */
.ac-col:not(:has(>h2)){grid-template-columns:1fr 1fr}
.ac-col:not(:has(>h2))>*{grid-column:auto}

/* ——— типографика по фикс-шкале ——— */
.ac .ac-label{font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ac-accent);margin-bottom:18px}
.ac h1{font-size:var(--fs-h2);line-height:1.05;color:var(--ac-fg);margin:0 0 22px}
.ac-section.dark h1{color:#FFFFFF}
.ac h2{font-size:var(--fs-h3);line-height:1.1;color:var(--ac-fg);margin:0 0 20px}
.ac h3{font-size:var(--fs-lead);line-height:1.2;font-weight:600;margin:0 0 10px;color:var(--ac-fg)}
.ac-section.dark h3{color:#FFFFFF}
.ac .ac-lead{font-size:var(--fs-lead);line-height:1.4;font-weight:400;color:var(--ac-body);margin:0 0 26px}
.ac-section.dark .ac-lead{color:#D8D2C8}
.ac p{font-size:var(--fs-body);line-height:1.62;color:var(--ac-body);margin:0 0 18px;text-indent:1.5em}
.ac p.flush,.ac p.ac-lead,.ac p.ac-quote,.ac p.ac-label,.ac p.ac-bignum,.ac figcaption,.ac li,.ac .ac-stat span,.ac-formula p,.ac-cta p,.ac-card p,.ac-item p{text-indent:0}

/* ——— HERO: текст + вертикальный кадр ——— */
.ac-hero{background:var(--ac-dark);padding:0}
.ac-hero .ac-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;min-height:78svh;padding-top:64px;padding-bottom:64px}
.ac-hero h1{color:#FFFFFF}
.ac-hero .ac-lead{font-size:var(--fs-lead);color:#D8D2C8;max-width:34ch}
.ac-hero .ac-lead.ac-lead-tight{line-height:1.2}
/* кадры показываем целиком: масштабируем, не обрезаем */
.ac-hero-img{width:100%;height:auto;border-radius:20px;display:block}

/* ——— полоса цифр ——— */
.ac-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--color-line)}
.ac-stat{background:var(--ac-surface);padding:34px 28px}
.ac-stat b{display:block;font-size:var(--fs-h3);line-height:1;color:var(--ac-accent);margin-bottom:10px}
.ac-stat span{font-size:var(--fs-cap);line-height:1.45;color:var(--ac-body);display:block}

/* ——— крупная цитата ——— */
.ac .ac-quote{font-size:var(--fs-h3);line-height:1.22;font-weight:600;color:var(--ac-fg);border-left:4px solid var(--ac-accent);padding-left:26px;margin:36px 0}
.ac-section.dark .ac-quote{color:#FFFFFF}

/* ——— два столбца: кадр + мысль ——— */
.ac-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.ac-split.rev{grid-template-columns:1.15fr .85fr}
.ac-portrait{width:100%;height:auto;border-radius:20px;display:block}
.ac .ac-bignum{font-size:clamp(64px,9vw,120px);line-height:.9;font-weight:700;color:var(--ac-accent);margin-bottom:16px}

/* ——— чек-лист: липкий кадр + карточки ——— */
.ac-check{display:grid;grid-template-columns:195px 1fr;gap:40px;align-items:start}
.ac-check-media{position:sticky;top:96px;margin:0}
.ac-check-media img{width:100%;height:auto;border-radius:14px;display:block}
.ac-check-media figcaption{margin-top:10px;font-size:var(--fs-label);line-height:1.4;color:var(--color-muted)}
.ac-items{display:grid;gap:2px;background:var(--color-line);border-radius:20px;overflow:hidden}
.ac-item{background:var(--ac-surface);padding:26px 28px;display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start}
.ac-num{font-size:var(--fs-h3);line-height:1;color:var(--ac-accent)}
.ac-item h3{font-size:var(--fs-lead);margin-bottom:6px}
.ac-item p{margin:0;font-size:var(--fs-body);text-indent:0}

/* ——— формула ——— */
.ac-formula{text-align:center}
.ac-formula .f{font-size:var(--fs-h3);font-weight:600;line-height:1.3;color:#FFFFFF}
.ac-formula .n{margin-top:14px;font-size:var(--fs-body);color:#B6AE9F}

/* ——— сценарии ——— */
.ac-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ac-card{background:var(--ac-surface);border:1px solid var(--color-line);border-radius:20px;padding:28px;display:flex;flex-direction:column}
.ac-card .ac-label{margin-bottom:12px}
.ac-card p{font-size:var(--fs-body);text-indent:0}
.ac-card-img{width:100%;height:auto;border-radius:14px;margin-bottom:18px;display:block}

/* ——— широкая полоса-кадр ——— */
.ac-band{width:100%;max-width:800px;height:auto;display:block;border-radius:20px;margin:0 auto 40px}

/* ——— финальный CTA ——— */
.ac-cta{text-align:center}
.ac-cta h2{max-width:20ch;margin:0 auto 18px}
.ac-cta p{max-width:56ch;margin:0 auto 26px;text-indent:0}

/* ——— «читайте также» ——— */
.ac-next{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ac-next a{display:block;background:var(--ac-surface);border:1px solid var(--color-line);border-radius:16px;padding:22px 24px;text-decoration:none}
.ac-next b{display:block;font-size:var(--fs-body);color:var(--ac-fg);margin-bottom:6px}
.ac-next span{font-size:var(--fs-cap);color:var(--ac-body)}

/* ——— мобильная фикс-кнопка ——— */
.ac-sticky{display:none}

@media (max-width:900px){
  .ac-wrap{padding:0 20px}
  /* 19.09.2026: было 40/48 — числа мимо ритма и несимметричные. */
  .ac-hero .ac-wrap{grid-template-columns:1fr;gap:var(--space-3);min-height:auto;padding-top:var(--space-3);padding-bottom:var(--space-3)}
  .ac-split,.ac-split.rev,.ac-check{grid-template-columns:1fr;gap:28px}
  .ac-col,.ac-col:not(:has(>h2)){grid-template-columns:1fr;column-gap:0}
  .ac-col>h2,.ac-col>*:not(h2),.ac-col:not(:has(>h2))>*{grid-column:1}
  .ac-col>h2{margin-bottom:20px}
  .ac-check-media{position:static;max-width:260px}
  .ac-portrait{max-width:420px}
  .ac-stats,.ac-cards,.ac-next{grid-template-columns:1fr}
  .ac-band{border-radius:16px}
  .ac-item{grid-template-columns:40px 1fr;padding:22px 20px;gap:14px}
  .ac-sticky{display:block;position:fixed;left:16px;right:16px;bottom:16px;z-index:40;text-align:center;
    background:var(--ac-accent);color:#1A1A1A;font-weight:700;font-size:var(--fs-cap);padding:15px 18px;border-radius:14px;text-decoration:none;
    box-shadow:0 8px 24px rgba(0,0,0,.18)}
  body{padding-bottom:74px}
  .wa-float{bottom:84px}
}

/* тёмная тема — следует общему переключателю сайта (data-theme), не системной настройке ОС отдельно */
:root[data-theme="dark"] .ac{--ac-fg:#F5F1EA;--ac-body:#CFC8BC;--ac-bg:#1B1D20;--ac-surface:#232629;--ac-dark:#131518}
:root[data-theme="dark"] .ac-section.light,:root[data-theme="dark"] .ac-card,:root[data-theme="dark"] .ac-item,:root[data-theme="dark"] .ac-stat,:root[data-theme="dark"] .ac-next a{border-color:#33373B}
:root[data-theme="dark"] .ac-check-media figcaption,:root[data-theme="dark"] .ac-next span{color:#B0A99D}