@import url('/assets/index-DZFmMJuN.css');

/* Общие стили для SEO-страниц с проектными сценариями */
.case-page{background:var(--paper);color:var(--ink)}
.case-header{background:var(--paper);position:sticky;top:0}
.case-header nav a[aria-current="page"]{color:var(--rust);font-weight:700}
.case-breadcrumbs{align-items:center;color:#686961;display:flex;flex-wrap:wrap;font-size:13px;gap:9px;padding:22px 4vw 0}
.case-breadcrumbs a{text-decoration:underline;text-decoration-color:#20211f42;text-underline-offset:4px}
.case-breadcrumbs span{color:#8c8d86}
.case-hero{border-bottom:1px solid var(--line);display:grid;grid-template-columns:52% 48%;min-height:690px}
.case-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px 4vw}
.case-hero h1{font-size:clamp(52px,6.2vw,98px)}
.case-lead{color:#55574f;font-size:clamp(18px,1.55vw,24px);line-height:1.55;margin:32px 0 38px;max-width:720px}
.case-actions{align-items:center;display:flex;flex-wrap:wrap;gap:22px}
.case-note{color:#6f706a;font-size:13px;line-height:1.45;max-width:240px}
.case-visual{background:#d8d0c1;min-height:560px;padding:30px;position:relative}
.case-visual img{filter:saturate(.82) contrast(.97);height:100%;object-fit:cover;width:100%}
.case-visual--contain img{background:#dfdfdd;object-fit:contain}
.case-visual-label{background:var(--paper);bottom:28px;display:flex;gap:18px;left:0;padding:18px 22px;position:absolute}
.case-visual-label strong{color:var(--rust);font-size:13px}
.case-visual-label span{font-size:15px;font-weight:700;line-height:1.4}
.case-facts{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:0 4vw}
.case-fact{border-right:1px solid var(--line);padding:28px 28px 30px 0}
.case-fact:not(:first-child){padding-left:28px}
.case-fact:last-child{border-right:0}
.case-fact span{color:var(--rust);display:block;font-size:12px;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}
.case-fact strong{font-size:21px;line-height:1.25}
.case-section{padding:110px 4vw}
.case-section--dark{background:#242522;color:#f5f1e8}
.case-section--sand{background:#d8d0c1}
.case-section-head{display:grid;gap:7vw;grid-template-columns:.9fr 1.1fr;margin-bottom:58px}
.case-section-head h2{font-size:clamp(44px,5.2vw,78px)}
.case-section-intro{align-self:end;color:#5d5f58;font-size:20px;line-height:1.6;margin:0;max-width:700px}
.case-section--dark .case-section-intro{color:#bdbdb5}
.case-challenges,.case-moves,.case-composition{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}
.case-section--dark .case-moves{border-color:#ffffff30}
.case-challenges article,.case-moves article{border-right:1px solid var(--line);min-height:285px;padding:26px 30px 28px 0}
.case-challenges article:not(:first-child),.case-moves article:not(:first-child){padding-left:30px}
.case-challenges article:last-child,.case-moves article:last-child{border-right:0}
.case-section--dark .case-moves article{border-color:#ffffff30}
.case-challenges span,.case-moves span{color:var(--rust);font-size:13px}
.case-section--dark .case-moves span{color:var(--lime)}
.case-challenges h3,.case-moves h3{font-size:27px;letter-spacing:-.035em;line-height:1.08;margin:72px 0 16px}
.case-challenges p,.case-moves p{color:#64665f;font-size:16px;line-height:1.6;margin:0}
.case-section--dark .case-moves p{color:#bdbdb5}
.case-composition{grid-template-columns:repeat(2,1fr)}
.case-composition li{border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:42px 1fr;padding:22px 28px 22px 0}
.case-composition li:nth-child(2n){border-left:1px solid var(--line);padding-left:28px}
.case-composition span{color:var(--rust);font-size:13px}
.case-composition strong{display:block;font-size:21px;margin-bottom:7px}
.case-composition p{color:#65675f;font-size:15px;line-height:1.5;margin:0}
.case-scenario{display:grid;gap:7vw;grid-template-columns:1fr 1fr}
.case-scenario h2{font-size:clamp(44px,5.1vw,76px)}
.case-scenario ol{border-top:1px solid #ffffff30;margin:0;padding:0}
.case-scenario li{border-bottom:1px solid #ffffff30;display:grid;gap:18px;grid-template-columns:70px 1fr;padding:24px 0}
.case-scenario li>span{color:var(--lime);font-size:13px}
.case-scenario strong{display:block;font-size:21px;margin-bottom:7px}
.case-scenario p{color:#bdbdb5;line-height:1.55;margin:0}
.case-inputs{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}
.case-inputs li{background:var(--paper);min-height:190px;padding:25px}
.case-inputs span{color:var(--rust);display:block;font-size:13px;margin-bottom:58px}
.case-inputs strong{font-size:20px;line-height:1.2}
.case-faq{padding:110px 4vw}
.case-faq .faq-grid{margin-top:0}
.case-final{background:var(--lime);display:grid;gap:7vw;grid-template-columns:1.1fr .9fr;padding:100px 4vw}
.case-final h2{font-size:clamp(48px,6vw,88px)}
.case-final>div:last-child{align-self:end}
.case-final p{font-size:19px;line-height:1.6;margin:0 0 28px;max-width:560px}

/* Страница со всеми кейсами */
.cases-hero{border-bottom:1px solid var(--line);padding:105px 4vw 90px}
.cases-hero h1{font-size:clamp(58px,7.3vw,112px);max-width:1150px}
.cases-hero-copy{align-items:end;display:grid;gap:7vw;grid-template-columns:1.25fr .75fr;margin-top:35px}
.cases-hero-copy p{color:#5f615a;font-size:20px;line-height:1.6;margin:0;max-width:560px}
.cases-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr);padding:14px}
.case-card{background:#242522;color:#f5f1e8;display:grid;grid-template-rows:minmax(330px,52vh) auto;overflow:hidden}
.case-card-image{overflow:hidden}
.case-card img{filter:saturate(.82) contrast(.96);height:100%;object-fit:cover;transition:transform .5s ease;width:100%}
.case-card:hover img{transform:scale(1.025)}
.case-card-copy{display:grid;gap:20px;grid-template-columns:1fr auto;padding:28px}
.case-card .eyebrow{color:var(--lime);font-size:11px;margin:0 0 15px}
.case-card h2{font-size:clamp(30px,3.1vw,48px);line-height:1}
.case-card p{color:#bdbdb5;line-height:1.5;margin:16px 0 0;max-width:520px}
.case-card-arrow{align-items:center;border:1px solid #ffffff4a;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}

@media (max-width:900px){
  .case-header nav{display:none}
  .case-hero{grid-template-columns:1fr}
  .case-hero-copy{min-height:610px}
  .case-visual{min-height:520px}
  .case-section-head,.case-scenario,.case-final,.cases-hero-copy{grid-template-columns:1fr}
  .case-challenges,.case-moves{grid-template-columns:1fr}
  .case-challenges article,.case-challenges article:not(:first-child),.case-moves article,.case-moves article:not(:first-child){border-bottom:1px solid var(--line);border-right:0;min-height:0;padding:28px 0}
  .case-section--dark .case-moves article{border-color:#ffffff30}
  .case-challenges h3,.case-moves h3{margin:34px 0 14px}
  .case-inputs{grid-template-columns:repeat(2,1fr)}
  .cases-grid{grid-template-columns:1fr}
}

@media (max-width:560px){
  .case-breadcrumbs{padding-left:20px;padding-right:20px}
  .case-hero-copy{min-height:560px;padding:52px 20px}
  .case-hero h1{font-size:47px}
  .case-lead{font-size:17px;margin:24px 0 30px}
  .case-visual{min-height:410px;padding:18px}
  .case-facts{grid-template-columns:1fr;padding:0 20px}
  .case-fact,.case-fact:not(:first-child){border-bottom:1px solid var(--line);border-right:0;padding:22px 0}
  .case-section,.case-faq{padding:80px 20px}
  .case-section-head{gap:28px;margin-bottom:38px}
  .case-section-intro{font-size:17px}
  .case-composition{grid-template-columns:1fr}
  .case-composition li,.case-composition li:nth-child(2n){border-left:0;padding:20px 0}
  .case-inputs{grid-template-columns:1fr}
  .case-inputs li{min-height:155px}
  .case-inputs span{margin-bottom:40px}
  .case-final{padding:80px 20px}
  .case-final h2{font-size:45px}
  .cases-hero{padding:75px 20px 65px}
  .cases-hero h1{font-size:50px}
  .cases-grid{padding:8px}
  .case-card{grid-template-rows:300px auto}
  .case-card-copy{padding:22px}
}