/* MAXimum — правки Насти 26.09: вторая дверь, плитки кейсов и услуг, отдельные страницы. Подключается после styles-v3.css */
.btn.alt{background:transparent;color:var(--text);border:1.5px solid var(--text);padding:15.5px 28.5px}
.btn.small.alt{padding:11.5px 20.5px}

/* «колесо»: лист, который въезжает, не ниже экрана. Иначе следующий лист начинает выкатываться,
   пока этот ещё въезжает, скрипт в один кадр наклоняет его вперёд, в другой назад, и блок мигает */
/* содержимое прижато к верху: уходящий лист виден верхушкой, и там должен быть заголовок, а не пустота */
html.stack .panel.over{min-height:100vh}
/* короткие «Сроки» и «Команда»: лист ровно в экран дрожал при уходе назад на ноутбуке Софьи (26.09).
   Даём запас по высоте, как у верхних листов, и воздух сверху и снизу: лист прилипает с запасом и видна его середина */
html.stack #terms,html.stack #team{min-height:118vh;display:flex;flex-direction:column;justify-content:center}
html.stack #terms > .wrap,html.stack #team > .wrap{width:100%}
.btn.alt:hover,.btn.alt:focus-visible{background:var(--text);color:var(--cta-text);box-shadow:0 14px 30px rgba(42,33,24,.18)}
.hero .cta-row{margin-bottom:18px}
.door{max-width:36em;color:var(--text2-s);font-size:16px;padding-left:16px;border-left:2px solid var(--gold);margin-bottom:40px}

.all-link{flex:none;align-self:flex-end;margin-bottom:56px;color:var(--cta);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold-line);padding-bottom:3px}
.all-link::after,.ct-more::after{content:"\00a0\2192"}
.all-link:hover{border-color:var(--cta)}

/* плитки: одна сетка строк на весь ряд, чтобы заголовки, тексты и низ стояли на одной линии */
.case-grid,.svc-grid{display:grid;gap:24px}
.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-tile,.svc-tile{display:grid;grid-template-rows:subgrid;text-decoration:none;color:inherit;background:#FBF7EE;border:1px solid var(--border);border-radius:12px;transition:border-color .25s,box-shadow .25s,transform .25s}
.case-tile{grid-row:span 5;row-gap:10px;padding:0 0 26px;overflow:hidden}
.svc-tile{grid-row:span 4;row-gap:10px;padding:22px 24px 24px}
.case-tile:hover,.case-tile:focus-visible,.svc-tile:hover,.svc-tile:focus-visible{border-color:var(--gold);box-shadow:0 18px 40px rgba(42,33,24,.12);transform:translateY(-3px)}
.ct-img{display:block;aspect-ratio:16/10;background:#FBF7EE;border-bottom:1px solid var(--border);overflow:hidden}
.ct-img img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 52%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 52%,#000 55%,transparent 100%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.case-tile:hover .ct-img img{transform:scale(1.04)}
.ct-niche,.case-tile h3,.case-tile p,.case-tile .ct-foot{margin-inline:26px}
.ct-niche{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--label);font-weight:600;margin-top:12px}
.case-tile h3{font-size:clamp(1.6rem,1.3rem + .8vw,2.1rem);line-height:1.1}
.case-tile p,.svc-tile p{color:var(--text2-s);font-size:17px;line-height:1.5}
.ct-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border);align-self:end}
.ct-more{color:var(--cta);font-weight:600;font-size:16px;white-space:nowrap}
.svc-tile img{width:112px;height:112px;object-fit:contain;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 55%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 60% 60% at 50% 55%,#000 45%,transparent 100%);flex:none}
.svc-tile h3{font-size:22px;line-height:1.2}
.svc-time{font-family:var(--display);font-weight:700;color:var(--gold-s);font-size:18px;white-space:nowrap}
@media (max-width:1300px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){.case-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
  .case-grid,.svc-grid{grid-template-columns:1fr}
  .head-row .all-link{margin-bottom:0;align-self:flex-start}
  .head-row:has(.all-link){flex-direction:column;gap:0}
  .head-row:has(.all-link) .sec-head{margin-bottom:18px}
  .head-row:has(.all-link) .all-link{margin-bottom:36px}
}

/* выбор в форме: аудит или внедрение */
.need{border:0;margin:0 0 6px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.need legend{font-size:15px;color:var(--text2-s);margin-bottom:8px;padding:0}
.need label{position:relative;cursor:pointer}
.need input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.need span{display:flex;align-items:center;min-height:52px;height:100%;padding:10px 14px;border:1px solid var(--border-input);border-radius:10px;background:var(--bg);font-size:16px;line-height:1.3;color:var(--text2-s)}
.need input:checked + span{background:var(--text);border-color:var(--text);color:var(--cta-text)}
.need input:focus-visible + span{outline:2px solid var(--cta);outline-offset:3px}
@media (max-width:480px){.need{grid-template-columns:1fr}}

/* ---------- отдельные страницы ---------- */
.page-top{border-bottom:1px solid var(--border)}
.page-top .topnav{visibility:visible}
.crumbs{font-size:15px;color:var(--text2);padding:18px 0 0}
.crumbs a{color:var(--text2);text-decoration:none;border-bottom:1px solid var(--gold-line)}
.crumbs a:hover{color:var(--text)}
.page-hero{padding:clamp(40px,6vw,88px) 0 clamp(48px,6vw,96px)}
.page-hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.page-hero h1{font-size:clamp(2.4rem,1.6rem + 2.8vw,4.2rem);line-height:1.05;margin:14px 0 22px}
.page-hero .lead{font-size:clamp(1.1rem,1rem + .4vw,1.35rem);color:var(--text2-s);max-width:34em;line-height:1.55}
.page-hero .tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.page-hero figure{margin:0;justify-self:end;width:100%;max-width:560px}
.page-hero figure img{width:100%;height:auto;display:block;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 62% 62% at 50% 52%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 62% 62% at 50% 52%,#000 45%,transparent 100%)}
@media (max-width:900px){.page-hero .wrap{grid-template-columns:1fr}.page-hero figure{justify-self:center;max-width:380px;order:-1}}

/* крупные цифры кейса */
.big-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--border)}
.big-facts > div{padding:34px 32px 36px}
.big-facts > div + div{border-left:1px solid var(--border)}
.big-facts b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,1.8rem + 2.6vw,4.4rem);line-height:1;color:var(--gold-s);font-variant-numeric:lining-nums}
.big-facts > div > span{display:block;margin-top:12px;color:var(--text2-s);font-size:17px;max-width:24em}
@media (max-width:900px){.big-facts{grid-template-columns:1fr}.big-facts > div + div{border-left:0;border-top:1px solid var(--border)}.big-facts > div{padding:26px 4px}}

/* история кейса: четыре плитки без раскрывашки */
.case-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.case-story .story-lead{grid-column:1/-1;margin:0 0 6px;max-width:62ch;padding-left:22px;border-left:3px solid var(--gold);font-family:var(--display);font-size:clamp(1.15rem,1rem + .5vw,1.45rem);line-height:1.5;color:var(--text)}
.case-story .sc p{margin:0;color:var(--text2-s)}
.case-story .sc p + p{margin-top:10px}
.case-story .sc-res p{color:#E9DDC4}
.case-story .sc ul{margin:12px 0 0;padding:0;list-style:none}
.case-story .sc li{position:relative;padding-left:20px;margin:8px 0;color:var(--text2-s)}
.case-story .sc li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.case-story .sc-res li{color:#E9DDC4}
@media (max-width:760px){.case-story{grid-template-columns:1fr}}

/* медцентр: 7 линий против 100 */
.lines{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px;align-items:stretch}
.lines figure{margin:0;background:#FBF7EE;border:1px solid var(--border);border-radius:12px;padding:28px 30px 30px;display:flex;flex-direction:column;gap:18px}
.lines figure.bot{background:var(--text);border-color:var(--text)}
.lines h3{font-size:24px}
.lines .bot h3{color:var(--cta-text)}
.lines figcaption{font-size:17px;color:var(--text2-s);max-width:34em}
.lines .bot figcaption{color:#E9DDC4}
.dots-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:7px;width:100%;max-width:560px}
.lines .ops .dots-grid{grid-template-columns:repeat(7,1fr);max-width:230px}
.dots-grid i{aspect-ratio:1;border-radius:50%;background:var(--border);transition:background .35s}
.lines .ops .dots-grid i.q{background:transparent;box-shadow:inset 0 0 0 1.5px var(--cta)}
.lines .bot .dots-grid i{background:rgba(233,221,196,.16)}
.lines .ops.on .dots-grid i.l{background:var(--gold-s)}
.lines .bot.on .dots-grid i.l{background:var(--gold)}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:15px;color:var(--text2-s)}
.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--gold-s);margin-right:8px;vertical-align:-1px}
.legend i.q{background:transparent;box-shadow:inset 0 0 0 1.5px var(--cta)}
.lines .bot .legend{color:#E9DDC4}
.lines .bot .legend i{background:var(--gold)}
@media (max-width:900px){.lines{grid-template-columns:1fr}.dots-grid{grid-template-columns:repeat(10,1fr)}}
@media (prefers-reduced-motion:reduce){.dots-grid i{transition:none}}

/* путь пациента по кругу */
.cycle{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));counter-reset:c}
.cycle li{position:relative;padding:58px 18px 0 0;font-size:16px;line-height:1.45;color:var(--text2-s)}
.cycle li b{display:block;font-family:var(--display);font-size:20px;color:var(--text);margin-bottom:6px;line-height:1.2}
.cycle li::before{counter-increment:c;content:counter(c);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;background:var(--bg);border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;color:var(--gold-s);font-size:18px;z-index:1;box-sizing:border-box}
.cycle li::after{content:"";position:absolute;left:42px;right:0;top:21px;height:1.5px;background:var(--gold-line)}
.cycle li:last-child::after{display:none}
.cycle li.soon::before{border-style:dashed}
.cycle-note{margin-top:28px;font-size:16px;color:var(--text2-s)}
@media (max-width:1100px){
  .cycle{grid-template-columns:1fr;gap:22px}
  .cycle li{padding:0 0 0 62px;min-height:42px}
  .cycle li::after{left:21px;right:auto;top:44px;bottom:-22px;width:1.5px;height:auto}
}

/* страница услуг */
.svc-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(28px,4vw,72px);align-items:start;padding:clamp(48px,6vw,88px) 0;border-top:1px solid var(--border);scroll-margin-top:72px}
.svc-row > img{width:100%;max-width:280px;height:auto;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 55%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 60% 60% at 50% 55%,#000 45%,transparent 100%);position:sticky;top:110px}
.svc-row h2{font-size:clamp(1.9rem,1.4rem + 1.6vw,2.8rem);line-height:1.12;margin-bottom:16px}
.svc-row .lead{font-family:var(--display);font-size:clamp(1.15rem,1rem + .5vw,1.45rem);line-height:1.5;color:var(--text);max-width:40em}
.svc-row dl{display:grid;grid-template-columns:220px 1fr;gap:18px 32px;margin:30px 0 0;max-width:64em}
.svc-row dt{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--label);font-weight:600;padding-top:4px}
.svc-row dd{margin:0;color:var(--text2-s);max-width:62ch}
.svc-row dd.time{font-family:var(--display);font-weight:700;font-size:24px;color:var(--gold-s);line-height:1.2}
.svc-row dd.time small{display:block;font-family:var(--body);font-weight:400;font-size:16px;color:var(--text2-s);margin-top:4px}
.svc-row dd a{color:var(--cta);font-weight:600}
.svc-row .glossary{margin-top:34px}
@media (max-width:900px){
  .svc-row{grid-template-columns:1fr}
  .svc-row > img{position:static;max-width:150px}
  .svc-row dl{grid-template-columns:1fr;gap:4px}
  .svc-row dt{padding-top:14px}
}
/* оглавление услуг в шапке: восемь предметов, каждый ведёт к своей услуге */
.svc-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.svc-index a{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:12px 10px 14px;border:1px solid var(--border);border-radius:12px;background:#FBF7EE;text-decoration:none;color:var(--text2-s);font-size:14px;line-height:1.3;text-align:center;transition:border-color .25s,transform .25s}
.svc-index a:hover,.svc-index a:focus-visible{border-color:var(--gold);color:var(--text);transform:translateY(-2px)}
.svc-index img{width:84px;height:84px;object-fit:contain;mix-blend-mode:multiply;flex:none;-webkit-mask-image:radial-gradient(ellipse 58% 58% at 50% 55%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 58% 58% at 50% 55%,#000 45%,transparent 100%)}
@media (max-width:900px){.svc-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
.topnav ul a[aria-current]{color:var(--text)}
.topnav ul a[aria-current]::after{transform:scaleX(1)}

/* призыв внизу отдельных страниц */
.page-cta{background:var(--surface);border-top:1px solid var(--border);padding:clamp(56px,7vw,110px) 0}
.page-cta .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
.page-cta h2{font-size:clamp(2rem,1.5rem + 2vw,3rem);line-height:1.12}
.page-cta p{color:var(--text2-s);margin-top:14px;max-width:34em}
.page-cta .cta-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:900px){.page-cta .wrap{grid-template-columns:1fr}.page-cta .cta-row{justify-content:flex-start}}
.more-cases{padding:clamp(56px,7vw,110px) 0;border-top:1px solid var(--border)}
.more-cases h2{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.4rem);margin-bottom:32px}
.more-cases .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.more-cases .case-grid{grid-template-columns:1fr}}

/* цифры основательницы на телефоне: три карточки не влезали в ряд, третья уезжала за край */
@media (max-width:600px){
  .facts{grid-template-columns:1fr;gap:10px}
  .fact{display:grid;grid-template-columns:5.2em 1fr;gap:14px;align-items:center;padding:16px 18px}
  .fact b{font-size:34px}
  .fact span{margin-top:0}
}

/* последние строки абзацев без слов-сирот */
.door,.page-hero .lead,.svc-row dd,.case-story p,.case-story li,.case-tile p,.svc-tile p,.sec-head p,.cycle li,.lines figcaption,.big-facts span{text-wrap:pretty}

/* подвал: тёмный, в четыре колонки, со своей кнопкой записи */
footer.site-foot{background:#241C14;color:#D9CBB0;border-top:0;padding:clamp(56px,6vw,96px) 0 32px;font-size:16px}
footer.site-foot .wrap{display:block}
.foot-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,2.4fr) minmax(0,3fr) minmax(0,3.6fr);gap:clamp(28px,4vw,64px);align-items:start}
.foot-brand .logo b{color:#F4EAD6}
.foot-brand .logo small{color:#CDB88F}
.foot-brand .logo{border:0;padding:0}
.foot-motto{font-family:var(--display);font-size:clamp(1.25rem,1.05rem + .6vw,1.6rem);line-height:1.35;color:#F4EAD6;margin:22px 0 28px;max-width:20em}
.foot-col h2{font-family:var(--body);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);font-weight:600;margin:0 0 18px}
.foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
footer.site-foot .foot-col a{color:#E9DDC4;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}
footer.site-foot .foot-col a:hover,footer.site-foot .foot-col a:focus-visible{color:#fff;border-color:var(--gold)}
.foot-contacts li{display:flex;flex-direction:column;gap:2px}
.foot-contacts span{font-size:13px;color:#A8977A}
.foot-note{margin-top:22px;font-size:15px;color:#A8977A;max-width:26em}
.foot-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:clamp(40px,5vw,72px);padding-top:22px;border-top:1px solid rgba(233,221,196,.16);font-size:14px;color:#A8977A}
footer.site-foot .foot-bottom a{color:#D9CBB0;text-decoration:none;border:0}
footer.site-foot .foot-bottom a::after{content:"\00a0\2191"}
footer.site-foot :focus-visible{outline-color:var(--gold-hi)}
@media (max-width:1100px){.foot-top{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:600px){.foot-top{grid-template-columns:1fr}}
html.stack footer.site-foot{background:#241C14}

/* два направления услуг: систематизация и автоматизация (26.09) */
.svc-group + .svc-group{margin-top:clamp(48px,5vw,80px)}
.svc-group-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--gold-line)}
.svc-group-head h3,.svc-group-head h2{font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);line-height:1.15}
.svc-group-head p{color:var(--text2-s);font-size:17px}
@media (min-width:1301px){.svc-grid.sys{grid-template-columns:repeat(5,minmax(0,1fr))}.svc-grid.sys .svc-tile{padding:20px 20px 22px}.svc-grid.sys .svc-tile h3{font-size:20px}}
.svc-group-page{padding-top:clamp(40px,5vw,72px);scroll-margin-top:72px}
.svc-group-page .svc-group-head{margin-bottom:0}
.svc-group-page .svc-row:first-of-type{border-top:0}
.svc-doors{display:grid;gap:14px}
.svc-door{display:grid;gap:6px;padding:24px 26px;border:1px solid var(--border);border-radius:12px;background:#FBF7EE;text-decoration:none;color:inherit;transition:border-color .25s,transform .25s,box-shadow .25s}
.svc-door:hover,.svc-door:focus-visible{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 18px 40px rgba(42,33,24,.12)}
.svc-door b{font-family:var(--display);font-size:clamp(1.5rem,1.2rem + .9vw,2rem);line-height:1.1}
.svc-door > span{color:var(--text2-s);font-size:16px}
.svc-door .svc-door-n{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-s);font-weight:600}
.svc-door ul{list-style:none;margin:8px 0 0;padding:10px 0 0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px 16px;font-size:15px;color:var(--text2-s)}

/* «Подход» на телефоне: длинный пункт растягивал колонку шире экрана, правый край обрезался */
@media (max-width:1100px){.principles .row{grid-template-columns:minmax(0,1fr)}.vlist li{width:auto}}
