/* Финальный баланс: спокойная палитра, устойчивый mobile layout и читаемая типографика */
:root{
  --surface:#f6f1e9;
  --surface-soft:#fbf8f3;
  --surface-warm:#efe6da;
  --card:#fffdf9;
  --ink-strong:#211713;
  --ink-body:#5d5249;
  --accent:#b95636;
  --dark-final:#241711;
}
html{scroll-padding-top:104px}
body{font-size:16.5px;line-height:1.64;color:var(--ink-strong);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.shell{width:min(100% - 48px,1240px)}
h1,h2,h3{word-break:normal;overflow-wrap:normal;text-wrap:balance;color:var(--ink-strong)}
h1{line-height:1.02;letter-spacing:-.04em}
h2{line-height:1.1;letter-spacing:-.026em}
h3{line-height:1.2;letter-spacing:-.014em}
p{line-height:1.7;color:var(--ink-body);text-wrap:pretty}
strong{color:#2b201a}
.eyebrow{margin-bottom:10px;font-size:.76rem;line-height:1.3;letter-spacing:.14em;color:var(--accent)}
.site-header,.header-row{min-height:88px}
.site-header{background:rgba(246,241,233,.94)}
.header-row{gap:32px}
.site-nav{gap:26px}
.site-nav a{font-size:.94rem;color:#4f463f}
.site-nav a:hover{color:#201713}

/* Главная: только три светлых тона + тёмный CTA */
.home-page .hero{background:var(--surface)}
.home-page .work{background:var(--surface-soft)}
.home-page .projects{background:var(--surface-warm)}
.home-page .developers{background:var(--surface)}
.home-page .about{background:var(--surface-soft)}
.home-page .final-cta{background:var(--dark-final)}

.hero{padding:52px 0 58px}
.hero-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:60px;align-items:center}
.hero-copy h1{font-size:clamp(3.4rem,4.35vw,4.55rem);max-width:680px;margin-bottom:22px}
.hero-copy .lead{max-width:620px;margin:0;color:#574c44;font-size:1.03rem;line-height:1.72}
.hero-actions{margin-top:26px}
.hero-visual{height:auto;aspect-ratio:16/9;border-radius:24px;background:#eadbc9}
.hero-visual img,.feature-image img,.page-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.hero-visual img{object-position:center 50%}

.section-pad{padding:54px 0}
.split-head{grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr);gap:66px;align-items:center}
.split-head h2{font-size:clamp(2.15rem,2.55vw,2.65rem);max-width:640px}
.split-head>p{max-width:500px;margin:0;font-size:1rem;line-height:1.72;color:#65594f}
.service-cards{margin-top:30px;gap:16px}
.service-card{min-height:150px;padding:24px 26px;background:var(--card)!important;border-color:#ddcdbf;box-shadow:0 8px 22px rgba(74,48,31,.035)}
.service-card h3{font-size:1.24rem;margin:0;color:#2b1f19}
.service-card p{margin-top:9px;font-size:.96rem;line-height:1.62;color:#66594f}

.projects-layout{grid-template-columns:minmax(0,1.05fr) minmax(340px,.78fr);gap:66px;align-items:center}
.project-copy h2{font-size:clamp(2.2rem,2.62vw,2.72rem);max-width:650px}
.project-note{max-width:500px;margin:0;font-size:1rem;line-height:1.7;color:#66584f}

.feature-grid,.reverse-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:center}
.feature-image{border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(71,47,31,.07)}
.art-developers{height:auto;aspect-ratio:30/13;background:#eadbc9}
.art-tula{height:auto;aspect-ratio:8/3;background:#eadbc9}
.art-developers img{object-position:center 54%}
.art-tula img{object-position:center 50%}
.feature-copy h2{font-size:clamp(2.1rem,2.48vw,2.56rem);max-width:610px;margin-bottom:15px}
.feature-copy p,.lead-small{max-width:600px;margin:0;color:#5d5148;font-size:1rem;line-height:1.72}
.text-link{margin-top:18px;line-height:1.35;color:#b84f31}

.final-cta{padding:48px 0}
.final-inner{gap:56px}
.final-inner h2{font-size:clamp(2.15rem,2.66vw,2.72rem);line-height:1.09;max-width:680px;color:#fffaf5}
.final-inner p{margin-top:11px;max-width:640px;font-size:1rem;line-height:1.66;color:#d8c8bd}
.final-actions{gap:18px}
.footer{padding:40px 0 22px;background:#17120f}
.footer-grid{grid-template-columns:1.35fr .7fr .8fr;gap:40px}
.footer-brand p{max-width:370px;margin-top:11px;font-size:.94rem;line-height:1.62;color:#aa9c92}
.footer-nav,.footer-contact{padding-top:18px;font-size:.92rem;line-height:1.56}
.footer-nav a,.footer-contact a{color:#d8cbc1}
.footer-bottom{margin-top:28px}

/* Внутренние страницы: те же три светлых тона */
.developers-page .page-hero,.about-page .page-hero{background:var(--surface)}
.developers-page .materials-section,.about-page .origin-section{background:var(--surface-soft)}
.developers-page .process-section,.about-page .principles-section{background:var(--surface-warm)}
.developers-page .stage-section,.about-page .current-section{background:var(--surface-soft)}
.developers-page .developers-cta,.about-page .about-cta{background:var(--dark-final)}

.page-hero{padding:50px 0 48px;border-bottom:1px solid rgba(95,69,50,.07)}
.page-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:56px;align-items:center}
.page-hero h1{font-size:clamp(2.7rem,3.52vw,3.62rem);line-height:1.055;letter-spacing:-.034em;max-width:720px}
.page-hero p{max-width:675px;margin-top:18px;font-size:1.01rem;line-height:1.72;color:#60544c}
.page-hero .button{margin-top:23px}
.page-hero-media{height:auto;border-radius:21px;background:#eadbc9;overflow:hidden;box-shadow:0 13px 30px rgba(72,49,33,.07)}
.page-hero-media.art-developers{aspect-ratio:30/13}
.page-hero-media.art-tula{aspect-ratio:8/3}

.content-section{padding:50px 0}
.content-grid{grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:50px;align-items:start}
.content-grid>h2{font-size:clamp(1.88rem,2.06vw,2.15rem);line-height:1.12;max-width:360px;padding-top:2px}
.copy-stack{gap:16px}
.copy-stack>p,.copy-stack .intro-copy{max-width:760px;font-size:1rem;line-height:1.72;color:#61554c}
.copy-stack .intro-copy{font-size:1.02rem;color:#453a33}
.info-grid,.steps{gap:14px;margin-top:20px}
.info-card,.step{padding:21px 22px;background:var(--card)!important;border-color:#ddcec1;box-shadow:0 7px 20px rgba(69,46,31,.025)}
.info-card h3,.step h3{font-size:1.13rem;line-height:1.2;color:#2d211b}
.info-card p,.step p{margin-top:8px;font-size:.95rem;line-height:1.62;color:#675a50}
.content-section.alt>.shell>h2{font-size:clamp(1.98rem,2.25vw,2.32rem);max-width:720px;margin-bottom:0}

/* Новый компактный блок стадий вместо тяжёлой секции критериев */
.stage-panel{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:54px;align-items:start;padding:34px 36px;border:1px solid #ded0c3;border-radius:22px;background:var(--card)}
.stage-intro h2{font-size:clamp(1.9rem,2.1vw,2.18rem);line-height:1.12;max-width:390px}
.stage-intro p{margin:14px 0 0;max-width:470px;font-size:.98rem;line-height:1.68}
.stage-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.stage-list>div{padding:14px 0;border-bottom:1px solid #eadfd5}
.stage-list>div:nth-last-child(-n+2){border-bottom:0}
.stage-list strong{display:block;margin-bottom:4px;font-size:.98rem;color:#7d452f}
.stage-list span{display:block;color:#62564d;font-size:.94rem;line-height:1.58}

.page-cta{padding:44px 0}
.page-cta h2{font-size:clamp(1.98rem,2.38vw,2.48rem);line-height:1.09;max-width:700px;color:#fffaf5}
.page-cta p{margin-top:10px;font-size:.98rem;line-height:1.66;color:#d7c9bf}

/* Форма */
.pitch-dialog{background:#f2eadf}
.pitch-form{padding:30px 32px}
.pitch-dialog .modal-head h2{font-size:clamp(2rem,3.1vw,2.65rem);line-height:1.05}
.form-intro{font-size:.98rem;line-height:1.64;color:#65594f}
.form-grid label{font-size:.84rem;color:#51463e}
.form-grid input,.form-grid textarea,.form-grid select{background:#fffdf9;border-color:#d7c8bb}

@media(max-width:1100px){
  .shell{width:min(100% - 40px,1160px)}
  .hero-grid{gap:42px}
  .split-head,.projects-layout,.feature-grid,.reverse-grid,.page-hero-grid,.content-grid{gap:38px}
  .hero-copy h1{font-size:clamp(3.15rem,5vw,4.25rem)}
}

/* Ключевой tablet/mobile reset: поздний polish.css больше не возвращает две колонки */
@media(max-width:980px){
  .site-header,.header-row{min-height:76px}
  .hero{padding:36px 0 46px}
  .hero-grid,.split-head,.projects-layout,.feature-grid,.reverse-grid,.page-hero-grid,.content-grid{grid-template-columns:1fr!important;gap:24px}
  .hero-copy{order:0}
  .hero-visual{order:1;width:100%}
  .page-hero-media{order:1!important;width:100%}
  .split-head{align-items:start}
  .split-head>p,.project-note{max-width:680px}
  .developers .feature-copy{order:0}
  .developers .feature-image{order:1}
  .feature-copy h2{max-width:720px}
  .page-hero{padding:38px 0 42px}
  .content-section{padding:44px 0}
  .content-grid>h2{max-width:none}
  .stage-panel{grid-template-columns:1fr;gap:20px;padding:28px}
  .footer-grid{gap:26px}
}

@media(max-width:760px){
  .info-grid,.steps,.stage-list{grid-template-columns:1fr}
  .stage-list>div:nth-last-child(-n+2){border-bottom:1px solid #eadfd5}
  .stage-list>div:last-child{border-bottom:0}
}

@media(max-width:640px){
  html{scroll-padding-top:74px}
  body{font-size:15.75px}
  .shell{width:min(100% - 28px,1180px)}
  .site-header,.header-row{min-height:66px}
  .header-row{gap:14px}
  .hero{padding:24px 0 36px}
  .hero-grid{gap:22px}
  .hero-copy h1{font-size:clamp(2.55rem,11.5vw,3rem);line-height:1.01;margin-bottom:16px;max-width:none}
  .hero-copy .lead{font-size:.98rem;line-height:1.66;max-width:none}
  .hero-actions{margin-top:20px;display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
  .hero-actions .button,.hero-actions .button-ghost{padding:13px 16px;font-size:.9rem}
  .hero-visual{height:auto;aspect-ratio:16/9;border-radius:18px}
  .section-pad{padding:38px 0}
  .split-head,.projects-layout,.feature-grid,.reverse-grid{gap:14px}
  .split-head h2,.project-copy h2,.feature-copy h2{font-size:1.84rem;line-height:1.08;max-width:none}
  .split-head>p,.project-note,.feature-copy p,.lead-small{font-size:.96rem;line-height:1.65;max-width:none}
  .service-cards{margin-top:20px;gap:12px}
  .service-card{min-height:auto;padding:19px 20px;border-radius:17px}
  .service-card h3{font-size:1.15rem}
  .feature-copy h2{margin-bottom:10px}
  .art-developers,.art-tula{height:auto;aspect-ratio:16/9;border-radius:18px}
  .text-link{margin-top:14px}
  .final-cta{padding:34px 0}
  .final-inner{gap:20px}
  .final-inner h2{font-size:1.9rem}
  .footer{padding-top:32px}
  .footer-nav,.footer-contact{padding-top:0}

  .page-hero{padding:28px 0 34px}
  .page-hero-grid{gap:18px}
  .page-hero h1{font-size:2.35rem;line-height:1.04;max-width:none}
  .page-hero p{margin-top:14px;font-size:.97rem;line-height:1.66}
  .page-hero .button{margin-top:18px}
  .page-hero-media.art-developers,.page-hero-media.art-tula{height:auto;aspect-ratio:16/9;border-radius:18px}
  .content-section{padding:36px 0}
  .content-grid{gap:15px}
  .content-grid>h2,.content-section.alt>.shell>h2,.stage-intro h2{font-size:1.78rem;line-height:1.1;max-width:none}
  .copy-stack{gap:13px}
  .info-grid,.steps{margin-top:16px;gap:11px}
  .info-card,.step{padding:18px 19px;border-radius:16px}
  .stage-panel{padding:22px 20px;border-radius:18px;gap:12px}
  .stage-intro p{margin-top:10px}
  .stage-list>div{padding:11px 0}
  .page-cta{padding:36px 0}
  .page-cta h2{font-size:1.86rem}
  .pitch-form{padding:24px 22px}
}