/* ============================================================
   ИСК — Интер Строй Комплект — единые стили сайта
   1) глобальный сброс  2) общие блоки (меню/лайтбокс-хелперы)
   3) стили каждой страницы под scope body.p-<страница>
   ============================================================ */

/* --- глобальный сброс --- */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{overflow-x:hidden;}
img{display:block;max-width:100%;}

/* --- общие блоки навигации/меню (на всех страницах) --- */

/* [isk-unified-nav] */
.header-nav{ width:auto !important; white-space:nowrap; align-items:flex-start; }
.header-nav .nav-item{ position:relative; }
.header-nav .hn-has{ display:flex; align-items:center; }
.header-nav .hn-drop{
  position:absolute; top:100%; left:0; min-width:300px;
  background:#FFFCF6; border-radius:12px; padding:22px 20px;
  display:none; flex-direction:column; gap:18px;
  box-shadow:0 8px 24px rgba(0,0,0,0.12); z-index:1000;
}
.header-nav .hn-has:hover .hn-drop{ display:flex; }
.header-nav .hn-drop a{ display:block; font-size:16px; line-height:20px; color:#000; white-space:nowrap; text-align:left; }
.header-nav .hn-drop a:hover{ color:#CA4825; }
/* подчёркивание пунктов верхнего меню при наведении (как в прототипе) */
.header-nav .nav-item:hover{ text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.header-nav .nav-item:hover .hn-drop a{ text-decoration:none; }

/* [isk-mobile-menu] */
.iskm-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;display:none;}
.iskm-backdrop.is-open{display:block;}
.iskm-panel{position:absolute;top:0;left:0;height:100%;width:84%;max-width:340px;background:#FFFCF6;box-shadow:2px 0 24px rgba(0,0,0,.2);padding:72px 24px 40px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;font-family:'Golos Text','Golos',sans-serif;box-sizing:border-box;}
.iskm-panel a{color:#161616;font-size:18px;line-height:22px;text-decoration:none;}
.iskm-panel a:active{color:#CA4825;}
.iskm-group{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#9a9a9a;margin-top:12px;}
.iskm-sub{padding-left:14px;font-size:16px !important;}
.iskm-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:none;font-size:34px;line-height:1;color:#161616;cursor:pointer;}
.iskm-call{margin-top:18px;font-weight:600;}

/* [isk-card-links] */
.service-banner,.project-card,.gvm-srv-card,.gvm-proj-card,.interior-card{position:relative;cursor:pointer;}
.isk-cardlink{position:absolute;inset:0;z-index:20;display:block;font-size:0;}


/* ===================== index.html  (body.p-index) ===================== */
body.p-index * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-index, body.p-index { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-index a { color: inherit; text-decoration: none; }
body.p-index button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-index img { display: block; max-width: 100%; }
body.p-index input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-index .page {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #FFFCF6;
  overflow-x: hidden;
}
body.p-index .header, body.p-index .intro, body.p-index .services, body.p-index .quote-section, body.p-index .production, body.p-index .projects, body.p-index .how, body.p-index .testimonials, body.p-index .footer, body.p-index .interiors {
  margin-left: auto;
  margin-right: auto;
}
body.p-index .quote-section, body.p-index .testimonials, body.p-index .footer {
  box-shadow: 0 0 0 100vmax #161616;
  clip-path: inset(0 -100vmax);
}
body.p-index .header {
  position: relative;
  width: 1440px;
  height: 185px;
  z-index: 50;
}
body.p-index .header-logo {
  position: absolute;
  left: 650px;
  top: 37px;
  width: 140px;
  height: 69px;
}
body.p-index .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-index .header-contacts {
  position: absolute;
  right: 120px;
  top: 70px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  font-family: 'Golos Text', sans-serif;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}
body.p-index .header-contacts a { display: block; }
body.p-index .header-callback {
  position: absolute;
  right: 120px;
  top: 120px;
  display: flex;
  align-items: center;
  gap: 16px;
}
body.p-index .header-callback .btn-call {
  width: 151px;
  height: 40px;
  padding: 0 24px;
  background: #FFFCF6;
  border: 1px solid #000;
  border-radius: 12px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}
body.p-index .header-nav {
  position: absolute;
  left: 403px;
  top: 120px;
  width: 635px;
  height: 40px;
  display: flex;
}
body.p-index .nav-item {
  position: relative;
  padding: 16px 24px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  border-radius: 12px;
  cursor: pointer;
  background: transparent;
}
body.p-index .nav-overlay {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 323px;
  background: #FFFCF6;
  border-radius: 12px;
  padding: 25px 20px;
  display: none;
  flex-direction: column;
  gap: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  z-index: 100;
}
body.p-index .nav-item:hover .nav-overlay { display: flex; }
body.p-index .nav-overlay a {
  width: 283px;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  display: block;
}
body.p-index .nav-overlay a:hover { color: #CA4825; }
body.p-index .hero {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 756px;
  background: url('images/home/hero-bg.jpg') center/cover no-repeat;
  margin-top: -1px;
}
body.p-index .hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
body.p-index .hero-inner {
  position: relative;
  width: 1440px;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
}
body.p-index .hero-gradient {
  position: absolute;
  left: 0;
  top: 409px; 
  width: 1440px;
  height: 347px;
  background: linear-gradient(360deg, rgba(18,18,18,0.96) 0%, rgba(26,26,26,0.71) 40.38%, rgba(53,53,53,0.46) 79.33%, rgba(53,53,53,0) 100%);
  pointer-events: none;
}
body.p-index .hero-title {
  position: absolute;
  left: calc(50% - 1014px/2 - 93px);
  top: 495px; 
  width: 1014px;
  height: 120px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 58px;
  line-height: 60px;
  color: #FFFCF6;
  z-index: 2;
}
body.p-index .hero-subtitle {
  position: absolute;
  left: 120px;
  top: 633px; 
  width: 625px;
  height: 36px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  color: #FFFCF6;
  z-index: 2;
}
body.p-index .hero-cta {
  position: absolute;
  left: calc(50% - 200px/2 + 397.5px);
  top: 615px; 
  width: 200px;
  height: 54px;
  background: #CA4825;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #FFFCF6;
  cursor: pointer;
  z-index: 3;
}
body.p-index .intro {
  position: relative;
  width: 1440px;
  padding-top: 69px; 
}
body.p-index .intro-text {
  position: relative;
  margin-left: 120px;
  width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
body.p-index .intro-accent {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  color: #CA4825;
}
body.p-index .intro-title {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  color: #000;
}
body.p-index .intro-sub {
  width: 807px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
  color: #000;
}
body.p-index .numbers {
  position: relative;
  margin: 135px auto 0;
  width: 961px;
  display: grid;
  grid-template-columns: 446px 515px;
  grid-template-rows: auto auto;
  row-gap: 80px;
}
body.p-index .num-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.p-index .num-value {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 96px;
  line-height: 1;
  color: #000;
  text-transform: uppercase;
  letter-spacing: -1px;
}
body.p-index .num-label {
  margin-top: 8px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  color: #000;
}
body.p-index .partners {
  position: relative;
  margin-top: 82px;
  width: 1440px;
  height: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.p-index .partners::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background: #5E5B55;
}
body.p-index .partners-inner {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.p-index .partner-logo {
  width: auto;
  min-width: 64px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  filter: grayscale(1);
}
body.p-index .partner-logo img { max-width: 104px; max-height: 44px; object-fit: contain; }
body.p-index .services {
  position: relative;
  width: 1440px;
  margin-top: 58px; 
}
body.p-index .service-banner {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 458px;
  background: #161616;
  overflow: hidden;
}
body.p-index .service-banner-inner {
  position: relative;
  width: 1440px;
  height: 100%;
  margin: 0 auto;
}
body.p-index .service-banner .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 550px;
  height: 458px;
  background-size: cover;
  background-position: center;
}
body.p-index .service-banner .content {
  position: absolute;
  left: 595px;
  top: 53px;
  width: 703px;
  display: flex;
  flex-direction: column;
  gap: 52px;
}
body.p-index .service-banner h3 {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 35px;
  line-height: 42px;
  color: #FFFCF6;
}
body.p-index .service-banner p {
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #FFFCF6;
}
body.p-index .quote-section {
  position: relative;
  width: 1440px;
  height: 644px;
  background: #161616;
  margin-top: -1px;
}
body.p-index .quote-text {
  position: absolute;
  left: 222px;
  top: 197px; 
  width: 1098px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #FFFFFF;
}
body.p-index .quote-author {
  position: absolute;
  left: 222px;
  top: 345px; 
  display: flex;
  align-items: center;
  gap: 16px;
}
body.p-index .quote-author .avatar {
  width: 101.95px;
  height: 101.95px;
  border-radius: 50%;
  background: url('images/home/ceo-portrait.jpg') center/cover no-repeat;
}
body.p-index .quote-author .meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
body.p-index .quote-author .name {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
body.p-index .quote-author .role {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
}
body.p-index .production {
  position: relative;
  width: 1440px;
  padding-top: 110px;
  padding-bottom: 0;
}
body.p-index .production-title {
  position: relative;
  margin-left: 120px;
  width: 907px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #000;
}
body.p-index .production-desc {
  position: relative;
  margin-top: 60px;
  margin-left: 120px;
  width: 1200px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #000;
}
body.p-index .production-img-wrap {
  position: relative;
  margin-top: 80px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 799px;
}
body.p-index .production-img-inner {
  position: relative;
  width: 1440px;
  margin: 0 auto;
  height: 100%;
}
body.p-index .production-img {
  position: absolute;
  inset: 0;
  background: url('images/home/production-bg.jpg') center/cover no-repeat;
}
body.p-index .production-card {
  position: absolute;
  right: 120px;
  bottom: 140px;
  width: 510px;
  min-height: 258px;
  background: #FFFFFF;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  padding: 30px 40px;
  z-index: 2;
  box-sizing: border-box;
}
body.p-index .production-card .list {
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000;
}
body.p-index .production-card .list p { margin-bottom: 18px; }
body.p-index .production-card .list p:last-child { margin-bottom: 0; }
body.p-index .projects {
  position: relative;
  width: 1440px;
  padding-top: 120px;
  padding-bottom: 50px;
}
body.p-index .projects-header {
  position: relative;
  left: 120px;
  width: 1200px;
}
body.p-index .projects-title {
  width: 798px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #000;
}
body.p-index .projects-desc {
  margin-top: 60px;
  width: 1122px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #000;
}
body.p-index .projects-scroll-wrap {
  position: relative;
  width: 1440px;
  margin-top: 60px;
  height: 750px;
  background: #FFFCF6;
}
body.p-index .projects-scroll {
  width: 1440px;
  height: 750px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 30px;
  scrollbar-width: thin;
  scrollbar-color: #5E5B55 transparent;
}
body.p-index .projects-scroll::-webkit-scrollbar {
  height: 6px;
}
body.p-index .projects-scroll::-webkit-scrollbar-track {
  background: transparent;
}
body.p-index .projects-scroll::-webkit-scrollbar-thumb {
  background: #5E5B55;
  border-radius: 3px;
}
body.p-index .projects-track {
  display: flex;
  gap: 48px;
  padding: 0 120px;
  height: 720px;
  width: max-content;
}
body.p-index .project-card {
  position: relative;
  width: 1146px;
  height: 693px;
  background: #161616;
  flex-shrink: 0;
  overflow: hidden;
}
body.p-index .project-card .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 510px;
  height: 693px;
  background-size: cover;
  background-position: center;
}
body.p-index .project-card .info {
  position: absolute;
  left: 553px;
  top: 305px;
  width: 534px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
body.p-index .project-card .info h3 {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  color: #FFFFFF;
}
body.p-index .project-card .info .line {
  width: 539px;
  height: 0;
  border-top: 1px solid #FFFFFF;
}
body.p-index .project-card .info p {
  width: 534px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #FFFFFF;
}
body.p-index .how {
  position: relative;
  width: 1440px;
  padding-top: 209px; 
  padding-bottom: 196px;
}
body.p-index .how-title {
  position: relative;
  margin-left: 120px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #000;
}
body.p-index .how-subtitle {
  position: relative;
  margin-left: 120px;
  margin-top: 28px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #000;
}
body.p-index .how-numbers {
  position: relative;
  margin: 115px auto 0;
  width: 1096px;
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
}
body.p-index .how-numbers span {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #CA4825;
}
body.p-index .how-line {
  width: 198px; 
  height: 0;
  border-top: 1px solid #5E5B55;
  margin: 49px 0 0 0; 
}
body.p-index .how-cards {
  margin: 49px auto 0;
  width: 1200px;
  display: flex;
  gap: 24px;
}
body.p-index .how-card {
  width: 180px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}
body.p-index .how-card h4 {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  color: #000;
}
body.p-index .how-card p {
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #000;
}
body.p-index .testimonials {
  position: relative;
  width: 1440px;
  background: #161616;
  padding: 91px 0 195px;
}
body.p-index .testimonials-head {
  position: relative;
  margin-left: 120px;
  width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
body.p-index .testimonials-head h2 {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #fff;
}
body.p-index .testimonials-head p {
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #fff;
}
body.p-index .letters-scroll {
  margin-top: 132px;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 60px;
  scrollbar-width: thin;
  scrollbar-color: #5E5B55 transparent;
}
body.p-index .letters-scroll::-webkit-scrollbar {
  height: 6px;
}
body.p-index .letters-scroll::-webkit-scrollbar-track {
  background: transparent;
}
body.p-index .letters-scroll::-webkit-scrollbar-thumb {
  background: #5E5B55;
  border-radius: 3px;
}
body.p-index .letters-scroll::-webkit-scrollbar-thumb:hover {
  background: #7a7770;
}
body.p-index .letters-track {
  display: flex;
  gap: 72px;
  padding: 0 61px;
  width: max-content;
}
body.p-index .letter-card {
  width: 510px;
  height: 693px;
  background: url('images/home/letter-park-inn.jpg') center/cover no-repeat;
  flex-shrink: 0;
  position: relative;
}
body.p-index .letter-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.40);
  pointer-events: none;
  transition: background .3s ease;
}
body.p-index .letter-card:hover::after { background: rgba(0,0,0,0); }
body.p-index .letter-card { transition: transform .3s ease; cursor: pointer; }
body.p-index .letter-card:hover { transform: translateY(-6px); }
body.p-index .form-section {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 1006px;
  background: url('images/home/form-bg.jpg') center/cover no-repeat;
}
body.p-index .form-card {
  position: absolute;
  left: calc(50% - 890px/2);
  top: 151px; 
  width: 890px;
  height: 648px;
  background: #FFFCF6;
  border: 1px solid #000;
  box-sizing: border-box;
}
body.p-index .form-card h2 {
  position: absolute;
  left: calc(50% - 270px/2);
  top: 37px;
  width: 270px;
  text-align: center;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  color: #000;
}
body.p-index .form-fields {
  position: absolute;
  left: calc(50% - 385px/2);
  top: 122px;
  width: 385px;
  display: flex;
  flex-direction: column;
  gap: 45px;
}
body.p-index .form-field {
  width: 385px;
  border-bottom: 1px solid #000;
  padding-bottom: 6px;
}
body.p-index .form-field label {
  display: block;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  margin-bottom: 12px;
}
body.p-index .form-field input {
  width: 100%;
  font-size: 16px;
  color: #000;
}
body.p-index .form-btn {
  position: absolute;
  left: calc(50% - 143px/2 - 119.5px);
  top: 391px;
  width: 143px;
  height: 54px;
  background: #CA4825;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #FFFCF6;
  cursor: pointer;
}
body.p-index .form-note {
  position: absolute;
  left: calc(50% - 385px/2);
  top: 475px;
  width: 385px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}
body.p-index .form-contacts {
  position: absolute;
  left: 144px;
  top: 564px;
  width: 603px;
  display: flex;
  justify-content: space-between;
}
body.p-index .form-contacts a {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  color: #000;
}
body.p-index .interiors {
  position: relative;
  width: 1440px;
  padding: 109px 0 0;
  background: #FFFCF6;
}
body.p-index .interiors-title {
  position: relative;
  margin-left: 120px;
  width: 1200px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #000;
}
body.p-index .interiors-desc {
  position: relative;
  margin-top: 60px;
  margin-left: 120px;
  width: 1200px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #000;
}
body.p-index .interiors-cards {
  position: relative;
  margin: 75px auto 0;
  width: 1200px;
  display: flex;
  gap: 24px;
}
body.p-index .interior-card {
  width: 384px;
  display: flex;
  flex-direction: column;
}
body.p-index .interior-card .img {
  width: 384px;
  height: 228px;
  border: 1px solid #000;
  background-size: cover;
  background-position: center;
}
body.p-index .interior-card h3 {
  margin-top: 16px;
  width: 384px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #000;
}
body.p-index .interior-card p {
  margin-top: 16px;
  width: 384px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #000;
}
body.p-index .footer {
  position: relative;
  width: 1440px;
  height: 489px;
  background: #161616;
  margin-top: 227px;
}
body.p-index .footer-logo {
  position: absolute;
  left: 120px;
  top: 74px;
  width: 180px;
  height: 99px;
}
body.p-index .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-index .footer-tagline {
  position: absolute;
  left: 120px;
  top: 362px;
  width: 384px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
body.p-index .footer-copy {
  position: absolute;
  left: 120px;
  top: 420px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #5E5B55;
}
body.p-index .footer-phone {
  position: absolute;
  right: 120px;
  top: 309px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
body.p-index .footer-email {
  position: absolute;
  right: 120px;
  top: 347px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
body.p-index .footer-address {
  position: absolute;
  right: 120px;
  top: 386px;
  width: 413px;
  text-align: right;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
body.p-index .modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
body.p-index .modal-backdrop.is-open { display: flex; }
body.p-index .modal {
  position: relative;
  width: 476px;
  height: 650px;
  background: #FFFCF6;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 0;
}
body.p-index .modal-close {
  position: absolute;
  right: 16px;
  top: 14px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #000;
  cursor: pointer;
}
body.p-index .modal-head {
  position: absolute;
  left: 20px;
  top: 38px;
  width: 436px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
body.p-index .modal-head h3 {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #000;
}
body.p-index .modal-head p {
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}
body.p-index .modal-field {
  position: absolute;
  left: 20px;
  width: 273px;
  border-bottom: 1px solid #000;
  padding-bottom: 6px;
}
body.p-index .modal-field label {
  display: block;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000;
  margin-bottom: 12px;
}
body.p-index .modal-field input {
  width: 100%;
  font-size: 14px;
  color: #000;
}
body.p-index .modal-field--name { top: 196px; }
body.p-index .modal-field--phone { top: 288px; }
body.p-index .modal-check {
  position: absolute;
  left: 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 436px;
}
body.p-index .modal-check input[type="checkbox"] {
  appearance: none;
  width: 21px;
  height: 21px;
  border: 1px solid #000;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 0;
  position: relative;
  background: transparent;
}
body.p-index .modal-check input[type="checkbox"]:checked::after {
  content: '✓';
  position: absolute;
  left: 3px;
  top: -2px;
  font-size: 16px;
  color: #000;
}
body.p-index .modal-check label {
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000;
  cursor: pointer;
}
body.p-index .modal-check--1 { top: 436px; }
body.p-index .modal-check--1 label { width: 399px; }
body.p-index .modal-check--2 { top: 483px; }
body.p-index .modal-check--2 label { width: 399px; }
body.p-index .modal-submit {
  position: absolute;
  left: calc(50% - 132px/2);
  top: 549px;
  width: 132px;
  height: 54px;
  border: 1px solid #000;
  border-radius: 20px;
  background: transparent;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  cursor: pointer;
}
body.p-index .mobile-wrap { display: none; }
body.p-index .gv-mobile { position: relative; width: 402px; height: 4667px; transform-origin: top left; background: #FFFCF6; font-family: 'Golos Text','Golos',sans-serif; }
body.p-index .gv-mobile .scroll { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
body.p-index .gv-mobile .scroll::-webkit-scrollbar { display: none; }
body.p-index .gvm-burger { position: absolute; left: 16px; top: 64px; width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: space-between; padding: 6px 0; z-index: 50; }
body.p-index .gvm-burger span { display: block; height: 2px; background: #161616; }
body.p-index .gvm-logo { position: absolute; left: calc(50% - 36px); top: 54px; width: 72px; height: 35px; z-index: 50; }
body.p-index .gvm-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-index .gvm-call { position: absolute; left: 355px; top: 63px; width: 24px; height: 24px; z-index: 50; }
body.p-index .gvm-call svg { width: 100%; height: 100%; }
body.p-index .gvm-hero { position: absolute; left: 0; top: 130px; width: 402px; height: 748px; background: url('images/home/hero-bg.jpg') center/cover no-repeat; overflow: hidden; }
body.p-index .gvm-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.p-index .gvm-hero-grad { position: absolute; left: 0; top: 420px; width: 402px; height: 456px; background: linear-gradient(360deg, rgba(18,18,18,0.96) 0%, rgba(26,26,26,0.71) 40.38%, rgba(53,53,53,0.46) 79.33%, rgba(53,53,53,0) 100%); pointer-events: none; }
body.p-index .gvm-hero-text { position: absolute; left: 16px; top: 523px; width: 370px; display: flex; flex-direction: column; gap: 20px; z-index: 2; }
body.p-index .gvm-hero-title { font-weight: 500; font-size: 34px; line-height: 34px; color: #FFFCF6; }
body.p-index .gvm-hero-sub { font-weight: 500; font-size: 16px; line-height: 19px; color: #FFFCF6; }
body.p-index .gvm-cta { display: flex; align-items: center; justify-content: center; width: 150px; height: 50px; background: #CA4825; border-radius: 20px; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; cursor: pointer; z-index: 3; }
body.p-index .gvm-hero-cta { position: absolute; left: 16px; top: 728px; }
body.p-index .gvm-intro { position: absolute; left: 16px; top: 921px; width: 370px; display: flex; flex-direction: column; gap: 15px; }
body.p-index .gvm-intro-accent { font-weight: 500; font-size: 28px; line-height: 34px; color: #CA4825; }
body.p-index .gvm-intro-title { font-weight: 500; font-size: 20px; line-height: 24px; color: #000; }
body.p-index .gvm-intro-sub { font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-index .gvm-stat { position: absolute; display: flex; flex-direction: column; gap: 6px; }
body.p-index .gvm-stat .n { font-weight: 500; font-size: 36px; line-height: 30px; text-transform: uppercase; color: #000; }
body.p-index .gvm-stat .l { font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-index .gvm-stat.s1 { left: 16px;  top: 1153px; width: 168px; }
body.p-index .gvm-stat.s2 { left: 196px; top: 1153px; width: 190px; }
body.p-index .gvm-stat.s3 { left: 16px;  top: 1313px; width: 168px; }
body.p-index .gvm-stat.s4 { left: 196px; top: 1314px; width: 190px; }
body.p-index .gvm-line { position: absolute; left: 0; width: 402px; height: 0; border-top: 1px solid #000; }
body.p-index .gvm-dir-title { position: absolute; left: 16px; top: 1498px; width: 300px; font-weight: 500; font-size: 22px; line-height: 26px; color: #000; }
body.p-index .gvm-srv { position: absolute; left: 0; top: 1536px; width: 402px; height: 365px; }
body.p-index .gvm-srv .track { display: flex; gap: 16px; padding: 20px 16px 0; width: max-content; }
body.p-index .gvm-srv-card { width: 177px; display: flex; flex-direction: column; gap: 12px; }
body.p-index .gvm-srv-card .img { width: 177px; height: 252px; background-size: cover; background-position: center; }
body.p-index .gvm-srv-card .cap { font-weight: 400; font-size: 12px; line-height: 14px; color: #000; }
body.p-index .gvm-quote-bg { position: absolute; left: 0; top: 1917px; width: 402px; height: 315px; background: #161616; }
body.p-index .gvm-quote-text { position: absolute; left: 16px; top: 1973px; width: 368px; font-weight: 400; font-size: 14px; line-height: 17px; color: #fff; }
body.p-index .gvm-ceo-av { position: absolute; left: 16px; top: 2089px; width: 52px; height: 52px; border-radius: 50%; background: url('images/home/ceo-portrait.jpg') center/cover no-repeat; }
body.p-index .gvm-ceo-name { position: absolute; left: 76px; top: 2098px; font-weight: 400; font-size: 14px; line-height: 17px; color: #fff; }
body.p-index .gvm-ceo-role { position: absolute; left: 76px; top: 2120px; font-weight: 400; font-size: 10px; line-height: 12px; color: #fff; }
body.p-index .gvm-prod-title { position: absolute; left: 16px; top: 2280px; width: 360px; font-weight: 500; font-size: 22px; line-height: 26px; color: #000; }
body.p-index .gvm-prod-text { position: absolute; left: 16px; top: 2360px; width: 360px; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-index .gvm-prod-img { position: absolute; left: 0; top: 2459px; width: 402px; height: 431px; background: url('images/home/production-bg.jpg') center/cover no-repeat; }
body.p-index .gvm-proj-title { position: absolute; left: 16px; top: 2956px; width: 360px; font-weight: 500; font-size: 22px; line-height: 26px; color: #000; }
body.p-index .gvm-proj-desc { position: absolute; left: 16px; top: 3005px; width: 370px; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-index .gvm-proj { position: absolute; left: 0; top: 3123px; width: 402px; height: 229px; }
body.p-index .gvm-proj .track { display: flex; gap: 16px; padding: 20px 16px 0; width: max-content; }
body.p-index .gvm-proj-card { width: 177px; display: flex; flex-direction: column; gap: 10px; }
body.p-index .gvm-proj-card .img { width: 177px; height: 130px; background-size: cover; background-position: center; }
body.p-index .gvm-proj-card .cap { font-weight: 500; font-size: 12px; line-height: 14px; text-align: center; color: #161616; }
body.p-index .gvm-rec-bg { position: absolute; left: 0; top: 3352px; width: 402px; height: 428px; background: #161616; }
body.p-index .gvm-rec-title { position: absolute; left: 16px; top: 3389px; width: 370px; font-weight: 500; font-size: 22px; line-height: 26px; color: #fff; }
body.p-index .gvm-rec-desc { position: absolute; left: 16px; top: 3445px; width: 370px; font-weight: 400; font-size: 14px; line-height: 17px; color: #fff; }
body.p-index .gvm-letters { position: absolute; left: 0; top: 3580px; width: 402px; height: 170px; }
body.p-index .gvm-letters .track { display: flex; gap: 17px; padding: 0 16px; width: max-content; }
body.p-index .gvm-letter { width: 107px; height: 150px; background-size: cover; background-position: center; flex-shrink: 0; }
body.p-index .gvm-cta-bg { position: absolute; left: 0; top: 3780px; width: 402px; height: 439px; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/home/form-bg.jpg') center/cover no-repeat; }
body.p-index .gvm-cta-note { position: absolute; left: 16px; top: 4008px; width: 273px; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; }
body.p-index .gvm-cta-btn { position: absolute; left: 16px; top: 4086px; }
body.p-index .gvm-footer { position: absolute; left: 0; top: 4219px; width: 402px; height: 448px; background: #161616; }
body.p-index .gvm-footer-logo { position: absolute; left: 16px; top: 4275px; width: 104px; height: 57px; }
body.p-index .gvm-footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-index .gvm-footer-phone { position: absolute; left: 16px; top: 4369px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-index .gvm-footer-email { position: absolute; left: 16px; top: 4406px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-index .gvm-footer-address { position: absolute; left: 16px; top: 4443px; width: 250px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-index .gvm-footer-tagline { position: absolute; left: 16px; top: 4555px; width: 250px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-index .gvm-footer-copy { position: absolute; left: 16px; top: 4613px; font-weight: 400; font-size: 11px; line-height: 14px; color: #5E5B55; }
@media (max-width: 600px) {
body.p-index .page { display: none; }
body.p-index .mobile-wrap { display: block; width: 100%; overflow: hidden; }
body.p-index .modal { transform: scale(0.78); }
}


/* ===================== audit.html  (body.p-audit) ===================== */
body.p-audit * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-audit, body.p-audit { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-audit a { color: inherit; text-decoration: none; }
body.p-audit button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-audit img { display: block; max-width: 100%; }
body.p-audit input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-audit .page { position: relative; width: 1440px; min-height: 5307px; margin: 0 auto; background: #FFFCF6; }
body.p-audit .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-audit .half-left { left: calc(50% - 50vw); right: 50%; }
body.p-audit .half-right { left: 50%; right: calc(50% - 50vw); }
body.p-audit .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-audit .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-audit .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-audit .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-audit .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-audit .nav-item:hover { color: #CA4825; }
body.p-audit .hero { position: absolute; top: 185px; height: 919px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/audit/hero.jpg') center/cover no-repeat; }
body.p-audit .hero-title { position: absolute; left: 120px; top: 272px; width: 909px; font-weight: 500; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 5; }
body.p-audit .hero-block { position: absolute; left: 628px; top: 737px; width: 611px; display: flex; flex-direction: column; gap: 35px; z-index: 5; }
body.p-audit .hero-block .lead { font-weight: 400; font-size: 35px; line-height: 42px; color: #FFFCF6; }
body.p-audit .hero-block .desc { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-audit .hero-block .desc p { margin-bottom: 14px; }
body.p-audit .hero-block .desc p:last-child { margin-bottom: 0; }
body.p-audit .included-dark { position: absolute; top: 1104px; height: 644px; background: #161616; z-index: 1; }
body.p-audit .included-photo { position: absolute; top: 1103px; height: 645px; background: url('images/audit/what-we-do.jpg') center/cover no-repeat; z-index: 1; }
body.p-audit .included-title { position: absolute; left: 120px; top: 1168px; width: 510px; font-weight: 400; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 3; }
body.p-audit .included-list { position: absolute; left: 120px; top: 1541px; width: 510px; font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 3; }
body.p-audit .included-list p { margin-bottom: 12px; }
body.p-audit .included-list p:last-child { margin-bottom: 0; }
body.p-audit .dot { color: #CA4825; }
body.p-audit .quote-rule { position: absolute; left: 198px; top: 1928px; width: 1px; height: 144px; background: #000; }
body.p-audit .quote { position: absolute; left: 222px; top: 1928px; width: 1098px; font-weight: 400; font-size: 40px; line-height: 48px; color: #000; }
body.p-audit .need-photo { position: absolute; top: 2288px; height: 644px; background: url('images/audit/why-need.jpg') center/cover no-repeat; z-index: 1; }
body.p-audit .need-dark { position: absolute; top: 2288px; height: 644px; background: #161616; z-index: 1; }
body.p-audit .need-title { position: absolute; left: 834px; top: 2322px; width: 330px; font-weight: 400; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 3; }
body.p-audit .need-text { position: absolute; left: 834px; top: 2706px; width: 510px; font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 3; }
body.p-audit .need-text p { margin-bottom: 12px; }
body.p-audit .need-text p:last-child { margin-bottom: 0; }
body.p-audit .choose { position: absolute; left: 120px; top: 3098px; width: 714px; display: flex; flex-direction: column; gap: 40px; }
body.p-audit .choose-title { font-weight: 400; font-size: 65px; line-height: 78px; color: #010101; }
body.p-audit .choose-text { font-weight: 400; font-size: 24px; line-height: 29px; color: #010101; }
body.p-audit .choose-text p { margin-bottom: 22px; }
body.p-audit .choose-text p:last-child { margin-bottom: 0; }
body.p-audit .choose-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-audit .choose-list p { margin-bottom: 12px; }
body.p-audit .choose-list p:last-child { margin-bottom: 0; }
body.p-audit .choose-rule { position: absolute; left: 912px; top: 3098px; width: 1px; height: 485px; background: #000; }
body.p-audit .choose-photo { position: absolute; left: 1014px; top: 3098px; width: 306px; height: 485px; background: url('images/audit/why-choose.jpg') center/cover no-repeat; border: 1px solid #000; }
body.p-audit .form-section { position: absolute; top: 3824px; height: 994px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/audit/hero.jpg') center/cover no-repeat; }
body.p-audit .form-lead { position: absolute; top: 3948px; left: calc(50% - 890px/2); width: 890px; font-weight: 500; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 5; }
body.p-audit .form-card { position: absolute; top: 4046px; left: calc(50% - 890px/2); width: 890px; height: 648px; background: #FFFCF6; border: 1px solid #000; z-index: 5; }
body.p-audit .form-card h2 { position: absolute; top: 37px; left: 0; right: 0; text-align: center; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-audit .form-fields { position: absolute; top: 122px; left: 253px; width: 385px; display: flex; flex-direction: column; gap: 45px; }
body.p-audit .form-field { position: relative; width: 385px; height: 51px; }
body.p-audit .form-field label { position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #000; }
body.p-audit .form-field input { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #000; padding-bottom: 6px; font-size: 16px; color: #000; }
body.p-audit .form-btn { position: absolute; top: 391px; left: 254px; width: 143px; height: 54px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFCF6; }
body.p-audit .form-note { position: absolute; top: 475px; left: 253px; width: 385px; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-audit .form-phone { position: absolute; top: 564px; left: 144px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-audit .form-email { position: absolute; top: 564px; left: 468px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-audit .footer { position: absolute; top: 4818px; height: 489px; background: #161616; }
body.p-audit .footer-logo { position: absolute; left: 120px; top: 4892px; width: 180px; height: 99px; z-index: 5; }
body.p-audit .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-audit .footer-tagline { position: absolute; left: 120px; top: 5180px; width: 384px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-audit .footer-copy { position: absolute; left: 120px; top: 5238px; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55; z-index: 5; }
body.p-audit .footer-phone { position: absolute; right: 120px; top: 5127px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-audit .footer-email { position: absolute; right: 120px; top: 5165px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-audit .footer-address { position: absolute; right: 120px; top: 5204px; width: 413px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-audit .mob { display: none; }
@media (max-width: 768px) {
body.p-audit .page { display: none; }
body.p-audit .mob { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-audit .mob .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-audit .mob .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-audit .mob .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-audit .mob .m-logo { width: 72px; }
body.p-audit .mob .m-logo img { width: 100%; height: auto; }
body.p-audit .mob .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-audit .mob .m-call svg { width: 20px; height: 20px; }
body.p-audit .mob .m-hero { position: relative; min-height: 174px; display: flex; align-items: center; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/audit/hero.jpg') center/cover no-repeat; }
body.p-audit .mob .m-hero .t { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; max-width: 300px; }
body.p-audit .mob .m-intro { padding: 40px 16px 0; display: flex; flex-direction: column; gap: 30px; }
body.p-audit .mob .m-intro .lead { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; color: #0E0E0E; }
body.p-audit .mob .m-intro .desc p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #0E0E0E; margin-bottom: 12px; }
body.p-audit .mob .m-intro .desc p:last-child { margin-bottom: 0; }
body.p-audit .mob .m-img { width: 100%; background-size: cover; background-position: center; margin-top: 40px; }
body.p-audit .mob .m-img.img1 { aspect-ratio: 402 / 361; background-image: url('images/audit/what-we-do.jpg'); }
body.p-audit .mob .m-img.img2 { width: calc(100% - 32px); margin-left: 16px; aspect-ratio: 370 / 330; background-image: url('images/audit/why-need.jpg'); }
body.p-audit .mob .m-quote { padding: 36px 16px; }
body.p-audit .mob .m-quote .inner { border-left: 1px solid #000; padding-left: 19px; }
body.p-audit .mob .m-quote p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-audit .mob .m-need { padding: 36px 16px 44px; display: flex; flex-direction: column; gap: 30px; }
body.p-audit .mob .m-need h2 { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; color: #000; }
body.p-audit .mob .m-need .nlist p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 6px; }
body.p-audit .mob .m-need .nlist p:last-child { margin-bottom: 0; }
body.p-audit .mob .m-need .nlist .dot { color: #CA4825; }
body.p-audit .mob .m-cta { position: relative; min-height: 439px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 40px 24px; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/audit/hero.jpg') center/cover no-repeat; }
body.p-audit .mob .m-cta .note { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; max-width: 280px; }
body.p-audit .mob .m-cta .btn { width: 150px; height: 50px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; }
body.p-audit .mob .m-footer { background: #161616; padding: 40px 16px; }
body.p-audit .mob .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-audit .mob .m-footer .f-logo img { width: 100%; height: auto; }
body.p-audit .mob .m-footer .f-c { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-audit .mob .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-audit .mob .m-footer .f-tagline { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-audit .mob .m-footer .f-copy { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== company.html  (body.p-company) ===================== */
body.p-company * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-company, body.p-company { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-company a { color: inherit; text-decoration: none; }
body.p-company button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-company img { display: block; max-width: 100%; }
body.p-company input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-company .page {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #FFFCF6;
  overflow-x: hidden;
}
body.p-company .header, body.p-company .hero, body.p-company .intro, body.p-company .experience, body.p-company .team, body.p-company .slogan, body.p-company .partners, body.p-company .geo, body.p-company .footer {
  margin-left: auto;
  margin-right: auto;
}
body.p-company .team-head, body.p-company .partners, body.p-company .footer {
  box-shadow: 0 0 0 100vmax #161616;
  clip-path: inset(0 -100vmax);
}
body.p-company .header {
  position: relative;
  width: 1440px;
  height: 185px;
  z-index: 50;
}
body.p-company .header-logo {
  position: absolute;
  left: 650px;
  top: 37px;
  width: 140px;
  height: 69px;
}
body.p-company .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-company .header-contacts {
  position: absolute;
  right: 120px;
  top: 70px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  font-family: 'Golos Text', sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}
body.p-company .header-contacts a { display: block; }
body.p-company .header-nav {
  position: absolute;
  left: 403px;
  top: 120px;
  width: 635px;
  height: 40px;
  display: flex;
}
body.p-company .nav-item {
  position: relative;
  padding: 16px 24px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  border-radius: 12px;
  cursor: pointer;
  background: transparent;
}
body.p-company .nav-overlay {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 323px;
  background: #FFFCF6;
  border-radius: 12px;
  padding: 25px 20px;
  display: none;
  flex-direction: column;
  gap: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  z-index: 100;
}
body.p-company .nav-item:hover .nav-overlay { display: flex; }
body.p-company .nav-overlay a {
  width: 283px;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  display: block;
}
body.p-company .nav-overlay a:hover { color: #CA4825; }
body.p-company .hero {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 465px;
  background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/company/hero-aquaterra.jpg') center/cover no-repeat;
  margin-top: -1px;
}
body.p-company .hero-inner {
  position: relative;
  width: 1440px;
  height: 100%;
  margin: 0 auto;
}
body.p-company .hero-title {
  position: absolute;
  left: 222px;
  top: 143px; 
  width: 1098px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  text-align: center;
  color: #FFFCF6;
}
body.p-company .intro {
  position: relative;
  width: 1440px;
  padding-top: 141px; 
}
body.p-company .intro-row {
  position: relative;
  margin-left: 120px;
  display: flex;
  align-items: flex-start;
  gap: 93px; 
}
body.p-company .intro-img {
  flex: none;
  width: 306px;
  height: 417px;
  border: 1px solid #000;
  background: url('images/company/hero-aquaterra.jpg') center/cover no-repeat;
}
body.p-company .intro-text {
  width: 811px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #000;
}
body.p-company .experience {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 1008px;
  background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/company/experience-bg.jpg') center 72%/cover no-repeat;
  margin-top: 187px; 
}
body.p-company .experience-inner {
  position: relative;
  width: 1440px;
  height: 100%;
  margin: 0 auto;
}
body.p-company .experience-title {
  position: absolute;
  left: 528px;
  top: 130px; 
  width: 794px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #FFFCF6;
}
body.p-company .experience-list {
  position: absolute;
  left: 528px;
  top: 515px; 
  width: 794px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
}
body.p-company .experience-list .row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
body.p-company .experience-list .dot { flex: none; color: #CA4825; }
body.p-company .experience-list .txt { color: #FFFCF6; }
body.p-company .experience-photos {
  position: absolute;
  left: 120px;
  top: 799px; 
  width: 1200px;
  display: flex;
  justify-content: space-between;
}
body.p-company .exp-photo {
  width: 282px;
  height: 167px;
  background-size: cover;
  background-position: center;
  cursor: zoom-in;
  transition: transform .25s ease, box-shadow .25s ease;
}
body.p-company .exp-photo:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.5);
}
body.p-company .team {
  position: relative;
  width: 1440px;
}
body.p-company .team-head {
  position: relative;
  width: 1440px;
  background: #161616;
  padding: 184px 0 113px; 
}
body.p-company .team-head-inner {
  margin-left: 120px;
  width: 894px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
body.p-company .team-head h2 {
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #FFFCF6;
}
body.p-company .team-head p {
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #FFFCF6;
}
body.p-company .team-grid {
  position: relative;
  width: 1440px;
  display: grid;
  grid-template-columns: repeat(3, 480px);
  grid-auto-rows: 517px;
}
body.p-company .team-card {
  position: relative;
  width: 480px;
  height: 517px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
body.p-company .team-card .name-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 480px;
  height: 70px;
  background: rgba(255,252,246,0.6);
  border-top: 1px solid #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
body.p-company .team-card .name-bar .nm {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #000;
}
body.p-company .team-card .name-bar .role {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
body.p-company .slogan {
  position: relative;
  width: 1440px;
  padding-top: 128px; 
  padding-bottom: 239px; 
}
body.p-company .slogan-row {
  position: relative;
  margin-left: 300px;
  display: flex;
  align-items: stretch;
  gap: 24px;
}
body.p-company .slogan-line {
  flex: none;
  width: 1px;
  background: #000;
}
body.p-company .slogan-text {
  width: 996px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  color: #000;
}
body.p-company .partners {
  position: relative;
  width: 1440px;
  height: 841px;
  background: #161616;
}
body.p-company .partners-inner {
  position: relative;
  width: 1440px;
  height: 100%;
  margin: 0 auto;
}
body.p-company .partners-img-small {
  position: absolute;
  left: 120px;
  top: 134px; 
  width: 204px;
  height: 287px;
  border: 1px solid #000;
  background: url('images/company/partners-bw.jpg') center/cover no-repeat;
}
body.p-company .partners-text {
  position: absolute;
  left: 426px;
  top: 134px;
  width: 432px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #FFFCF6;
}
body.p-company .partners-img-big {
  position: absolute;
  left: 912px;
  top: 134px;
  width: 408px;
  height: 598px;
  border: 1px solid #000;
  background: url('images/company/partners-color.jpg') center/cover no-repeat;
}
body.p-company .geo {
  position: relative;
  width: 1440px;
  padding-top: 143px; 
}
body.p-company .geo-text {
  position: relative;
  left: 528px;
  width: 792px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-family: 'Golos Text', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #000;
}
body.p-company .geo-map {
  position: relative;
  margin-top: 65px; 
  width: 1440px;
  height: 810px;
  background: url('images/company/map.png') center/contain no-repeat;
}
body.p-company .footer {
  position: relative;
  width: 1440px;
  height: 489px;
  background: #161616;
  margin-top: 144px; 
}
body.p-company .footer-logo {
  position: absolute;
  left: 120px;
  top: 74px;
  width: 180px;
  height: 99px;
}
body.p-company .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-company .footer-tagline {
  position: absolute;
  left: 120px;
  top: 358px;
  width: 384px;
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  color: #fff;
}
body.p-company .footer-copy {
  position: absolute;
  left: 120px;
  top: 420px;
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #5E5B55;
}
body.p-company .footer-phone {
  position: absolute;
  right: 120px;
  top: 309px;
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  color: #fff;
}
body.p-company .footer-email {
  position: absolute;
  right: 120px;
  top: 347px;
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  color: #fff;
}
body.p-company .footer-address {
  position: absolute;
  right: 120px;
  top: 386px;
  width: 413px;
  text-align: right;
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  color: #fff;
}
body.p-company .lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  cursor: zoom-out;
}
body.p-company .lightbox.is-open { display: flex; }
body.p-company .lightbox img {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}
body.p-company .lightbox-close {
  position: absolute;
  top: 24px;
  right: 32px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  line-height: 1;
  color: #FFFCF6;
  cursor: pointer;
}
body.p-company .mob { display: none; }
@media (max-width: 768px) {
body.p-company .page { display: none; }
body.p-company .lightbox { display: none !important; }
body.p-company .mob { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-company .mob .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-company .mob .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-company .mob .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-company .mob .m-logo { width: 72px; }
body.p-company .mob .m-logo img { width: 100%; height: auto; }
body.p-company .mob .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-company .mob .m-call svg { width: 20px; height: 20px; }
body.p-company .mob .m-hero { position: relative; min-height: 262px; display: flex; align-items: center; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/company/hero-aquaterra.jpg') center/cover no-repeat; }
body.p-company .mob .m-hero .t { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; max-width: 370px; }
body.p-company .mob .m-about { padding: 36px 16px 0; }
body.p-company .mob .m-about p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 12px; }
body.p-company .mob .m-about p:last-child { margin-bottom: 0; }
body.p-company .mob .m-about-img { margin: 28px 16px 0; width: calc(100% - 32px); aspect-ratio: 370 / 373; border: 1px solid #000; background: url('images/company/hero-aquaterra.jpg') center/cover no-repeat; }
body.p-company .mob .m-exp { padding: 40px 16px; }
body.p-company .mob .m-exp h2 { font-family: 'Golos Text', sans-serif; font-weight: 500; font-size: 22px; line-height: 26px; color: #161616; margin-bottom: 30px; }
body.p-company .mob .m-exp .row { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 12px; font-family: 'Golos Text', sans-serif; font-size: 14px; line-height: 17px; }
body.p-company .mob .m-exp .row:last-child { margin-bottom: 0; }
body.p-company .mob .m-exp .dot { flex: none; color: #CA4825; }
body.p-company .mob .m-exp .txt { color: #000; }
body.p-company .mob .m-team { background: #161616; padding: 40px 16px; }
body.p-company .mob .m-team h2 { font-family: 'Golos Text', sans-serif; font-weight: 500; font-size: 22px; line-height: 26px; color: #FFFCF6; margin-bottom: 30px; }
body.p-company .mob .m-team .lead { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; margin-bottom: 40px; }
body.p-company .mob .m-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
body.p-company .mob .m-card { position: relative; aspect-ratio: 177 / 251; background-size: cover; background-position: center; overflow: hidden; }
body.p-company .mob .m-card .name-bar { position: absolute; left: 0; right: 0; bottom: 0; min-height: 55px; background: rgba(255,252,246,0.85); border-top: 1px solid #000; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 8px 8px; }
body.p-company .mob .m-card .nm { font-family: 'Manrope', sans-serif; font-weight: 600; font-size: 14px; line-height: 17px; color: #000; }
body.p-company .mob .m-card .role { font-family: 'Manrope', sans-serif; font-weight: 600; font-size: 12px; line-height: 15px; color: #000; }
body.p-company .mob .m-slogan { padding: 40px 16px; }
body.p-company .mob .m-slogan .inner { border-left: 1px solid #000; padding-left: 17px; }
body.p-company .mob .m-slogan .inner p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; color: #000; }
body.p-company .mob .m-partners { padding: 0 16px 44px; }
body.p-company .mob .m-partners .pimg { width: 100%; aspect-ratio: 370 / 377; border: 1px solid #000; background: url('images/company/partners-color.jpg') center/cover no-repeat; margin-bottom: 28px; }
body.p-company .mob .m-partners p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 12px; }
body.p-company .mob .m-partners p:last-child { margin-bottom: 0; }
body.p-company .mob .m-footer { background: #161616; padding: 40px 16px; }
body.p-company .mob .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-company .mob .m-footer .f-logo img { width: 100%; height: auto; }
body.p-company .mob .m-footer .f-c { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-company .mob .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-company .mob .m-footer .f-tagline { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-company .mob .m-footer .f-copy { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== contacts.html  (body.p-contacts) ===================== */
body.p-contacts * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-contacts, body.p-contacts { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-contacts a { color: inherit; text-decoration: none; }
body.p-contacts img { display: block; max-width: 100%; }
body.p-contacts .desktop { position: relative; width: 1440px; height: 2101px; margin: 0 auto; background: #FFFCF6; }
body.p-contacts .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-contacts .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-contacts .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-contacts .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-contacts .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-contacts .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-contacts .nav-item:hover { color: #CA4825; }
body.p-contacts .topline { position: absolute; left: 0; top: 185px; width: 1440px; height: 0; border-top: 1px solid #000; }
body.p-contacts .intro { position: absolute; left: 120px; top: 332px; width: 789px; font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-contacts .cblock { position: absolute; left: 120px; width: 714px; display: flex; flex-direction: column; gap: 30px; }
body.p-contacts .cblock.cb1 { top: 610px; }
body.p-contacts .cblock.cb2 { top: 817px; }
body.p-contacts .cblock.cb3 { top: 1024px; }
body.p-contacts .clabel { font-weight: 400; font-size: 65px; line-height: 78px; color: #010101; }
body.p-contacts .cval { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-contacts .footer { position: absolute; top: 1612px; height: 489px; background: #161616; z-index: 0; }
body.p-contacts .footer-logo { position: absolute; left: 120px; top: 1686px; width: 180px; height: 99px; z-index: 5; }
body.p-contacts .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-contacts .footer-tagline { position: absolute; left: 120px; top: 1970px; width: 384px; font-weight: 400; font-size: 20px; line-height: 27px; color: #fff; z-index: 5; }
body.p-contacts .footer-copy { position: absolute; left: 120px; top: 2032px; font-weight: 400; font-size: 18px; line-height: 25px; color: #5E5B55; z-index: 5; }
body.p-contacts .footer-phone { position: absolute; right: 120px; top: 1921px; font-weight: 500; font-size: 20px; line-height: 27px; color: #fff; z-index: 5; }
body.p-contacts .footer-email { position: absolute; right: 120px; top: 1959px; font-weight: 500; font-size: 20px; line-height: 27px; color: #fff; z-index: 5; }
body.p-contacts .footer-address { position: absolute; right: 120px; top: 1997px; width: 413px; text-align: right; font-weight: 500; font-size: 20px; line-height: 27px; color: #fff; z-index: 5; }
body.p-contacts .mobile-wrap { display: none; }
body.p-contacts .mobile { position: relative; width: 402px; height: 1232px; transform-origin: top left; background: #FFFCF6; }
body.p-contacts .m-burger { position: absolute; left: 16px; top: 64px; width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: space-between; padding: 6px 0; z-index: 50; }
body.p-contacts .m-burger span { display: block; height: 2px; background: #161616; }
body.p-contacts .m-logo { position: absolute; left: calc(50% - 36px); top: 54px; width: 72px; height: 35px; z-index: 50; }
body.p-contacts .m-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-contacts .m-call { position: absolute; left: 355px; top: 63px; width: 24px; height: 24px; z-index: 50; }
body.p-contacts .m-call svg { width: 100%; height: 100%; }
body.p-contacts .m-intro { position: absolute; left: 16px; top: 153px; width: 370px; font-weight: 400; font-size: 12px; line-height: 14px; color: #000; }
body.p-contacts .m-cblock { position: absolute; left: 16px; width: 370px; display: flex; flex-direction: column; gap: 30px; }
body.p-contacts .m-cblock.cb1 { top: 266px; }
body.p-contacts .m-cblock.cb2 { top: 406px; }
body.p-contacts .m-cblock.cb3 { top: 546px; }
body.p-contacts .m-clabel { font-weight: 400; font-size: 30px; line-height: 36px; color: #010101; }
body.p-contacts .m-cval { font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-contacts .m-footer { position: absolute; left: 0; top: 784px; width: 402px; height: 448px; background: #161616; }
body.p-contacts .m-footer-logo { position: absolute; left: 16px; top: 840px; width: 104px; height: 57px; }
body.p-contacts .m-footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-contacts .m-footer-phone { position: absolute; left: 16px; top: 934px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-contacts .m-footer-email { position: absolute; left: 16px; top: 971px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-contacts .m-footer-address { position: absolute; left: 16px; top: 1008px; width: 250px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-contacts .m-footer-tagline { position: absolute; left: 16px; top: 1120px; width: 250px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-contacts .m-footer-copy { position: absolute; left: 16px; top: 1178px; font-weight: 400; font-size: 11px; line-height: 14px; color: #5E5B55; }
@media (max-width: 600px) {
body.p-contacts .desktop { display: none; }
body.p-contacts .mobile-wrap { display: block; width: 100%; overflow: hidden; }
}


/* ===================== dizayn.html  (body.p-dizayn) ===================== */
body.p-dizayn * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-dizayn, body.p-dizayn { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-dizayn a { color: inherit; text-decoration: none; }
body.p-dizayn button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-dizayn img { display: block; max-width: 100%; }
body.p-dizayn input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-dizayn .page { position: relative; width: 1440px; min-height: 6234px; margin: 0 auto; background: #FFFCF6; }
body.p-dizayn .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-dizayn .half-left { left: calc(50% - 50vw); right: 50%; }
body.p-dizayn .half-right { left: 50%; right: calc(50% - 50vw); }
body.p-dizayn .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-dizayn .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-dizayn .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-dizayn .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-dizayn .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-dizayn .nav-item:hover { color: #CA4825; }
body.p-dizayn .hero { position: absolute; top: 185px; height: 919px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/dizayn/hero.jpg') center/cover no-repeat; }
body.p-dizayn .hero-title { position: absolute; left: 120px; top: 272px; width: 909px; font-weight: 500; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 5; }
body.p-dizayn .hero-block { position: absolute; left: 630px; top: 779px; width: 690px; display: flex; flex-direction: column; gap: 35px; z-index: 5; }
body.p-dizayn .hero-block .lead { font-weight: 400; font-size: 35px; line-height: 42px; color: #FFFCF6; }
body.p-dizayn .hero-block .desc { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-dizayn .included-dark { position: absolute; top: 1104px; height: 644px; background: #161616; z-index: 1; }
body.p-dizayn .included-photo { position: absolute; top: 1103px; height: 645px; background: url('images/dizayn/what-we-do.jpg') center/cover no-repeat; z-index: 1; }
body.p-dizayn .included-title { position: absolute; left: 120px; top: 1168px; width: 510px; font-weight: 400; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 3; }
body.p-dizayn .included-list { position: absolute; left: 120px; top: 1541px; width: 510px; font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 3; }
body.p-dizayn .included-list p { margin-bottom: 12px; }
body.p-dizayn .included-list p:last-child { margin-bottom: 0; }
body.p-dizayn .dot { color: #CA4825; }
body.p-dizayn .quote-rule { position: absolute; left: 198px; top: 1928px; width: 1px; height: 96px; background: #000; }
body.p-dizayn .quote { position: absolute; left: 222px; top: 1928px; width: 1098px; font-weight: 400; font-size: 40px; line-height: 48px; color: #000; }
body.p-dizayn .need-photo { position: absolute; top: 2288px; height: 644px; background: url('images/dizayn/why-need.jpg') center/cover no-repeat; z-index: 1; }
body.p-dizayn .need-dark { position: absolute; top: 2288px; height: 644px; background: #161616; z-index: 1; }
body.p-dizayn .need-title { position: absolute; left: 834px; top: 2323px; width: 330px; font-weight: 400; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 3; }
body.p-dizayn .need-text { position: absolute; left: 834px; top: 2716px; width: 510px; font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 3; }
body.p-dizayn .need-text p { margin-bottom: 12px; }
body.p-dizayn .need-text p:last-child { margin-bottom: 0; }
body.p-dizayn .choose { position: absolute; left: 120px; top: 3098px; width: 714px; display: flex; flex-direction: column; gap: 40px; }
body.p-dizayn .choose-title { font-weight: 400; font-size: 65px; line-height: 78px; color: #010101; }
body.p-dizayn .choose-text { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-dizayn .choose-text p { margin-bottom: 22px; }
body.p-dizayn .choose-text p:last-child { margin-bottom: 0; }
body.p-dizayn .choose-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-dizayn .choose-list p { margin-bottom: 12px; }
body.p-dizayn .choose-list p:last-child { margin-bottom: 0; }
body.p-dizayn .choose-rule { position: absolute; left: 912px; top: 3098px; width: 1px; height: 485px; background: #000; }
body.p-dizayn .choose-photo { position: absolute; left: 1014px; top: 3098px; width: 306px; height: 485px; background: url('images/dizayn/why-choose.jpg') center/cover no-repeat; border: 1px solid #000; }
body.p-dizayn .gallery-main { position: absolute; left: 120px; top: 3813px; width: 714px; height: 707px; background: url('images/dizayn/gallery-main.jpg') center/cover no-repeat; }
body.p-dizayn .gallery-more { position: absolute; left: 1038px; top: 4245px; font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-dizayn .arrow { position: absolute; width: 60px; height: 30px; border: 1px solid #000; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: #000; background: transparent; }
body.p-dizayn .arrow svg { display: block; }
body.p-dizayn .arrow.more { left: 1260px; top: 4244px; }
body.p-dizayn .gal-photo { position: absolute; top: 4304px; width: 180px; height: 216px; border: 1px solid #000; background-size: cover; background-position: center; }
body.p-dizayn .gal-photo.g1 { left: 732px; }
body.p-dizayn .gal-photo.g2 { left: 936px; }
body.p-dizayn .gal-photo.g3 { left: 1140px; }
body.p-dizayn .form-section { position: absolute; top: 4751px; height: 994px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/dizayn/hero.jpg') center/cover no-repeat; }
body.p-dizayn .form-lead { position: absolute; top: 4875px; left: calc(50% - 890px/2); width: 890px; font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 5; }
body.p-dizayn .form-card { position: absolute; top: 4973px; left: calc(50% - 890px/2); width: 890px; height: 648px; background: #FFFCF6; border: 1px solid #000; z-index: 5; }
body.p-dizayn .form-card h2 { position: absolute; top: 37px; left: 0; right: 0; text-align: center; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-dizayn .form-fields { position: absolute; top: 122px; left: 253px; width: 385px; display: flex; flex-direction: column; gap: 45px; }
body.p-dizayn .form-field { position: relative; width: 385px; height: 51px; }
body.p-dizayn .form-field label { position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #000; }
body.p-dizayn .form-field input { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #000; padding-bottom: 6px; font-size: 16px; color: #000; }
body.p-dizayn .form-btn { position: absolute; top: 391px; left: 254px; width: 143px; height: 54px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFCF6; }
body.p-dizayn .form-note { position: absolute; top: 475px; left: 253px; width: 385px; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-dizayn .form-phone { position: absolute; top: 564px; left: 144px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-dizayn .form-email { position: absolute; top: 564px; left: 468px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-dizayn .footer { position: absolute; top: 5745px; height: 489px; background: #161616; }
body.p-dizayn .footer-logo { position: absolute; left: 120px; top: 5819px; width: 180px; height: 99px; z-index: 5; }
body.p-dizayn .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-dizayn .footer-tagline { position: absolute; left: 120px; top: 6107px; width: 384px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-dizayn .footer-copy { position: absolute; left: 120px; top: 6165px; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55; z-index: 5; }
body.p-dizayn .footer-phone { position: absolute; right: 120px; top: 6054px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-dizayn .footer-email { position: absolute; right: 120px; top: 6092px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-dizayn .footer-address { position: absolute; right: 120px; top: 6131px; width: 413px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-dizayn .zoomable { cursor: zoom-in; transition: transform .28s ease, box-shadow .28s ease; }
body.p-dizayn .zoomable:hover { transform: scale(1.08); box-shadow: 0 18px 44px rgba(0,0,0,0.45); z-index: 40; }
body.p-dizayn .lightbox { position: fixed; inset: 0; background: rgba(0,0,0,0.9); display: none; align-items: center; justify-content: center; z-index: 2000; cursor: zoom-out; }
body.p-dizayn .lightbox.is-open { display: flex; }
body.p-dizayn .lightbox img { max-width: 90vw; max-height: 90vh; object-fit: contain; box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
body.p-dizayn .lightbox-close { position: absolute; top: 24px; right: 32px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 34px; line-height: 1; color: #FFFCF6; cursor: pointer; }
body.p-dizayn .mob { display: none; }
@media (max-width: 768px) {
body.p-dizayn .page { display: none; }
body.p-dizayn .lightbox { display: none !important; }
body.p-dizayn .mob { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-dizayn .mob .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-dizayn .mob .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-dizayn .mob .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-dizayn .mob .m-logo { width: 72px; }
body.p-dizayn .mob .m-logo img { width: 100%; height: auto; }
body.p-dizayn .mob .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-dizayn .mob .m-call svg { width: 20px; height: 20px; }
body.p-dizayn .mob .m-hero { position: relative; min-height: 174px; display: flex; align-items: center; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/dizayn/hero.jpg') center/cover no-repeat; }
body.p-dizayn .mob .m-hero .t { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; max-width: 300px; }
body.p-dizayn .mob .m-intro { padding: 40px 16px 0; display: flex; flex-direction: column; gap: 30px; }
body.p-dizayn .mob .m-intro .lead { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; color: #0D0D0D; }
body.p-dizayn .mob .m-intro .desc { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #0D0D0D; }
body.p-dizayn .mob .m-img { width: 100%; background-size: cover; background-position: center; margin-top: 40px; }
body.p-dizayn .mob .m-img.img1 { aspect-ratio: 402 / 361; background-image: url('images/dizayn/what-we-do.jpg'); }
body.p-dizayn .mob .m-img.img2 { width: calc(100% - 32px); margin-left: 16px; aspect-ratio: 370 / 330; background-image: url('images/dizayn/why-need.jpg'); }
body.p-dizayn .mob .m-quote { padding: 36px 16px; }
body.p-dizayn .mob .m-quote .inner { border-left: 1px solid #000; padding-left: 19px; }
body.p-dizayn .mob .m-quote p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-dizayn .mob .m-need { padding: 36px 16px 44px; display: flex; flex-direction: column; gap: 30px; }
body.p-dizayn .mob .m-need h2 { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; color: #000; }
body.p-dizayn .mob .m-need .nlist p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 6px; }
body.p-dizayn .mob .m-need .nlist p:last-child { margin-bottom: 0; }
body.p-dizayn .mob .m-need .nlist .dot { color: #CA4825; }
body.p-dizayn .mob .m-gallery { position: relative; min-height: 398px; display: flex; flex-direction: column; justify-content: flex-end; gap: 26px; padding: 30px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/dizayn/gallery-main.jpg') center/cover no-repeat; }
body.p-dizayn .mob .m-gallery .more { display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
body.p-dizayn .mob .m-gallery .more .label { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; }
body.p-dizayn .mob .m-gallery .more .arrow { position: static; width: 60px; height: 30px; border: 1px solid #FFFCF6; border-radius: 20px; display: flex; align-items: center; justify-content: center; flex: none; }
body.p-dizayn .mob .m-gallery .more .arrow svg { width: 18px; height: 12px; }
body.p-dizayn .mob .m-gallery .thumbs { display: flex; gap: 15px; }
body.p-dizayn .mob .m-gallery .thumb { flex: 1; aspect-ratio: 113 / 136; border: 1px solid #000; background-size: cover; background-position: center; }
body.p-dizayn .mob .m-cta { position: relative; min-height: 439px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 40px 24px; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/dizayn/hero.jpg') center/cover no-repeat; }
body.p-dizayn .mob .m-cta .note { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; max-width: 280px; }
body.p-dizayn .mob .m-cta .btn { width: 150px; height: 50px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; }
body.p-dizayn .mob .m-footer { background: #161616; padding: 40px 16px; }
body.p-dizayn .mob .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-dizayn .mob .m-footer .f-logo img { width: 100%; height: auto; }
body.p-dizayn .mob .m-footer .f-c { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-dizayn .mob .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-dizayn .mob .m-footer .f-tagline { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-dizayn .mob .m-footer .f-copy { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== gostinicy.html  (body.p-gostinicy) ===================== */
body.p-gostinicy * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-gostinicy, body.p-gostinicy { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-gostinicy a { color: inherit; text-decoration: none; }
body.p-gostinicy button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-gostinicy img { display: block; max-width: 100%; }
body.p-gostinicy input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-gostinicy .page { position: relative; width: 1440px; min-height: 5474px; margin: 0 auto; background: #FFFCF6; }
body.p-gostinicy .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-gostinicy .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-gostinicy .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-gostinicy .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-gostinicy .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-gostinicy .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-gostinicy .nav-item:hover { color: #CA4825; }
body.p-gostinicy .hero { position: absolute; top: 185px; height: 523px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/gostinicy/hero.jpg') center/cover no-repeat; }
body.p-gostinicy .hero-block { position: absolute; left: 222px; top: 460px; width: 792px; display: flex; flex-direction: column; gap: 35px; z-index: 5; }
body.p-gostinicy .hero-block .lead { font-weight: 500; font-size: 40px; line-height: 48px; color: #FFFCF6; }
body.p-gostinicy .hero-block .sub { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-gostinicy .intro-rule { position: absolute; left: 198px; top: 860px; width: 1px; height: 183px; background: #000; }
body.p-gostinicy .intro { position: absolute; left: 222px; top: 860px; width: 1098px; font-weight: 400; font-size: 30px; line-height: 36px; color: #000; }
body.p-gostinicy .intro p { margin-bottom: 8px; }
body.p-gostinicy .intro p:last-child { margin-bottom: 0; }
body.p-gostinicy .wd { position: absolute; top: 1171px; height: 977px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/gostinicy/whatwedo.jpg') center/cover no-repeat; z-index: 1; }
body.p-gostinicy .wd-block { position: absolute; left: 732px; top: 1500px; width: 588px; display: flex; flex-direction: column; gap: 87px; z-index: 3; }
body.p-gostinicy .wd-title { font-weight: 500; font-size: 65px; line-height: 78px; color: #FFFCF6; }
body.p-gostinicy .wd-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-gostinicy .wd-list p { margin-bottom: 12px; }
body.p-gostinicy .wd-list p:last-child { margin-bottom: 0; }
body.p-gostinicy .dot { color: #CA4825; }
body.p-gostinicy .wd-thumb { position: absolute; top: 1939px; width: 282px; height: 167px; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 3; }
body.p-gostinicy .choose { position: absolute; left: 120px; top: 2364px; width: 714px; display: flex; flex-direction: column; gap: 40px; }
body.p-gostinicy .choose-title { font-weight: 400; font-size: 65px; line-height: 78px; color: #010101; }
body.p-gostinicy .choose-text { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-gostinicy .choose-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-gostinicy .choose-list p { margin-bottom: 12px; }
body.p-gostinicy .choose-list p:last-child { margin-bottom: 0; }
body.p-gostinicy .choose-rule { position: absolute; left: 912px; top: 2364px; width: 1px; height: 485px; background: #000; }
body.p-gostinicy .choose-photo { position: absolute; left: 1014px; top: 2364px; width: 306px; height: 485px; background: url('images/gostinicy/why.jpg') center/cover no-repeat; border: 1px solid #000; }
body.p-gostinicy .card { position: absolute; top: 3126px; width: 384px; height: 573px; background-position: center; background-size: cover; background-repeat: no-repeat; }
body.p-gostinicy .card-arrow { position: absolute; top: 52px; right: 18px; width: 60px; height: 30px; border: 1px solid #FFFCF6; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
body.p-gostinicy .card-arrow svg { display: block; width: 26px; height: 12px; }
body.p-gostinicy .card-title { position: absolute; top: 193px; left: 0; width: 100%; text-align: center; font-weight: 400; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #FFFCF6; }
body.p-gostinicy .formbg { position: absolute; left: 118px; top: 3935px; width: 1200px; height: 875px; overflow: hidden; z-index: 1; }
body.p-gostinicy .formbg::before { content: ''; position: absolute; inset: -14px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/gostinicy/formbg.jpg') center/cover no-repeat; filter: blur(3px); }
body.p-gostinicy .form-card { position: absolute; top: 4049px; left: calc(50% - 890px/2 - 2px); width: 890px; height: 648px; background: #FFFCF6; border: 1px solid #000; z-index: 5; }
body.p-gostinicy .form-card h2 { position: absolute; top: 37px; left: 0; right: 0; text-align: center; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-gostinicy .form-fields { position: absolute; top: 122px; left: 253px; width: 385px; display: flex; flex-direction: column; gap: 45px; }
body.p-gostinicy .form-field { position: relative; width: 385px; height: 51px; }
body.p-gostinicy .form-field label { position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #000; }
body.p-gostinicy .form-field input { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #000; padding-bottom: 6px; font-size: 16px; color: #000; }
body.p-gostinicy .form-btn { position: absolute; top: 391px; left: 254px; width: 143px; height: 54px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFCF6; }
body.p-gostinicy .form-note { position: absolute; top: 475px; left: 253px; width: 385px; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-gostinicy .form-phone { position: absolute; top: 564px; left: 144px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-gostinicy .form-email { position: absolute; top: 564px; left: 468px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-gostinicy .footer { position: absolute; top: 4985px; height: 489px; background: #161616; }
body.p-gostinicy .footer-logo { position: absolute; left: 120px; top: 5059px; width: 180px; height: 99px; z-index: 5; }
body.p-gostinicy .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-gostinicy .footer-tagline { position: absolute; left: 120px; top: 5347px; width: 384px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-gostinicy .footer-copy { position: absolute; left: 120px; top: 5405px; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55; z-index: 5; }
body.p-gostinicy .footer-phone { position: absolute; right: 120px; top: 5294px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-gostinicy .footer-email { position: absolute; right: 120px; top: 5332px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-gostinicy .footer-address { position: absolute; right: 120px; top: 5371px; width: 413px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-gostinicy .page-wrap { position: relative; width: 100%; overflow: hidden; }
body.p-gostinicy .page-wrap > .page { margin: 0; }
@media (min-width: 1440px) {
body.p-gostinicy .page-wrap > .page { margin: 0 auto; }
}
body.p-gostinicy .page-wrap .bleed { width: 1440px; left: calc(50% - 720px); }
@media (min-width: 1440px) {
body.p-gostinicy .page-wrap .bleed { width: 100vw; left: calc(50% - 50vw); }
}
body.p-gostinicy .m { display: none; }
@media (max-width: 768px) {
body.p-gostinicy .page-wrap { display: none; }
body.p-gostinicy .m { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-gostinicy .m .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-gostinicy .m .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-gostinicy .m .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-gostinicy .m .m-logo { width: 72px; }
body.p-gostinicy .m .m-logo img { width: 100%; height: auto; }
body.p-gostinicy .m .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-gostinicy .m .m-call svg { width: 20px; height: 20px; }
body.p-gostinicy .m .m-hero { position: relative; min-height: 200px; display: flex; align-items: center; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/gostinicy/hero.jpg'); background-size: cover; background-position: center; }
body.p-gostinicy .m .m-hero .lead { font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; }
body.p-gostinicy .m .m-hero .sub { margin-top: 10px; font-weight: 400; font-size: 13px; line-height: 16px; color: #FFFCF6; }
body.p-gostinicy .m .m-ruled { display: flex; gap: 14px; padding: 30px 16px 0; }
body.p-gostinicy .m .m-ruled .rule { flex-shrink: 0; width: 1px; align-self: stretch; background: #000; }
body.p-gostinicy .m .m-ruled p { font-weight: 400; font-size: 14px; line-height: 18px; color: #000; margin-bottom: 8px; }
body.p-gostinicy .m .m-ruled p:last-child { margin-bottom: 0; }
body.p-gostinicy .m .m-wd { margin-top: 34px; padding: 40px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/gostinicy/whatwedo.jpg'); background-size: cover; background-position: center; }
body.p-gostinicy .m .m-wd h2 { font-weight: 500; font-size: 22px; line-height: 26px; color: #FFFCF6; margin-bottom: 24px; }
body.p-gostinicy .m .m-wd .m-list { color: #CA4825; }
body.p-gostinicy .m .m-thumbs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 12px 16px 0; }
body.p-gostinicy .m .m-thumbs .ph { aspect-ratio: 282/167; background-size: cover; background-position: center; }
body.p-gostinicy .m .m-block { padding: 34px 16px 0; }
body.p-gostinicy .m .m-block h2 { font-weight: 500; font-size: 22px; line-height: 26px; color: #000; margin-bottom: 18px; }
body.p-gostinicy .m .m-block p { font-weight: 400; font-size: 14px; line-height: 18px; color: #000; margin-bottom: 12px; }
body.p-gostinicy .m .m-block p:last-child { margin-bottom: 0; }
body.p-gostinicy .m .m-list { font-weight: 400; font-size: 14px; line-height: 20px; color: #000; }
body.p-gostinicy .m .m-list p { margin-bottom: 8px; }
body.p-gostinicy .m .m-list p:last-child { margin-bottom: 0; }
body.p-gostinicy .m .m-list.accent { color: #CA4825; }
body.p-gostinicy .m .m-list.spaced { margin-top: 16px; }
body.p-gostinicy .m .m-photo { width: 100%; margin-top: 24px; background-size: cover; background-position: center; }
body.p-gostinicy .m .m-photo.p-why { aspect-ratio: 402/300; background-image: url('images/gostinicy/why.jpg'); }
body.p-gostinicy .m .m-projects { padding: 34px 16px 0; display: flex; flex-direction: column; gap: 26px; }
body.p-gostinicy .m .m-proj .pic { width: 100%; aspect-ratio: 370/167; background-size: cover; background-position: center; }
body.p-gostinicy .m .m-proj .pic.acron { background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/gostinicy/acron.jpg'); }
body.p-gostinicy .m .m-proj .pic.rodina { background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/gostinicy/rodina.jpg'); }
body.p-gostinicy .m .m-proj .pic.grand { background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/gostinicy/grand.jpg'); }
body.p-gostinicy .m .m-proj .row { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.p-gostinicy .m .m-proj .nm { font-weight: 400; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #000; }
body.p-gostinicy .m .m-proj .arr { flex-shrink: 0; width: 60px; height: 30px; border: 1px solid #161616; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
body.p-gostinicy .m .m-proj .arr svg { width: 24px; height: 11px; }
body.p-gostinicy .m .m-form { margin-top: 40px; padding: 40px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/gostinicy/formbg.jpg'); background-size: cover; background-position: center; }
body.p-gostinicy .m .m-form-card { background: #FFFCF6; border: 1px solid #000; padding: 28px 22px; }
body.p-gostinicy .m .m-form-card h2 { text-align: center; font-weight: 500; font-size: 22px; line-height: 26px; color: #000; margin-bottom: 26px; }
body.p-gostinicy .m .m-fields { display: flex; flex-direction: column; gap: 22px; }
body.p-gostinicy .m .m-field { border-bottom: 1px solid #000; padding-bottom: 8px; }
body.p-gostinicy .m .m-field label { display: block; font-weight: 500; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 10px; }
body.p-gostinicy .m .m-field input { width: 100%; font-size: 14px; color: #000; }
body.p-gostinicy .m .m-form-btn { margin-top: 26px; width: 143px; height: 50px; background: #CA4825; border-radius: 20px; color: #FFFCF6; font-weight: 400; font-size: 16px; line-height: 19px; }
body.p-gostinicy .m .m-form-note { margin-top: 22px; font-weight: 400; font-size: 14px; line-height: 18px; color: #000; }
body.p-gostinicy .m .m-form-contact { display: block; margin-top: 14px; font-weight: 500; font-size: 20px; line-height: 24px; color: #000; }
body.p-gostinicy .m .m-form-contact.phone { margin-top: 22px; }
body.p-gostinicy .m .m-footer { background: #161616; padding: 40px 16px; }
body.p-gostinicy .m .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-gostinicy .m .m-footer .f-logo img { width: 100%; height: auto; }
body.p-gostinicy .m .m-footer .f-c { font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-gostinicy .m .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-gostinicy .m .m-footer .f-tagline { font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-gostinicy .m .m-footer .f-copy { font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== komplektaciya.html  (body.p-komplektaciya) ===================== */
body.p-komplektaciya * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-komplektaciya, body.p-komplektaciya { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-komplektaciya a { color: inherit; text-decoration: none; }
body.p-komplektaciya button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-komplektaciya img { display: block; max-width: 100%; }
body.p-komplektaciya input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-komplektaciya .page {
  position: relative;
  width: 1440px;
  min-height: 6234px;
  margin: 0 auto;
  background: #FFFCF6;
}
body.p-komplektaciya .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-komplektaciya .half-left { left: calc(50% - 50vw); right: 50%; }
body.p-komplektaciya .half-right { left: 50%; right: calc(50% - 50vw); }
body.p-komplektaciya .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-komplektaciya .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-komplektaciya .header-contacts {
  position: absolute; right: 120px; top: 74px;
  display: flex; flex-direction: column; align-items: flex-end; gap: 4px;
  font-size: 14px; line-height: 17px; color: #000; z-index: 50;
}
body.p-komplektaciya .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-komplektaciya .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-komplektaciya .nav-item:hover { color: #CA4825; }
body.p-komplektaciya .hero {
  position: absolute; top: 185px; height: 919px;
  background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/komplektaciya/hero.jpg') center/cover no-repeat;
}
body.p-komplektaciya .hero-title {
  position: absolute; left: 120px; top: 272px; width: 909px;
  font-weight: 500; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 5;
}
body.p-komplektaciya .hero-block {
  position: absolute; left: 630px; top: 640px; width: 692px;
  display: flex; flex-direction: column; gap: 35px; z-index: 5;
}
body.p-komplektaciya .hero-block .lead { font-weight: 400; font-size: 35px; line-height: 42px; color: #FFFCF6; }
body.p-komplektaciya .hero-block .desc { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-komplektaciya .included-dark { position: absolute; top: 1102px; height: 646px; background: #161616; z-index: 1; }
body.p-komplektaciya .included-photo { position: absolute; top: 1102px; height: 646px; background: url('images/komplektaciya/what-included.jpg') center/cover no-repeat; z-index: 1; }
body.p-komplektaciya .included-title {
  position: absolute; left: 120px; top: 1148px; width: 510px;
  font-weight: 400; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 3;
}
body.p-komplektaciya .included-list {
  position: absolute; left: 120px; top: 1466px; width: 560px;
  font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 3;
}
body.p-komplektaciya .included-list p { margin-bottom: 12px; }
body.p-komplektaciya .included-list p:last-child { margin-bottom: 0; }
body.p-komplektaciya .included-list .dot, body.p-komplektaciya .choose-list .dot { color: #CA4825; }
body.p-komplektaciya .quote-rule { position: absolute; left: 198px; top: 1928px; width: 1px; height: 144px; background: #000; }
body.p-komplektaciya .quote {
  position: absolute; left: 222px; top: 1928px; width: 1098px;
  font-weight: 400; font-size: 40px; line-height: 48px; color: #000;
}
body.p-komplektaciya .need-photo { position: absolute; top: 2288px; height: 644px; background: url('images/komplektaciya/why-need.jpg') center/cover no-repeat; z-index: 1; }
body.p-komplektaciya .need-dark { position: absolute; top: 2288px; height: 644px; background: #161616; z-index: 1; }
body.p-komplektaciya .need-title {
  position: absolute; left: 834px; top: 2322px; width: 330px;
  font-weight: 400; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 3;
}
body.p-komplektaciya .need-text {
  position: absolute; left: 834px; top: 2659px; width: 486px;
  font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 3;
}
body.p-komplektaciya .choose {
  position: absolute; left: 120px; top: 3098px; width: 714px;
  display: flex; flex-direction: column; gap: 40px;
}
body.p-komplektaciya .choose-title { font-weight: 400; font-size: 65px; line-height: 78px; color: #010101; }
body.p-komplektaciya .choose-text { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-komplektaciya .choose-text p { margin-bottom: 22px; }
body.p-komplektaciya .choose-text p:last-child { margin-bottom: 0; }
body.p-komplektaciya .choose-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-komplektaciya .choose-list p { margin-bottom: 12px; }
body.p-komplektaciya .choose-list p:last-child { margin-bottom: 0; }
body.p-komplektaciya .choose-rule { position: absolute; left: 912px; top: 3098px; width: 1px; height: 485px; background: #000; }
body.p-komplektaciya .choose-photo {
  position: absolute; left: 1014px; top: 3098px; width: 306px; height: 485px;
  background: url('images/komplektaciya/why-choose.jpg') 72% center/cover no-repeat; border: 1px solid #000;
}
body.p-komplektaciya .gallery-main {
  position: absolute; left: 119px; top: 3813px; width: 714px; height: 707px;
  background: url('images/komplektaciya/gallery-main.jpg') center/cover no-repeat;
}
body.p-komplektaciya .gallery-more {
  position: absolute; left: 1038px; top: 4245px;
  font-weight: 400; font-size: 24px; line-height: 29px; color: #000;
}
body.p-komplektaciya .arrow {
  position: absolute; width: 60px; height: 30px; border: 1px solid #000; border-radius: 20px;
  display: flex; align-items: center; justify-content: center; color: #000; background: transparent;
}
body.p-komplektaciya .arrow svg { display: block; }
body.p-komplektaciya .arrow.more { left: 1260px; top: 4244px; }
body.p-komplektaciya .gal-photo { position: absolute; top: 4304px; width: 180px; height: 216px; border: 1px solid #000; background-size: cover; background-position: center; }
body.p-komplektaciya .gal-photo.g1 { left: 731px; }
body.p-komplektaciya .gal-photo.g2 { left: 935px; }
body.p-komplektaciya .gal-photo.g3 { left: 1139px; }
body.p-komplektaciya .form-section {
  position: absolute; top: 4751px; height: 994px;
  background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/komplektaciya/hero.jpg') center/cover no-repeat;
}
body.p-komplektaciya .form-lead {
  position: absolute; top: 4875px; left: calc(50% - 890px/2); width: 890px;
  font-weight: 500; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 5;
}
body.p-komplektaciya .form-card {
  position: absolute; top: 4973px; left: calc(50% - 890px/2); width: 890px; height: 648px;
  background: #FFFCF6; border: 1px solid #000; z-index: 5;
}
body.p-komplektaciya .form-card h2 { position: absolute; top: 37px; left: 0; right: 0; text-align: center; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-komplektaciya .form-fields { position: absolute; top: 122px; left: 253px; width: 385px; display: flex; flex-direction: column; gap: 45px; }
body.p-komplektaciya .form-field { position: relative; width: 385px; height: 51px; }
body.p-komplektaciya .form-field label { position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #000; }
body.p-komplektaciya .form-field input { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #000; padding-bottom: 6px; font-size: 16px; color: #000; }
body.p-komplektaciya .form-btn {
  position: absolute; top: 391px; left: 254px; width: 143px; height: 54px;
  background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center;
  font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFCF6;
}
body.p-komplektaciya .form-note { position: absolute; top: 475px; left: 253px; width: 385px; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-komplektaciya .form-phone { position: absolute; top: 564px; left: 144px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-komplektaciya .form-email { position: absolute; top: 564px; left: 468px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-komplektaciya .footer { position: absolute; top: 5745px; height: 489px; background: #161616; }
body.p-komplektaciya .footer-logo { position: absolute; left: 120px; top: 5819px; width: 180px; height: 99px; z-index: 5; }
body.p-komplektaciya .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-komplektaciya .footer-tagline { position: absolute; left: 120px; top: 6107px; width: 384px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-komplektaciya .footer-copy { position: absolute; left: 120px; top: 6165px; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55; z-index: 5; }
body.p-komplektaciya .footer-phone { position: absolute; right: 120px; top: 6054px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-komplektaciya .footer-email { position: absolute; right: 120px; top: 6092px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-komplektaciya .footer-address { position: absolute; right: 120px; top: 6131px; width: 413px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-komplektaciya .zoomable { cursor: zoom-in; transition: transform .28s ease, box-shadow .28s ease; }
body.p-komplektaciya .zoomable:hover { transform: scale(1.08); box-shadow: 0 18px 44px rgba(0,0,0,0.45); z-index: 40; }
body.p-komplektaciya .lightbox { position: fixed; inset: 0; background: rgba(0,0,0,0.9); display: none; align-items: center; justify-content: center; z-index: 2000; cursor: zoom-out; }
body.p-komplektaciya .lightbox.is-open { display: flex; }
body.p-komplektaciya .lightbox img { max-width: 90vw; max-height: 90vh; object-fit: contain; box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
body.p-komplektaciya .lightbox-close { position: absolute; top: 24px; right: 32px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 34px; line-height: 1; color: #FFFCF6; cursor: pointer; }
body.p-komplektaciya .mob { display: none; }
@media (max-width: 768px) {
body.p-komplektaciya .page { display: none; }
body.p-komplektaciya .lightbox { display: none !important; }
body.p-komplektaciya .mob { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-komplektaciya .mob .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-komplektaciya .mob .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-komplektaciya .mob .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-komplektaciya .mob .m-logo { width: 72px; }
body.p-komplektaciya .mob .m-logo img { width: 100%; height: auto; }
body.p-komplektaciya .mob .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-komplektaciya .mob .m-call svg { width: 20px; height: 20px; }
body.p-komplektaciya .mob .m-hero { position: relative; min-height: 174px; display: flex; align-items: center; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/komplektaciya/hero.jpg') center/cover no-repeat; }
body.p-komplektaciya .mob .m-hero .t { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; max-width: 300px; }
body.p-komplektaciya .mob .m-intro { padding: 40px 16px 0; display: flex; flex-direction: column; gap: 30px; }
body.p-komplektaciya .mob .m-intro .lead { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; color: #0F0F0F; }
body.p-komplektaciya .mob .m-intro .desc { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #0F0F0F; }
body.p-komplektaciya .mob .m-img { width: 100%; background-size: cover; background-position: center; margin-top: 40px; }
body.p-komplektaciya .mob .m-img.img1 { aspect-ratio: 402 / 360; background-image: url('images/komplektaciya/what-included.jpg'); }
body.p-komplektaciya .mob .m-img.img2 { width: calc(100% - 32px); margin-left: 16px; aspect-ratio: 370 / 330; background-image: url('images/komplektaciya/why-need.jpg'); }
body.p-komplektaciya .mob .m-quote { padding: 36px 16px; }
body.p-komplektaciya .mob .m-quote .inner { border-left: 1px solid #000; padding-left: 19px; }
body.p-komplektaciya .mob .m-quote p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-komplektaciya .mob .m-need { padding: 36px 16px 44px; display: flex; flex-direction: column; gap: 30px; }
body.p-komplektaciya .mob .m-need h2 { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; color: #000; }
body.p-komplektaciya .mob .m-need p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-komplektaciya .mob .m-gallery { position: relative; min-height: 398px; display: flex; flex-direction: column; justify-content: flex-end; gap: 26px; padding: 30px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/komplektaciya/gallery-main.jpg') center/cover no-repeat; }
body.p-komplektaciya .mob .m-gallery .more { display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
body.p-komplektaciya .mob .m-gallery .more .label { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; }
body.p-komplektaciya .mob .m-gallery .more .arrow { position: static; width: 60px; height: 30px; border: 1px solid #FFFCF6; border-radius: 20px; display: flex; align-items: center; justify-content: center; flex: none; }
body.p-komplektaciya .mob .m-gallery .more .arrow svg { width: 18px; height: 12px; }
body.p-komplektaciya .mob .m-gallery .thumbs { display: flex; gap: 15px; }
body.p-komplektaciya .mob .m-gallery .thumb { flex: 1; aspect-ratio: 113 / 136; border: 1px solid #000; background-size: cover; background-position: center; }
body.p-komplektaciya .mob .m-cta { position: relative; min-height: 439px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 40px 24px; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/komplektaciya/hero.jpg') center/cover no-repeat; }
body.p-komplektaciya .mob .m-cta .note { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; max-width: 280px; }
body.p-komplektaciya .mob .m-cta .btn { width: 150px; height: 50px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; }
body.p-komplektaciya .mob .m-footer { background: #161616; padding: 40px 16px; }
body.p-komplektaciya .mob .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-komplektaciya .mob .m-footer .f-logo img { width: 100%; height: auto; }
body.p-komplektaciya .mob .m-footer .f-c { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-komplektaciya .mob .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-komplektaciya .mob .m-footer .f-tagline { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-komplektaciya .mob .m-footer .f-copy { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== kontraktnye-tkani.html  (body.p-kontraktnye-tkani) ===================== */
body.p-kontraktnye-tkani * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-kontraktnye-tkani, body.p-kontraktnye-tkani { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-kontraktnye-tkani a { color: inherit; text-decoration: none; }
body.p-kontraktnye-tkani button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-kontraktnye-tkani img { display: block; max-width: 100%; }
body.p-kontraktnye-tkani input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-kontraktnye-tkani .page { position: relative; width: 1440px; min-height: 8095px; margin: 0 auto; background: #FFFCF6; }
body.p-kontraktnye-tkani .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-kontraktnye-tkani .half-left { left: calc(50% - 50vw); right: 50%; }
body.p-kontraktnye-tkani .half-right { left: 50%; right: calc(50% - 50vw); }
body.p-kontraktnye-tkani .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-kontraktnye-tkani .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-kontraktnye-tkani .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-kontraktnye-tkani .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-kontraktnye-tkani .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-kontraktnye-tkani .nav-item:hover { color: #CA4825; }
body.p-kontraktnye-tkani .hero { position: absolute; top: 185px; height: 919px; background: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('images/kontraktnye-tkani/hero-loom.jpg') center/cover no-repeat; }
body.p-kontraktnye-tkani .hero-title { position: absolute; left: 120px; top: 272px; width: 921px; font-weight: 500; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 5; }
body.p-kontraktnye-tkani .hero-block { position: absolute; left: 630px; top: 559px; width: 690px; display: flex; flex-direction: column; gap: 35px; z-index: 5; }
body.p-kontraktnye-tkani .hero-block .lead { font-weight: 400; font-size: 35px; line-height: 42px; color: #FFFCF6; }
body.p-kontraktnye-tkani .hero-block .desc { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-kontraktnye-tkani .hero-block .desc p { margin-bottom: 14px; }
body.p-kontraktnye-tkani .hero-block .desc p:last-child { margin-bottom: 0; }
body.p-kontraktnye-tkani .wd-dark { position: absolute; top: 1104px; height: 644px; background: #161616; z-index: 1; }
body.p-kontraktnye-tkani .wd-photo { position: absolute; top: 1103px; height: 645px; background: url('images/kontraktnye-tkani/spools.jpg') center/cover no-repeat; z-index: 1; }
body.p-kontraktnye-tkani .wd-title { position: absolute; left: 120px; top: 1168px; width: 510px; font-weight: 400; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 3; }
body.p-kontraktnye-tkani .wd-list { position: absolute; left: 120px; top: 1479px; width: 510px; font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 3; }
body.p-kontraktnye-tkani .wd-list p { margin-bottom: 12px; }
body.p-kontraktnye-tkani .wd-list p:last-child { margin-bottom: 0; }
body.p-kontraktnye-tkani .dot { color: #CA4825; }
body.p-kontraktnye-tkani .quote1-rule { position: absolute; left: 198px; top: 1928px; width: 1px; height: 144px; background: #000; }
body.p-kontraktnye-tkani .quote1 { position: absolute; left: 222px; top: 1928px; width: 1100px; font-weight: 400; font-size: 40px; line-height: 48px; color: #000; }
body.p-kontraktnye-tkani .tm-photo { position: absolute; top: 2288px; height: 644px; background: url('images/kontraktnye-tkani/striped.jpg') center/cover no-repeat; z-index: 1; }
body.p-kontraktnye-tkani .tm-dark { position: absolute; top: 2288px; height: 644px; background: #161616; z-index: 1; }
body.p-kontraktnye-tkani .tm-title { position: absolute; left: 834px; top: 2322px; width: 436px; font-weight: 400; font-size: 65px; line-height: 78px; color: #FFFCF6; z-index: 3; }
body.p-kontraktnye-tkani .tm-list { position: absolute; left: 834px; top: 2706px; width: 486px; font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; z-index: 3; }
body.p-kontraktnye-tkani .tm-list p { margin-bottom: 12px; }
body.p-kontraktnye-tkani .tm-list p:last-child { margin-bottom: 0; }
body.p-kontraktnye-tkani .quote2-rule { position: absolute; left: 170px; top: 3054px; width: 1px; height: 144px; background: #000; }
body.p-kontraktnye-tkani .quote2 { position: absolute; left: 194px; top: 3054px; width: 1122px; font-weight: 400; font-size: 40px; line-height: 48px; color: #000; }
body.p-kontraktnye-tkani .samples { position: absolute; top: 3380px; height: 1022px; background: url('images/kontraktnye-tkani/samples-wall.jpg') center/cover no-repeat; z-index: 1; }
body.p-kontraktnye-tkani .compliance { position: absolute; left: 120px; top: 4508px; width: 792px; display: flex; flex-direction: column; gap: 40px; }
body.p-kontraktnye-tkani .compliance-title { font-weight: 400; font-size: 65px; line-height: 78px; color: #000; }
body.p-kontraktnye-tkani .compliance-text { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-kontraktnye-tkani .compliance-text p { margin-bottom: 12px; }
body.p-kontraktnye-tkani .compliance-text p:last-child { margin-bottom: 0; }
body.p-kontraktnye-tkani .allow-small { position: absolute; left: 221px; top: 5062px; width: 385px; height: 297px; background: url('images/kontraktnye-tkani/loom-17.jpg') center/cover no-repeat; z-index: 1; }
body.p-kontraktnye-tkani .allow-big { position: absolute; left: 630px; top: 5062px; width: 810px; height: 669px; background: url('images/kontraktnye-tkani/fabrics-table.jpg') center/cover no-repeat; z-index: 1; }
body.p-kontraktnye-tkani .allow-card { position: absolute; left: 763px; top: 5228px; width: 542px; height: 338px; background: #FFFCF6; border: 1px solid #000; z-index: 3; }
body.p-kontraktnye-tkani .allow-text { position: absolute; left: 821px; top: 5305px; width: 427px; font-weight: 400; font-size: 20px; line-height: 24px; color: #452F2F; z-index: 4; }
body.p-kontraktnye-tkani .allow-text p { margin-bottom: 12px; }
body.p-kontraktnye-tkani .allow-text p:last-child { margin-bottom: 0; }
body.p-kontraktnye-tkani .choose { position: absolute; left: 124px; top: 5948px; width: 714px; display: flex; flex-direction: column; gap: 40px; }
body.p-kontraktnye-tkani .choose-title { font-weight: 400; font-size: 65px; line-height: 78px; color: #010101; }
body.p-kontraktnye-tkani .choose-text { font-weight: 400; font-size: 24px; line-height: 29px; color: #010101; }
body.p-kontraktnye-tkani .choose-text p { margin-bottom: 8px; }
body.p-kontraktnye-tkani .choose-text p:last-child { margin-bottom: 0; }
body.p-kontraktnye-tkani .choose-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #010101; }
body.p-kontraktnye-tkani .choose-list p { margin-bottom: 12px; }
body.p-kontraktnye-tkani .choose-list p:last-child { margin-bottom: 0; }
body.p-kontraktnye-tkani .choose-rule { position: absolute; left: 912px; top: 5948px; width: 1px; height: 485px; background: #000; }
body.p-kontraktnye-tkani .choose-photo { position: absolute; left: 1014px; top: 5948px; width: 306px; height: 485px; background: url('images/kontraktnye-tkani/velvet.jpg') center/cover no-repeat; border: 1px solid #000; }
body.p-kontraktnye-tkani .form-section { position: absolute; top: 6612px; height: 994px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/kontraktnye-tkani/hero-loom.jpg') center/cover no-repeat; }
body.p-kontraktnye-tkani .form-lead { position: absolute; top: 6730px; left: calc(50% - 708px/2 - 91px); width: 708px; z-index: 5; }
body.p-kontraktnye-tkani .form-lead .h { font-weight: 500; font-size: 32px; line-height: 38px; color: #FFFCF6; }
body.p-kontraktnye-tkani .form-lead .sub { margin-top: 5px; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFCF6; }
body.p-kontraktnye-tkani .form-card { position: absolute; top: 6840px; left: calc(50% - 890px/2); width: 890px; height: 648px; background: #FFFCF6; border: 1px solid #000; z-index: 5; }
body.p-kontraktnye-tkani .form-card h2 { position: absolute; top: 37px; left: 0; right: 0; text-align: center; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-kontraktnye-tkani .form-fields { position: absolute; top: 122px; left: 253px; width: 385px; display: flex; flex-direction: column; gap: 45px; }
body.p-kontraktnye-tkani .form-field { position: relative; width: 385px; height: 51px; }
body.p-kontraktnye-tkani .form-field label { position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #000; }
body.p-kontraktnye-tkani .form-field input { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #000; padding-bottom: 6px; font-size: 16px; color: #000; }
body.p-kontraktnye-tkani .form-btn { position: absolute; top: 391px; left: 254px; width: 143px; height: 54px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFCF6; }
body.p-kontraktnye-tkani .form-note { position: absolute; top: 475px; left: 253px; width: 385px; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-kontraktnye-tkani .form-phone { position: absolute; top: 564px; left: 144px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-kontraktnye-tkani .form-email { position: absolute; top: 564px; left: 468px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-kontraktnye-tkani .footer { position: absolute; top: 7606px; height: 489px; background: #161616; }
body.p-kontraktnye-tkani .footer-logo { position: absolute; left: 120px; top: 7680px; width: 180px; height: 99px; z-index: 5; }
body.p-kontraktnye-tkani .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-kontraktnye-tkani .footer-tagline { position: absolute; left: 120px; top: 7968px; width: 384px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-kontraktnye-tkani .footer-copy { position: absolute; left: 120px; top: 8026px; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55; z-index: 5; }
body.p-kontraktnye-tkani .footer-phone { position: absolute; right: 120px; top: 7915px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-kontraktnye-tkani .footer-email { position: absolute; right: 120px; top: 7953px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-kontraktnye-tkani .footer-address { position: absolute; right: 120px; top: 7992px; width: 413px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-kontraktnye-tkani .page-wrap { position: relative; width: 100%; overflow: hidden; }
body.p-kontraktnye-tkani .page-wrap > .page { margin: 0; }
@media (min-width: 1440px) {
body.p-kontraktnye-tkani .page-wrap > .page { margin: 0 auto; }
}
body.p-kontraktnye-tkani .page-wrap .bleed { width: 1440px; left: calc(50% - 720px); }
body.p-kontraktnye-tkani .page-wrap .half-left { left: 0; right: 720px; }
body.p-kontraktnye-tkani .page-wrap .half-right { left: 720px; right: 0; }
@media (min-width: 1440px) {
body.p-kontraktnye-tkani .page-wrap .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-kontraktnye-tkani .page-wrap .half-left { left: calc(50% - 50vw); right: 50%; }
body.p-kontraktnye-tkani .page-wrap .half-right { left: 50%; right: calc(50% - 50vw); }
}
body.p-kontraktnye-tkani .m { display: none; }
@media (max-width: 768px) {
body.p-kontraktnye-tkani .page-wrap { display: none; }
body.p-kontraktnye-tkani .m { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-kontraktnye-tkani .m .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-kontraktnye-tkani .m .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-kontraktnye-tkani .m .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-kontraktnye-tkani .m .m-logo { width: 72px; }
body.p-kontraktnye-tkani .m .m-logo img { width: 100%; height: auto; }
body.p-kontraktnye-tkani .m .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-kontraktnye-tkani .m .m-call svg { width: 20px; height: 20px; }
body.p-kontraktnye-tkani .m .m-hero { position: relative; min-height: 210px; display: flex; align-items: center; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url('images/kontraktnye-tkani/hero-loom.jpg'); background-size: cover; background-position: center; }
body.p-kontraktnye-tkani .m .m-hero .t { font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; max-width: 300px; }
body.p-kontraktnye-tkani .m .m-intro { padding: 32px 16px 0; }
body.p-kontraktnye-tkani .m .m-intro .lead { font-weight: 400; font-size: 22px; line-height: 26px; color: #0C0C0C; margin-bottom: 28px; }
body.p-kontraktnye-tkani .m .m-intro .desc p { font-weight: 400; font-size: 14px; line-height: 18px; color: #0C0C0C; margin-bottom: 14px; }
body.p-kontraktnye-tkani .m .m-intro .desc p:last-child { margin-bottom: 0; }
body.p-kontraktnye-tkani .m .m-photo { width: 100%; margin-top: 30px; background-size: cover; background-position: center; }
body.p-kontraktnye-tkani .m .m-photo.p-spools { aspect-ratio: 402/346; background-image: url('images/kontraktnye-tkani/spools.jpg'); }
body.p-kontraktnye-tkani .m .m-photo.p-striped { aspect-ratio: 402/330; background-image: url('images/kontraktnye-tkani/striped.jpg'); }
body.p-kontraktnye-tkani .m .m-photo.p-samples { aspect-ratio: 402/286; background-image: url('images/kontraktnye-tkani/samples-wall.jpg'); }
body.p-kontraktnye-tkani .m .m-photo.p-velvet { aspect-ratio: 402/474; background-image: url('images/kontraktnye-tkani/velvet.jpg'); }
body.p-kontraktnye-tkani .m .m-photo.p-fabrics { aspect-ratio: 402/360; background-image: url('images/kontraktnye-tkani/fabrics-table.jpg'); }
body.p-kontraktnye-tkani .m .m-quote { display: flex; gap: 16px; padding: 32px 16px 0; }
body.p-kontraktnye-tkani .m .m-quote .rule { flex-shrink: 0; width: 1px; align-self: stretch; background: #000; }
body.p-kontraktnye-tkani .m .m-quote p { font-weight: 400; font-size: 18px; line-height: 22px; color: #000; }
body.p-kontraktnye-tkani .m .m-block { padding: 34px 16px 0; }
body.p-kontraktnye-tkani .m .m-block h2 { font-weight: 500; font-size: 22px; line-height: 26px; color: #000; margin-bottom: 18px; }
body.p-kontraktnye-tkani .m .m-block p { font-weight: 400; font-size: 14px; line-height: 18px; color: #000; margin-bottom: 12px; }
body.p-kontraktnye-tkani .m .m-block p:last-child { margin-bottom: 0; }
body.p-kontraktnye-tkani .m .m-list { font-weight: 400; font-size: 14px; line-height: 20px; color: #000; }
body.p-kontraktnye-tkani .m .m-list p { margin-bottom: 8px; }
body.p-kontraktnye-tkani .m .m-list p:last-child { margin-bottom: 0; }
body.p-kontraktnye-tkani .m .m-list.accent { color: #CA4825; }
body.p-kontraktnye-tkani .m .m-list.allow { color: #452F2F; }
body.p-kontraktnye-tkani .m .m-list.spaced { margin-top: 16px; }
body.p-kontraktnye-tkani .m .m-allow-card { margin: 18px 16px 0; padding: 24px; background: #FFFCF6; border: 1px solid #000; }
body.p-kontraktnye-tkani .m .m-form { margin-top: 40px; padding: 40px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/kontraktnye-tkani/hero-loom.jpg'); background-size: cover; background-position: center; }
body.p-kontraktnye-tkani .m .m-form-lead .h { font-weight: 500; font-size: 22px; line-height: 26px; color: #FFFCF6; }
body.p-kontraktnye-tkani .m .m-form-lead .sub { margin-top: 8px; font-weight: 400; font-size: 14px; line-height: 18px; color: #FFFCF6; }
body.p-kontraktnye-tkani .m .m-form-card { margin-top: 24px; background: #FFFCF6; border: 1px solid #000; padding: 28px 22px; }
body.p-kontraktnye-tkani .m .m-form-card h2 { text-align: center; font-weight: 500; font-size: 22px; line-height: 26px; color: #000; margin-bottom: 26px; }
body.p-kontraktnye-tkani .m .m-fields { display: flex; flex-direction: column; gap: 22px; }
body.p-kontraktnye-tkani .m .m-field { border-bottom: 1px solid #000; padding-bottom: 8px; }
body.p-kontraktnye-tkani .m .m-field label { display: block; font-weight: 500; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 10px; }
body.p-kontraktnye-tkani .m .m-field input { width: 100%; font-size: 14px; color: #000; }
body.p-kontraktnye-tkani .m .m-form-btn { margin-top: 26px; width: 143px; height: 50px; background: #CA4825; border-radius: 20px; color: #FFFCF6; font-weight: 400; font-size: 16px; line-height: 19px; }
body.p-kontraktnye-tkani .m .m-form-note { margin-top: 22px; font-weight: 400; font-size: 14px; line-height: 18px; color: #000; }
body.p-kontraktnye-tkani .m .m-form-contact { display: block; margin-top: 14px; font-weight: 500; font-size: 20px; line-height: 24px; color: #000; }
body.p-kontraktnye-tkani .m .m-form-contact.phone { margin-top: 22px; }
body.p-kontraktnye-tkani .m .m-footer { background: #161616; padding: 40px 16px; }
body.p-kontraktnye-tkani .m .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-kontraktnye-tkani .m .m-footer .f-logo img { width: 100%; height: auto; }
body.p-kontraktnye-tkani .m .m-footer .f-c { font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-kontraktnye-tkani .m .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-kontraktnye-tkani .m .m-footer .f-tagline { font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-kontraktnye-tkani .m .m-footer .f-copy { font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== novosti.html  (body.p-novosti) ===================== */
body.p-novosti * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-novosti, body.p-novosti { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-novosti a { color: inherit; text-decoration: none; }
body.p-novosti img { display: block; max-width: 100%; }
body.p-novosti .d-wrap { position: relative; width: 100%; overflow: hidden; }
body.p-novosti .d { position: relative; width: 1440px; height: 3018px; margin: 0; background: #FFFCF6; }
@media (min-width: 1440px) {
body.p-novosti .d { margin: 0 auto; }
}
body.p-novosti .bleed { left: calc(50% - 720px); width: 1440px; }
@media (min-width: 1440px) {
body.p-novosti .bleed { left: calc(50% - 50vw); width: 100vw; }
}
body.p-novosti .d .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-novosti .d .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-novosti .d .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-novosti .d .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-novosti .d .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-novosti .d .nav-item:hover { color: #CA4825; }
body.p-novosti .d .hero { position: absolute; top: 185px; height: 465px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/novosti/hero.jpg'); background-size: cover; background-position: center 90%; z-index: 1; }
body.p-novosti .d .hero-title { position: absolute; left: 120px; top: 356px; width: 894px; font-weight: 500; font-size: 65px; line-height: 75px; color: #FFFCF6; z-index: 5; }
body.p-novosti .d .ncard { position: absolute; width: 588px; height: 575px; border: 1px solid #000; z-index: 3; }
body.p-novosti .d .ncard.n1 { left: 120px; top: 852px; }
body.p-novosti .d .ncard.n2 { left: 732px; top: 852px; }
body.p-novosti .d .ncard.n3 { left: 120px; top: 1451px; }
body.p-novosti .d .ncard.n4 { left: 732px; top: 1451px; }
body.p-novosti .d .ncard-img { position: absolute; left: 102px; top: 50px; width: 384px; height: 228px; border: 1px solid #000; background-size: cover; background-position: center; }
body.p-novosti .d .ncard-text { position: absolute; left: 102px; top: 348px; width: 384px; text-align: left; }
body.p-novosti .d .ncard-text h3 { font-weight: 500; font-size: 24px; line-height: 29px; color: #000; margin-bottom: 16px; }
body.p-novosti .d .ncard-text p { font-weight: 400; font-size: 15px; line-height: 18px; color: #000; }
body.p-novosti .d .footer { position: absolute; top: 2529px; height: 489px; background: #161616; z-index: 1; }
body.p-novosti .d .footer-logo { position: absolute; left: 120px; top: 2603px; width: 180px; height: 99px; z-index: 5; }
body.p-novosti .d .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-novosti .d .footer-tagline { position: absolute; left: 120px; top: 2887px; width: 384px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-novosti .d .footer-copy { position: absolute; left: 120px; top: 2949px; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55; z-index: 5; }
body.p-novosti .d .footer-phone { position: absolute; right: 120px; top: 2838px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-novosti .d .footer-email { position: absolute; right: 120px; top: 2876px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-novosti .d .footer-address { position: absolute; right: 120px; top: 2914px; width: 413px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-novosti .m { display: none; }
@media (max-width: 768px) {
body.p-novosti .d-wrap { display: none; }
body.p-novosti .m { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-novosti .m .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-novosti .m .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-novosti .m .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-novosti .m .m-logo { width: 72px; }
body.p-novosti .m .m-logo img { width: 100%; height: auto; }
body.p-novosti .m .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-novosti .m .m-call svg { width: 20px; height: 20px; }
body.p-novosti .m .m-hero { position: relative; min-height: 174px; display: flex; align-items: center; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/novosti/hero.jpg'); background-size: cover; background-position: center 90%; }
body.p-novosti .m .m-hero .t { font-weight: 400; font-size: 20px; line-height: 23px; color: #FFFCF6; max-width: 320px; }
body.p-novosti .m .m-news { padding: 30px 0 10px; }
body.p-novosti .m .m-card { margin-bottom: 44px; }
body.p-novosti .m .m-card .pic { width: 100%; aspect-ratio: 402 / 218; background-size: cover; background-position: center; }
body.p-novosti .m .m-card.c1 .pic { background-image: url('images/novosti/card-hotel.jpg'); }
body.p-novosti .m .m-card.c2 .pic { background-image: url('images/novosti/card-production.jpg'); }
body.p-novosti .m .m-card.c3 .pic { background-image: url('images/novosti/card-residential.jpg'); }
body.p-novosti .m .m-card .tx { padding: 10px 20px; }
body.p-novosti .m .m-card .tx h3 { font-weight: 500; font-size: 16px; line-height: 19px; color: #000; margin-bottom: 10px; }
body.p-novosti .m .m-card .tx p { font-weight: 400; font-size: 12px; line-height: 14px; color: #000; }
body.p-novosti .m .m-footer { background: #161616; padding: 40px 16px; }
body.p-novosti .m .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-novosti .m .m-footer .f-logo img { width: 100%; height: auto; }
body.p-novosti .m .m-footer .f-c { font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-novosti .m .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-novosti .m .m-footer .f-tagline { font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-novosti .m .m-footer .f-copy { font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== obshchestvennye-prostranstva.html  (body.p-obshchestvennye-prostranstva) ===================== */
body.p-obshchestvennye-prostranstva * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-obshchestvennye-prostranstva, body.p-obshchestvennye-prostranstva { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-obshchestvennye-prostranstva a { color: inherit; text-decoration: none; }
body.p-obshchestvennye-prostranstva button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-obshchestvennye-prostranstva img { display: block; max-width: 100%; }
body.p-obshchestvennye-prostranstva input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-obshchestvennye-prostranstva .d-wrap { position: relative; width: 100%; overflow: hidden; }
body.p-obshchestvennye-prostranstva .d { position: relative; width: 1440px; height: 5474px; margin: 0; background: #FFFCF6; }
@media (min-width: 1440px) {
body.p-obshchestvennye-prostranstva .d { margin: 0 auto; }
}
body.p-obshchestvennye-prostranstva .bleed { left: calc(50% - 720px); width: 1440px; }
@media (min-width: 1440px) {
body.p-obshchestvennye-prostranstva .bleed { left: calc(50% - 50vw); width: 100vw; }
}
body.p-obshchestvennye-prostranstva .d .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-obshchestvennye-prostranstva .d .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-obshchestvennye-prostranstva .d .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-obshchestvennye-prostranstva .d .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-obshchestvennye-prostranstva .d .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-obshchestvennye-prostranstva .d .nav-item:hover { color: #CA4825; }
body.p-obshchestvennye-prostranstva .d .hero { position: absolute; top: 185px; height: 523px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/obshchestvennye-prostranstva/hero.jpg') center/cover no-repeat; z-index: 1; }
body.p-obshchestvennye-prostranstva .d .hero-block { position: absolute; left: 222px; top: 418px; width: 792px; display: flex; flex-direction: column; gap: 35px; z-index: 5; }
body.p-obshchestvennye-prostranstva .d .hero-block .h-title { font-weight: 500; font-size: 40px; line-height: 48px; color: #FFFCF6; }
body.p-obshchestvennye-prostranstva .d .hero-block .h-sub { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-obshchestvennye-prostranstva .d .lead-rule { position: absolute; left: 198px; top: 819px; width: 1px; height: 147px; background: #000; z-index: 3; }
body.p-obshchestvennye-prostranstva .d .lead { position: absolute; left: 222px; top: 819px; width: 1098px; font-weight: 400; font-size: 30px; line-height: 36px; color: #000; z-index: 3; }
body.p-obshchestvennye-prostranstva .d .lead p { margin-bottom: 12px; }
body.p-obshchestvennye-prostranstva .d .lead p:last-child { margin-bottom: 0; }
body.p-obshchestvennye-prostranstva .d .wwd { position: absolute; top: 1130px; height: 977px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/obshchestvennye-prostranstva/what-we-do.jpg') center/cover no-repeat; z-index: 1; }
body.p-obshchestvennye-prostranstva .d .wwd-block { position: absolute; left: 732px; top: 1498px; width: 588px; display: flex; flex-direction: column; gap: 87px; z-index: 3; }
body.p-obshchestvennye-prostranstva .d .wwd-title { font-weight: 500; font-size: 65px; line-height: 78px; color: #FFFCF6; }
body.p-obshchestvennye-prostranstva .d .wwd-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-obshchestvennye-prostranstva .d .wwd-list p { margin-bottom: 10px; }
body.p-obshchestvennye-prostranstva .d .wwd-list p:last-child { margin-bottom: 0; }
body.p-obshchestvennye-prostranstva .dot { color: #CA4825; }
body.p-obshchestvennye-prostranstva .d .wwd-photos { position: absolute; left: 120px; top: 1898px; width: 1200px; display: flex; gap: 24px; z-index: 3; }
body.p-obshchestvennye-prostranstva .d .wwd-photos .ph { width: 282px; height: 167px; background-size: cover; background-position: center; }
body.p-obshchestvennye-prostranstva .d .ph.p1 { background-image: url('images/obshchestvennye-prostranstva/s-reception.jpg'); }
body.p-obshchestvennye-prostranstva .d .ph.p2 { background-image: url('images/obshchestvennye-prostranstva/s-dome.jpg'); }
body.p-obshchestvennye-prostranstva .d .ph.p3 { background-image: url('images/obshchestvennye-prostranstva/s-columns.jpg'); }
body.p-obshchestvennye-prostranstva .d .ph.p4 { background-image: url('images/obshchestvennye-prostranstva/s-atrium.jpg'); }
body.p-obshchestvennye-prostranstva .d .choose { position: absolute; left: 120px; top: 2324px; width: 714px; display: flex; flex-direction: column; gap: 40px; z-index: 3; }
body.p-obshchestvennye-prostranstva .d .choose-title { font-weight: 400; font-size: 65px; line-height: 78px; color: #010101; }
body.p-obshchestvennye-prostranstva .d .choose-text { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-obshchestvennye-prostranstva .d .choose-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-obshchestvennye-prostranstva .d .choose-list p { margin-bottom: 10px; }
body.p-obshchestvennye-prostranstva .d .choose-list p:last-child { margin-bottom: 0; }
body.p-obshchestvennye-prostranstva .d .choose-rule { position: absolute; left: 912px; top: 2324px; width: 1px; height: 485px; background: #000; z-index: 3; }
body.p-obshchestvennye-prostranstva .d .choose-photo { position: absolute; left: 1014px; top: 2324px; width: 306px; height: 485px; background: url('images/obshchestvennye-prostranstva/choose.jpg') center/cover no-repeat; border: 1px solid #000; z-index: 3; }
body.p-obshchestvennye-prostranstva .d .card { position: absolute; top: 3126px; width: 384px; height: 573px; background-size: cover; background-position: center; z-index: 3; }
body.p-obshchestvennye-prostranstva .d .card::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.5); }
body.p-obshchestvennye-prostranstva .d .card.c1 { left: 120px; background-image: url('images/obshchestvennye-prostranstva/penaty.jpg'); }
body.p-obshchestvennye-prostranstva .d .card.c2 { left: 528px; background-image: url('images/obshchestvennye-prostranstva/uliss.jpg'); }
body.p-obshchestvennye-prostranstva .d .card.c3 { left: 936px; background-image: url('images/obshchestvennye-prostranstva/teppanyaki.jpg'); }
body.p-obshchestvennye-prostranstva .d .card-name { position: absolute; left: 0; right: 0; top: 193px; text-align: center; font-weight: 400; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #FFFCF6; z-index: 2; }
body.p-obshchestvennye-prostranstva .card-arrow { position: absolute; top: 52px; right: 18px; width: 60px; height: 30px; border: 1px solid #FFFCF6; border-radius: 20px; display: flex; align-items: center; justify-content: center; z-index: 2; }
body.p-obshchestvennye-prostranstva .card-arrow svg { width: 18px; height: 12px; }
body.p-obshchestvennye-prostranstva .d .form-bg { position: absolute; left: 120px; top: 3935px; width: 1200px; height: 875px; overflow: hidden; z-index: 1; }
body.p-obshchestvennye-prostranstva .d .form-bg::before { content: ""; position: absolute; inset: -10px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/obshchestvennye-prostranstva/what-we-do.jpg') center/cover no-repeat; filter: blur(3px); }
body.p-obshchestvennye-prostranstva .d .form-card { position: absolute; top: 4049px; left: calc(50% - 445px); width: 890px; height: 648px; background: #FFFCF6; border: 1px solid #000; z-index: 5; }
body.p-obshchestvennye-prostranstva .d .form-card h2 { position: absolute; top: 37px; left: 0; right: 0; text-align: center; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-obshchestvennye-prostranstva .d .form-fields { position: absolute; top: 122px; left: 253px; width: 385px; display: flex; flex-direction: column; gap: 45px; }
body.p-obshchestvennye-prostranstva .d .form-field { position: relative; width: 385px; height: 51px; }
body.p-obshchestvennye-prostranstva .d .form-field label { position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #000; }
body.p-obshchestvennye-prostranstva .d .form-field input { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #000; padding-bottom: 6px; font-size: 16px; color: #000; }
body.p-obshchestvennye-prostranstva .d .form-btn { position: absolute; top: 391px; left: 254px; width: 143px; height: 54px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFCF6; }
body.p-obshchestvennye-prostranstva .d .form-note { position: absolute; top: 475px; left: 253px; width: 385px; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-obshchestvennye-prostranstva .d .form-phone { position: absolute; top: 564px; left: 144px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-obshchestvennye-prostranstva .d .form-email { position: absolute; top: 564px; left: 468px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-obshchestvennye-prostranstva .d .footer { position: absolute; top: 4985px; height: 489px; background: #161616; z-index: 1; }
body.p-obshchestvennye-prostranstva .d .footer-logo { position: absolute; left: 120px; top: 5059px; width: 180px; height: 99px; z-index: 5; }
body.p-obshchestvennye-prostranstva .d .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-obshchestvennye-prostranstva .d .footer-tagline { position: absolute; left: 120px; top: 5347px; width: 384px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-obshchestvennye-prostranstva .d .footer-copy { position: absolute; left: 120px; top: 5405px; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55; z-index: 5; }
body.p-obshchestvennye-prostranstva .d .footer-phone { position: absolute; right: 120px; top: 5294px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-obshchestvennye-prostranstva .d .footer-email { position: absolute; right: 120px; top: 5332px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-obshchestvennye-prostranstva .d .footer-address { position: absolute; right: 120px; top: 5371px; width: 413px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-obshchestvennye-prostranstva .m { display: none; }
@media (max-width: 768px) {
body.p-obshchestvennye-prostranstva .d-wrap { display: none; }
body.p-obshchestvennye-prostranstva .m { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-obshchestvennye-prostranstva .m .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-obshchestvennye-prostranstva .m .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; }
body.p-obshchestvennye-prostranstva .m .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-obshchestvennye-prostranstva .m .m-logo { width: 72px; }
body.p-obshchestvennye-prostranstva .m .m-logo img { width: 100%; height: auto; }
body.p-obshchestvennye-prostranstva .m .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-obshchestvennye-prostranstva .m .m-call svg { width: 20px; height: 20px; }
body.p-obshchestvennye-prostranstva .m .m-hero { position: relative; min-height: 200px; display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/obshchestvennye-prostranstva/hero.jpg') center/cover no-repeat; }
body.p-obshchestvennye-prostranstva .m .m-hero .t { font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; }
body.p-obshchestvennye-prostranstva .m .m-hero .s { font-weight: 400; font-size: 12px; line-height: 14px; color: #FFFCF6; }
body.p-obshchestvennye-prostranstva .m .m-lead { padding: 36px 16px; }
body.p-obshchestvennye-prostranstva .m .m-lead .inner { border-left: 1px solid #000; padding-left: 22px; }
body.p-obshchestvennye-prostranstva .m .m-lead p { font-weight: 400; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 10px; }
body.p-obshchestvennye-prostranstva .m .m-lead p:last-child { margin-bottom: 0; }
body.p-obshchestvennye-prostranstva .m .m-wwd { padding: 56px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/obshchestvennye-prostranstva/what-we-do.jpg') center/cover no-repeat; }
body.p-obshchestvennye-prostranstva .m .m-wwd h2 { font-weight: 500; font-size: 22px; line-height: 26px; color: #FFFCF6; margin-bottom: 30px; }
body.p-obshchestvennye-prostranstva .m .m-wwd p { font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; margin-bottom: 8px; }
body.p-obshchestvennye-prostranstva .m .m-wwd p:last-child { margin-bottom: 0; }
body.p-obshchestvennye-prostranstva .m .m-choose { padding: 44px 16px; }
body.p-obshchestvennye-prostranstva .m .m-choose h2 { font-weight: 400; font-size: 22px; line-height: 26px; color: #010101; margin-bottom: 24px; }
body.p-obshchestvennye-prostranstva .m .m-choose .txt { font-weight: 400; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 24px; }
body.p-obshchestvennye-prostranstva .m .m-choose p.li { font-weight: 400; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 8px; }
body.p-obshchestvennye-prostranstva .m .m-choose p.li:last-child { margin-bottom: 0; }
body.p-obshchestvennye-prostranstva .m .m-projects { padding: 12px 16px 44px; }
body.p-obshchestvennye-prostranstva .m .m-card { margin-bottom: 30px; }
body.p-obshchestvennye-prostranstva .m .m-card:last-child { margin-bottom: 0; }
body.p-obshchestvennye-prostranstva .m .m-card .pic { width: 100%; height: 167px; background-size: cover; background-position: center; }
body.p-obshchestvennye-prostranstva .m .m-card.k1 .pic { background-image: url('images/obshchestvennye-prostranstva/penaty.jpg'); }
body.p-obshchestvennye-prostranstva .m .m-card.k2 .pic { background-image: url('images/obshchestvennye-prostranstva/uliss.jpg'); }
body.p-obshchestvennye-prostranstva .m .m-card.k3 .pic { background-image: url('images/obshchestvennye-prostranstva/teppanyaki.jpg'); }
body.p-obshchestvennye-prostranstva .m .m-card .row { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; }
body.p-obshchestvennye-prostranstva .m .m-card .nm { font-weight: 400; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #000; }
body.p-obshchestvennye-prostranstva .m .m-arrow { width: 60px; height: 30px; border: 1px solid #161616; border-radius: 20px; display: flex; align-items: center; justify-content: center; flex: none; }
body.p-obshchestvennye-prostranstva .m .m-arrow svg { width: 18px; height: 12px; }
body.p-obshchestvennye-prostranstva .m .m-cta { position: relative; min-height: 340px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 40px 24px; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/obshchestvennye-prostranstva/hero.jpg') center/cover no-repeat; }
body.p-obshchestvennye-prostranstva .m .m-cta .note { font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; max-width: 300px; }
body.p-obshchestvennye-prostranstva .m .m-cta .btn { width: 150px; height: 50px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; }
body.p-obshchestvennye-prostranstva .m .m-footer { background: #161616; padding: 40px 16px; }
body.p-obshchestvennye-prostranstva .m .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-obshchestvennye-prostranstva .m .m-footer .f-logo img { width: 100%; height: auto; }
body.p-obshchestvennye-prostranstva .m .m-footer .f-c { font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-obshchestvennye-prostranstva .m .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-obshchestvennye-prostranstva .m .m-footer .f-tagline { font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-obshchestvennye-prostranstva .m .m-footer .f-copy { font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== penaty.html  (body.p-penaty) ===================== */
body.p-penaty * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-penaty, body.p-penaty { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-penaty a { color: inherit; text-decoration: none; }
body.p-penaty button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-penaty img { display: block; max-width: 100%; }
body.p-penaty .desktop { position: relative; width: 1440px; height: 5077px; margin: 0 auto; background: #FFFCF6; }
body.p-penaty .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-penaty .line { position: absolute; left: 0; width: 1440px; height: 0; border-top: 1px solid #000; }
body.p-penaty .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-penaty .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-penaty .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-penaty .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-penaty .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-penaty .nav-item:hover { color: #CA4825; }
body.p-penaty .hero { position: absolute; top: 185px; height: 465px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/penaty/hero.jpg') center 42%/cover no-repeat; z-index: 0; }
body.p-penaty .hero-block { position: absolute; left: 120px; top: 385px; width: 792px; display: flex; flex-direction: column; gap: 15px; z-index: 5; }
body.p-penaty .hero-sub { font-weight: 400; font-size: 40px; line-height: 48px; color: #FFFCF6; }
body.p-penaty .hero-title { font-weight: 500; font-size: 96px; line-height: 115px; color: #FFFCF6; }
body.p-penaty .meta { position: absolute; top: 677px; font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-penaty .meta-city { left: 120px; }
body.p-penaty .meta-year { left: 402px; }
body.p-penaty .meta-site { left: 539px; text-decoration: underline; }
body.p-penaty .intro-photo-l { position: absolute; left: 120px; top: 836px; width: 204px; height: 263px; background: url('images/penaty/intro-l.jpg') center/cover no-repeat; }
body.p-penaty .intro-photo-r { position: absolute; left: 1140px; top: 836px; width: 180px; height: 198px; background: url('images/penaty/intro-r.jpg') center/cover no-repeat; }
body.p-penaty .intro-text { position: absolute; left: 402px; top: 836px; width: 636px; font-weight: 400; font-size: 24px; line-height: 29px; text-align: center; color: #000; }
body.p-penaty .intro-text p { margin-bottom: 29px; }
body.p-penaty .intro-text p:last-child { margin-bottom: 0; }
body.p-penaty .objem-title { position: absolute; left: 120px; top: 1271px; width: 691px; font-weight: 500; font-size: 65px; line-height: 78px; color: #000; }
body.p-penaty .objem-list { position: absolute; left: 120px; top: 1609px; width: 640px; font-weight: 400; font-size: 24px; line-height: 29px; text-transform: lowercase; color: #000; }
body.p-penaty .objem-list p { margin-bottom: 0; }
body.p-penaty .objem-photo { position: absolute; left: 912px; top: 1226px; width: 408px; height: 566px; background: url('images/penaty/objem.jpg') center/cover no-repeat; }
body.p-penaty .dot { color: #CA4825; }
body.p-penaty .mat { position: absolute; left: 120px; top: 1897px; width: 723px; display: flex; flex-direction: column; gap: 60px; }
body.p-penaty .mat-title { font-weight: 500; font-size: 65px; line-height: 78px; color: #000; }
body.p-penaty .mat-text { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-penaty .mat-photo { position: absolute; top: 2372px; width: 282px; height: 282px; border: 1px solid #000; background-size: cover; background-repeat: no-repeat; }
body.p-penaty .mat-photo.m1 { left: 120px; background-image: url('images/penaty/mat1.jpg'); background-position: center; }
body.p-penaty .mat-photo.m2 { left: 426px; background-image: url('images/penaty/mat2.jpg'); background-position: center; }
body.p-penaty .mat-photo.m3 { left: 732px; background-image: url('images/penaty/mat3.jpg'); background-position: center; }
body.p-penaty .mat-photo.m4 { left: 1038px; background-image: url('images/penaty/mat4.jpg'); background-position: center 78%; }
body.p-penaty .mat-cap { position: absolute; top: 2692px; width: 282px; font-weight: 400; font-size: 24px; line-height: 29px; text-transform: lowercase; color: #000; }
body.p-penaty .mat-cap.c1 { left: 120px; }
body.p-penaty .mat-cap.c2 { left: 426px; }
body.p-penaty .mat-cap.c3 { left: 732px; }
body.p-penaty .mat-cap.c4 { left: 1038px; }
body.p-penaty .mat-cap p { margin-bottom: 0; }
body.p-penaty .gal { position: absolute; width: 588px; height: 450px; background-size: cover; background-repeat: no-repeat; background-position: center; }
body.p-penaty .gal.g1 { left: 120px;  top: 3019px; background-image: url('images/penaty/g-hifi.jpg'); background-position: center 63%; }
body.p-penaty .gal.g2 { left: 732px;  top: 3019px; background-image: url('images/penaty/g-corner.jpg'); background-position: center 60%; }
body.p-penaty .gal.g3 { left: 120px;  top: 3495px; background-image: url('images/penaty/g-slats.jpg'); background-position: center 35%; }
body.p-penaty .gal.g4 { left: 732px;  top: 3495px; background-image: url('images/penaty/g-sofa.jpg'); }
body.p-penaty .gal.g5 { left: 120px;  top: 3969px; background-image: url('images/penaty/g-bar.jpg'); }
body.p-penaty .gal.g6 { left: 732px;  top: 3969px; background-image: url('images/penaty/mat4.jpg'); }
body.p-penaty .footer { position: absolute; top: 4588px; height: 489px; background: #161616; z-index: 0; }
body.p-penaty .footer-logo { position: absolute; left: 120px; top: 4662px; width: 180px; height: 99px; z-index: 5; }
body.p-penaty .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-penaty .footer-tagline { position: absolute; left: 120px; top: 4946px; width: 384px; font-weight: 400; font-size: 20px; line-height: 27px; color: #fff; z-index: 5; }
body.p-penaty .footer-copy { position: absolute; left: 120px; top: 5008px; font-weight: 400; font-size: 18px; line-height: 25px; color: #5E5B55; z-index: 5; }
body.p-penaty .footer-phone { position: absolute; right: 120px; top: 4897px; font-weight: 500; font-size: 20px; line-height: 27px; color: #fff; z-index: 5; }
body.p-penaty .footer-email { position: absolute; right: 120px; top: 4935px; font-weight: 500; font-size: 20px; line-height: 27px; color: #fff; z-index: 5; }
body.p-penaty .footer-address { position: absolute; right: 120px; top: 4973px; width: 413px; text-align: right; font-weight: 500; font-size: 20px; line-height: 27px; color: #fff; z-index: 5; }
body.p-penaty .mobile-wrap { display: none; }
body.p-penaty .mobile { position: relative; width: 402px; height: 2542px; transform-origin: top left; background: #FFFCF6; }
body.p-penaty .m-line { position: absolute; left: 0; width: 402px; height: 0; border-top: 0.5px solid #000; }
body.p-penaty .m-burger { position: absolute; left: 16px; top: 64px; width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: space-between; padding: 6px 0; z-index: 50; }
body.p-penaty .m-burger span { display: block; height: 2px; background: #161616; }
body.p-penaty .m-logo { position: absolute; left: calc(50% - 36px); top: 54px; width: 72px; height: 35px; z-index: 50; }
body.p-penaty .m-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-penaty .m-call { position: absolute; left: 355px; top: 63px; width: 24px; height: 24px; z-index: 50; }
body.p-penaty .m-call svg { width: 100%; height: 100%; }
body.p-penaty .m-hero { position: absolute; left: 0; top: 130px; width: 402px; height: 174px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/penaty/hero.jpg') center 42%/cover no-repeat; }
body.p-penaty .m-hero-block { position: absolute; left: 16px; top: 196px; width: 306px; display: flex; flex-direction: column; gap: 10px; }
body.p-penaty .m-hero-sub { font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; }
body.p-penaty .m-hero-title { font-weight: 500; font-size: 30px; line-height: 36px; color: #FFFCF6; }
body.p-penaty .m-meta { position: absolute; top: 315px; font-weight: 400; font-size: 12px; line-height: 14px; color: #000; }
body.p-penaty .m-meta.city { left: 16px; }
body.p-penaty .m-meta.year { left: 133px; }
body.p-penaty .m-meta.site { left: 177px; text-decoration: underline; }
body.p-penaty .m-intro-text { position: absolute; left: 17px; top: 374px; width: 368px; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; color: #000; }
body.p-penaty .m-intro-text p { margin-bottom: 17px; }
body.p-penaty .m-intro-text p:last-child { margin-bottom: 0; }
body.p-penaty .m-intro-l { position: absolute; left: 17px; top: 561px; width: 176px; height: 227px; background: url('images/penaty/intro-l.jpg') center/cover no-repeat; }
body.p-penaty .m-intro-r { position: absolute; left: 209px; top: 561px; width: 177px; height: 227px; background: url('images/penaty/intro-r.jpg') center/cover no-repeat; }
body.p-penaty .m-objem-title { position: absolute; left: 17px; top: 822px; width: 371px; font-weight: 400; font-size: 22px; line-height: 26px; color: #000; }
body.p-penaty .m-objem-list { position: absolute; left: 17px; top: 878px; width: 371px; font-weight: 400; font-size: 14px; line-height: 17px; text-transform: lowercase; color: #000; }
body.p-penaty .m-mat { position: absolute; left: 16px; top: 1042px; width: 370px; display: flex; flex-direction: column; gap: 30px; }
body.p-penaty .m-mat-title { font-weight: 400; font-size: 22px; line-height: 26px; color: #000; }
body.p-penaty .m-mat-text { font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-penaty .m-mat-photo { position: absolute; top: 1268px; width: 80px; height: 83px; border: 0.5px solid #000; background-size: cover; background-repeat: no-repeat; }
body.p-penaty .m-mat-photo.m1 { left: 16px;  background-image: url('images/penaty/mat1.jpg'); background-position: center; }
body.p-penaty .m-mat-photo.m2 { left: 113px; background-image: url('images/penaty/mat2.jpg'); background-position: center; }
body.p-penaty .m-mat-photo.m3 { left: 209px; background-image: url('images/penaty/mat3.jpg'); background-position: center; }
body.p-penaty .m-mat-photo.m4 { left: 306px; background-image: url('images/penaty/mat4.jpg'); background-position: center 78%; }
body.p-penaty .m-mat-cap { position: absolute; top: 1364px; width: 82px; font-weight: 400; font-size: 10px; line-height: 12px; text-transform: lowercase; color: #000; }
body.p-penaty .m-mat-cap.c1 { left: 17px; }
body.p-penaty .m-mat-cap.c2 { left: 113px; }
body.p-penaty .m-mat-cap.c3 { left: 209px; }
body.p-penaty .m-mat-cap.c4 { left: 306px; }
body.p-penaty .m-mat-cap p { margin-bottom: 0; }
body.p-penaty .m-gal { position: absolute; width: 180px; height: 138px; background-size: cover; background-repeat: no-repeat; background-position: center; }
body.p-penaty .m-gal.g1 { left: 17px;  top: 1520px; background-image: url('images/penaty/g-hifi.jpg'); background-position: center 63%; }
body.p-penaty .m-gal.g2 { left: 206px; top: 1520px; background-image: url('images/penaty/g-corner.jpg'); background-position: center 60%; }
body.p-penaty .m-gal.g3 { left: 17px;  top: 1666px; background-image: url('images/penaty/g-slats.jpg'); background-position: center 35%; }
body.p-penaty .m-gal.g4 { left: 206px; top: 1666px; background-image: url('images/penaty/g-sofa.jpg'); }
body.p-penaty .m-gal.g5 { left: 17px;  top: 1812px; background-image: url('images/penaty/g-bar.jpg'); }
body.p-penaty .m-gal.g6 { left: 206px; top: 1812px; background-image: url('images/penaty/mat4.jpg'); }
body.p-penaty .m-footer { position: absolute; left: 0; top: 2094px; width: 402px; height: 448px; background: #161616; }
body.p-penaty .m-footer-logo { position: absolute; left: 16px; top: 2150px; width: 104px; height: 57px; }
body.p-penaty .m-footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-penaty .m-footer-phone { position: absolute; left: 16px; top: 2244px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-penaty .m-footer-email { position: absolute; left: 16px; top: 2281px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-penaty .m-footer-address { position: absolute; left: 16px; top: 2318px; width: 250px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-penaty .m-footer-tagline { position: absolute; left: 16px; top: 2430px; width: 250px; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; }
body.p-penaty .m-footer-copy { position: absolute; left: 16px; top: 2488px; font-weight: 400; font-size: 11px; line-height: 14px; color: #5E5B55; }
@media (max-width: 600px) {
body.p-penaty .desktop { display: none; }
body.p-penaty .mobile-wrap { display: block; width: 100%; overflow: hidden; }
}


/* ===================== production.html  (body.p-production) ===================== */
body.p-production * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-production, body.p-production { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-production a { color: inherit; text-decoration: none; }
body.p-production button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-production img { display: block; max-width: 100%; }
body.p-production input, body.p-production textarea { font-family: inherit; outline: none; border: none; background: transparent; resize: none; }
body.p-production .page {
  position: relative;
  width: 1440px;
  min-height: 7119px;
  margin: 0 auto;
  background: #FFFCF6;
}
body.p-production .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-production .header-logo {
  position: absolute;
  left: 650px;
  top: 37px;
  width: 140px;
  height: 69px;
  z-index: 50;
}
body.p-production .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-production .header-contacts {
  position: absolute;
  right: 120px;
  top: 74px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  font-size: 14px;
  line-height: 17px;
  color: #000;
  z-index: 50;
}
body.p-production .header-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 120px;
  display: flex;
  z-index: 50;
}
body.p-production .nav-item {
  padding: 0 24px;
  height: 40px;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  border-radius: 12px;
  white-space: nowrap;
}
body.p-production .nav-item:hover { color: #CA4825; }
body.p-production .hero {
  position: absolute;
  top: 185px;
  height: 465px;
  background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/production/hero.jpg') center/cover no-repeat;
}
body.p-production .hero-title {
  position: absolute;
  left: 426px;
  top: 329px;
  width: 895px;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #FFFCF6;
  z-index: 5;
}
body.p-production .intro-text {
  position: absolute;
  top: 765px;
  left: calc(50% - 894px/2);
  width: 894px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #000;
}
body.p-production .intro-text b { font-weight: 500; }
body.p-production .intro-photo {
  position: absolute;
  top: 981px;
  height: 723px;
  background: url('images/production/intro-wide.jpg') center/cover no-repeat;
}
body.p-production .intro-card {
  position: absolute;
  top: 1658px;
  left: 120px;
  width: 663px;
  height: 199px;
  background: #FFFFFF;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  padding: 0 42px;
  z-index: 5;
}
body.p-production .intro-card .list {
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #000;
}
body.p-production .intro-card .list p { margin-bottom: 8px; }
body.p-production .intro-card .list p:last-child { margin-bottom: 0; }
body.p-production .realization {
  position: absolute;
  top: 1999px;
  height: 865px;
  background: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('images/production/project-realization.jpg') center/cover no-repeat;
}
body.p-production .realization-title {
  position: absolute;
  left: 504px;
  top: 2106px;
  width: 816px;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #FFFCF6;
  z-index: 5;
}
body.p-production .realization-body {
  position: absolute;
  left: 504px;
  top: 2394px;
  width: 816px;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #FFFCF6;
  z-index: 5;
}
body.p-production .realization-body p { margin-bottom: 22px; }
body.p-production .realization-body .lead { margin-bottom: 30px; }
body.p-production .realization-body .bullets { margin-top: 6px; }
body.p-production .pb {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
body.p-production .pb::before {
  content: '';
  flex-shrink: 0;
  margin-top: 8px;
  width: 0; height: 0;
  border-left: 9px solid #CA4825;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
body.p-production .materials-title {
  position: absolute;
  left: 120px;
  top: 3000px;
  font-weight: 500;
  font-size: 65px;
  line-height: 78px;
  color: #000;
}
body.p-production .materials-sub {
  position: absolute;
  left: 120px;
  top: 3113px;
  width: 792px;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #000;
}
body.p-production .mat-photo {
  position: absolute;
  top: 3336px;
  width: 180px;
  height: 372px;
  border: 1px solid #000;
  background-size: cover;
  background-position: center;
}
body.p-production .mat-photo.m1 { left: 120px; }
body.p-production .mat-photo.m2 { left: 324px; }
body.p-production .mat-photo.m3 { left: 528px; }
body.p-production .mat-list {
  position: absolute;
  left: 946px;
  top: 3376px;
  width: 322px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #CA4825;
}
body.p-production .mat-list p { margin-bottom: 17px; }
body.p-production .mat-list p:last-child { margin-bottom: 0; }
body.p-production .arrow {
  position: absolute;
  width: 60px;
  height: 30px;
  border: 1px solid #000;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  background: transparent;
}
body.p-production .arrow.light { border-color: #FFFCF6; color: #FFFCF6; }
body.p-production .arrow svg { display: block; }
body.p-production .arrow.m { top: 3678px; left: 732px; }
body.p-production .solutions {
  position: absolute;
  top: 3887px;
  height: 715px;
  background: #161616;
}
body.p-production .solutions-photo {
  position: absolute;
  top: 3887px;
  left: 809px;
  right: calc(50% - 50vw);
  height: 715px;
  background: url('images/production/solutions-main.jpg') center/cover no-repeat;
  z-index: 3;
}
body.p-production .solutions-text {
  position: absolute;
  left: 120px;
  top: 4022px;
  width: 588px;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #FFFCF6;
  z-index: 4;
}
body.p-production .sol-photo {
  position: absolute;
  top: 4354px;
  width: 180px;
  height: 216px;
  background-size: cover;
  background-position: center;
  z-index: 4;
}
body.p-production .sol-photo.s1 { left: 120px; }
body.p-production .sol-photo.s2 { left: 324px; }
body.p-production .sol-photo.s3 { left: 528px; }
body.p-production .arrow.s { top: 4540px; left: 732px; z-index: 4; }
body.p-production .custom-title {
  position: absolute;
  left: 426px;
  top: 4734px;
  width: 801px;
  font-weight: 500;
  font-size: 65px;
  line-height: 60px;
  color: #000;
}
body.p-production .custom-body {
  position: absolute;
  left: 426px;
  top: 4917px;
  width: 792px;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #000;
}
body.p-production .custom-body p { margin-bottom: 22px; }
body.p-production .custom-body p:last-child { margin-bottom: 0; }
body.p-production .cust-photo {
  position: absolute;
  top: 5184px;
  width: 180px;
  height: 236px;
  border: 1px solid #000;
  background-size: cover;
  background-position: center;
}
body.p-production .cust-photo.c1 { left: 426px; }
body.p-production .cust-photo.c2 { left: 630px; }
body.p-production .cust-photo.c3 { left: 834px; }
body.p-production .cust-photo.c4 { left: 1038px; }
body.p-production .arrow.c { top: 5390px; left: 1242px; }
body.p-production .form-section {
  position: absolute;
  top: 5552px;
  height: 1078px;
  background: linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('images/production/form-bg.jpg') center/cover no-repeat;
}
body.p-production .form-card {
  position: absolute;
  top: 5679px;
  left: calc(50% - 750px/2);
  width: 750px;
  height: 725px;
  background: #FFFCF6;
  border: 1px solid #000;
  z-index: 5;
}
body.p-production .form-card h2 {
  position: absolute;
  top: 32px;
  left: 0; right: 0;
  text-align: center;
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  color: #000;
}
body.p-production .form-fields {
  position: absolute;
  top: 115px;
  left: 182px;
  width: 385px;
  display: flex;
  flex-direction: column;
  gap: 26px;
}
body.p-production .form-field {
  width: 385px;
  border-bottom: 1px solid #000;
  padding-bottom: 8px;
}
body.p-production .form-field label {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  margin-bottom: 14px;
}
body.p-production .form-field input { width: 100%; font-size: 16px; color: #000; }
body.p-production .form-btn {
  position: absolute;
  top: 476px;
  left: 184px;
  width: 143px;
  height: 54px;
  background: #CA4825;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #FFFCF6;
}
body.p-production .form-note {
  position: absolute;
  top: 561px;
  left: 182px;
  width: 385px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}
body.p-production .form-phone {
  position: absolute;
  top: 642px;
  left: 95px;
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  color: #000;
}
body.p-production .form-email {
  position: absolute;
  top: 642px;
  left: 396px;
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  color: #000;
}
body.p-production .footer {
  position: absolute;
  top: 6630px;
  height: 489px;
  background: #161616;
}
body.p-production .footer-logo {
  position: absolute;
  left: 120px;
  top: 6704px;
  width: 180px;
  height: 99px;
  z-index: 5;
}
body.p-production .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-production .footer-tagline {
  position: absolute;
  left: 120px;
  top: 6988px;
  width: 384px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  z-index: 5;
}
body.p-production .footer-copy {
  position: absolute;
  left: 120px;
  top: 7050px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #5E5B55;
  z-index: 5;
}
body.p-production .footer-phone {
  position: absolute;
  right: 120px;
  top: 6939px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  z-index: 5;
}
body.p-production .footer-email {
  position: absolute;
  right: 120px;
  top: 6977px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  z-index: 5;
}
body.p-production .footer-address {
  position: absolute;
  right: 120px;
  top: 7015px;
  width: 413px;
  text-align: right;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  z-index: 5;
}
body.p-production .page-wrap { position: relative; width: 100%; overflow: hidden; }
body.p-production .page-wrap > .page { margin: 0; }
@media (min-width: 1440px) {
body.p-production .page-wrap > .page { margin: 0 auto; }
}
body.p-production .page-wrap .bleed { width: 1440px; left: calc(50% - 720px); }
@media (min-width: 1440px) {
body.p-production .page-wrap .bleed { width: 100vw; left: calc(50% - 50vw); }
}
body.p-production .page-wrap .solutions-photo { right: 0; }
@media (min-width: 1440px) {
body.p-production .page-wrap .solutions-photo { right: calc(50% - 50vw); }
}
body.p-production .m { display: none; }
@media (max-width: 768px) {
body.p-production .page-wrap { display: none; }
body.p-production .m { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-production .m .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-production .m .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-production .m .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-production .m .m-logo { width: 72px; }
body.p-production .m .m-logo img { width: 100%; height: auto; }
body.p-production .m .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-production .m .m-call svg { width: 20px; height: 20px; }
body.p-production .m .m-hero { position: relative; min-height: 230px; display: flex; align-items: center; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/production/hero.jpg'); background-size: cover; background-position: center; }
body.p-production .m .m-hero .t { font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; max-width: 300px; }
body.p-production .m .m-intro { padding: 30px 16px 0; display: flex; flex-direction: column; gap: 14px; font-weight: 400; font-size: 14px; line-height: 18px; color: #000; }
body.p-production .m .m-intro b { font-weight: 500; }
body.p-production .m .m-wide { margin: 26px 0; width: 100%; aspect-ratio: 402 / 470; background: url('images/production/intro-wide.jpg') center/cover no-repeat; }
body.p-production .m .m-card { margin: 0 16px 8px; padding: 22px 24px; background: #fff; border: 1px solid #000; }
body.p-production .m .m-card p { font-weight: 400; font-size: 14px; line-height: 22px; color: #000; }
body.p-production .m .m-block { padding: 34px 16px 0; }
body.p-production .m .m-block h2 { font-weight: 500; font-size: 22px; line-height: 26px; color: #000; margin-bottom: 18px; }
body.p-production .m .m-block p { font-weight: 400; font-size: 14px; line-height: 18px; color: #000; margin-bottom: 12px; }
body.p-production .m .m-block p:last-child { margin-bottom: 0; }
body.p-production .m .m-bullets { margin-top: 16px; }
body.p-production .m .pb { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-size: 14px; line-height: 18px; color: #000; }
body.p-production .m .pb::before { content: ''; flex-shrink: 0; margin-top: 6px; width: 0; height: 0; border-left: 8px solid #CA4825; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
body.p-production .m .m-row3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 20px 16px 0; }
body.p-production .m .m-row3 .ph { border: 1px solid #000; aspect-ratio: 81 / 196; background-size: cover; background-position: center; }
body.p-production .m .m-row3.sol .ph { aspect-ratio: 113 / 136; }
body.p-production .m .m-matlist { padding: 22px 16px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
body.p-production .m .m-matlist p { font-weight: 400; font-size: 14px; line-height: 18px; color: #CA4825; }
body.p-production .m .m-solhero { position: relative; margin: 34px 16px 0; min-height: 300px; display: flex; align-items: flex-start; padding: 28px 26px; background: linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('images/production/solutions-main.jpg'); background-size: cover; background-position: center; }
body.p-production .m .m-solhero p { font-weight: 400; font-size: 16px; line-height: 22px; color: #FFFCF6; max-width: 280px; }
body.p-production .m .m-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 20px 16px 0; }
body.p-production .m .m-grid2 .ph { border: 1px solid #000; aspect-ratio: 177 / 234; background-size: cover; background-position: center; }
body.p-production .m .m-form { margin-top: 40px; padding: 40px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/production/form-bg.jpg'); background-size: cover; background-position: center; }
body.p-production .m .m-form-card { background: #FFFCF6; border: 1px solid #000; padding: 28px 22px; }
body.p-production .m .m-form-card h2 { text-align: center; font-weight: 500; font-size: 22px; line-height: 26px; color: #000; margin-bottom: 26px; }
body.p-production .m .m-fields { display: flex; flex-direction: column; gap: 20px; }
body.p-production .m .m-field { border-bottom: 1px solid #000; padding-bottom: 8px; }
body.p-production .m .m-field label { display: block; font-weight: 500; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 10px; }
body.p-production .m .m-field input { width: 100%; font-size: 14px; color: #000; }
body.p-production .m .m-form-btn { margin-top: 26px; width: 143px; height: 50px; background: #CA4825; border-radius: 20px; color: #FFFCF6; font-weight: 400; font-size: 16px; line-height: 19px; }
body.p-production .m .m-form-note { margin-top: 22px; font-weight: 400; font-size: 14px; line-height: 18px; color: #000; }
body.p-production .m .m-form-contact { display: block; margin-top: 14px; font-weight: 500; font-size: 20px; line-height: 24px; color: #000; }
body.p-production .m .m-form-contact.phone { margin-top: 22px; }
body.p-production .m .m-footer { background: #161616; padding: 40px 16px; }
body.p-production .m .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-production .m .m-footer .f-logo img { width: 100%; height: auto; }
body.p-production .m .m-footer .f-c { font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-production .m .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-production .m .m-footer .f-tagline { font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-production .m .m-footer .f-copy { font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== proekty.html  (body.p-proekty) ===================== */
body.p-proekty * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-proekty, body.p-proekty { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-proekty a { color: inherit; text-decoration: none; }
body.p-proekty button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-proekty img { display: block; max-width: 100%; }
body.p-proekty .page { position: relative; width: 1440px; min-height: 4789px; margin: 0 auto; background: #FFFCF6; }
body.p-proekty .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-proekty .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-proekty .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-proekty .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-proekty .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-proekty .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-proekty .nav-item:hover { color: #CA4825; }
body.p-proekty .proj { position: absolute; left: 0; width: 1440px; height: 690px; }
body.p-proekty .proj-divider { position: absolute; left: 0; top: 30px; width: 1440px; height: 0; border-top: 1px solid #000; }
body.p-proekty .proj-num { position: absolute; left: 120px; top: 153px; font-weight: 500; font-size: 150px; line-height: 180px; color: #000; }
body.p-proekty .proj-title { position: absolute; left: 427px; top: 100px; width: 760px; font-weight: 500; font-size: 40px; line-height: 48px; text-transform: uppercase; color: #000; }
body.p-proekty .proj-arrow { position: absolute; right: 120px; top: 109px; width: 60px; height: 30px; border: 1px solid #000; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
body.p-proekty .proj-arrow svg { display: block; width: 26px; height: 12px; }
body.p-proekty .proj-img { position: absolute; left: 427px; top: 178px; width: 893px; height: 333px; border: 1px solid #000; background-position: center; background-size: cover; background-repeat: no-repeat; }
body.p-proekty .proj-cap { position: absolute; left: 427px; top: 561px; font-weight: 400; font-size: 32px; line-height: 30px; color: #000; }
body.p-proekty .footer { position: absolute; top: 4300px; height: 489px; background: #161616; }
body.p-proekty .footer-logo { position: absolute; left: 120px; top: 4374px; width: 180px; height: 99px; z-index: 5; }
body.p-proekty .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-proekty .footer-tagline { position: absolute; left: 120px; top: 4662px; width: 384px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-proekty .footer-copy { position: absolute; left: 120px; top: 4720px; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55; z-index: 5; }
body.p-proekty .footer-phone { position: absolute; right: 120px; top: 4609px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-proekty .footer-email { position: absolute; right: 120px; top: 4647px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-proekty .footer-address { position: absolute; right: 120px; top: 4686px; width: 413px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-proekty .mob { display: none; }
@media (max-width: 768px) {
body.p-proekty .page { display: none; }
body.p-proekty .mob { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-proekty .mob .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-proekty .mob .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-proekty .mob .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-proekty .mob .m-logo { width: 72px; }
body.p-proekty .mob .m-logo img { width: 100%; height: auto; }
body.p-proekty .mob .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-proekty .mob .m-call svg { width: 20px; height: 20px; }
body.p-proekty .mob .m-projects { padding: 16px 0 0; }
body.p-proekty .mob .m-proj { padding-top: 24px; }
body.p-proekty .mob .m-proj .pt { padding: 0 16px; font-family: 'Golos Text', sans-serif; font-weight: 500; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #000; margin-bottom: 16px; }
body.p-proekty .mob .m-proj .pimg { position: relative; width: 100%; aspect-ratio: 402 / 149; background-size: cover; background-position: center; }
body.p-proekty .mob .m-proj .pimg .arr { position: absolute; right: 16px; bottom: 12px; width: 60px; height: 30px; border: 1px solid #FFFFFF; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
body.p-proekty .mob .m-proj .pimg .arr svg { width: 22px; height: 10px; }
body.p-proekty .mob .m-proj .pcap { padding: 12px 16px 24px; font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; color: #000; }
body.p-proekty .mob .m-proj .pdiv { border-top: 0.5px solid #000; }
body.p-proekty .mob .m-footer { background: #161616; padding: 40px 16px; margin-top: 24px; }
body.p-proekty .mob .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-proekty .mob .m-footer .f-logo img { width: 100%; height: auto; }
body.p-proekty .mob .m-footer .f-c { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-proekty .mob .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-proekty .mob .m-footer .f-tagline { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-proekty .mob .m-footer .f-copy { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== restorany.html  (body.p-restorany) ===================== */
body.p-restorany * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-restorany, body.p-restorany { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-restorany a { color: inherit; text-decoration: none; }
body.p-restorany button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-restorany img { display: block; max-width: 100%; }
body.p-restorany input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-restorany .page { position: relative; width: 1440px; min-height: 5474px; margin: 0 auto; background: #FFFCF6; }
body.p-restorany .bleed { width: 100vw; left: calc(50% - 50vw); }
body.p-restorany .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-restorany .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-restorany .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-restorany .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-restorany .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-restorany .nav-item:hover { color: #CA4825; }
body.p-restorany .hero { position: absolute; top: 185px; height: 523px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/restorany/hero.jpg') center/cover no-repeat; }
body.p-restorany .hero-block { position: absolute; left: 222px; top: 419px; width: 792px; display: flex; flex-direction: column; gap: 35px; z-index: 5; }
body.p-restorany .hero-block .lead { font-weight: 500; font-size: 40px; line-height: 48px; color: #FFFCF6; }
body.p-restorany .hero-block .sub { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-restorany .intro-rule { position: absolute; left: 198px; top: 819px; width: 1px; height: 147px; background: #000; }
body.p-restorany .intro { position: absolute; left: 222px; top: 819px; width: 1098px; font-weight: 400; font-size: 30px; line-height: 36px; color: #000; }
body.p-restorany .intro p { margin-bottom: 6px; }
body.p-restorany .intro p:last-child { margin-bottom: 0; }
body.p-restorany .wd { position: absolute; top: 1130px; height: 977px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/restorany/whatwedo.jpg') center/cover no-repeat; z-index: 1; }
body.p-restorany .wd-block { position: absolute; left: 732px; top: 1434px; width: 588px; display: flex; flex-direction: column; gap: 87px; z-index: 3; }
body.p-restorany .wd-title { font-weight: 500; font-size: 65px; line-height: 78px; color: #FFFCF6; }
body.p-restorany .wd-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-restorany .wd-list p { margin-bottom: 12px; }
body.p-restorany .wd-list p:last-child { margin-bottom: 0; }
body.p-restorany .dot { color: #CA4825; }
body.p-restorany .wd-thumb { position: absolute; top: 1898px; width: 282px; height: 167px; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 3; }
body.p-restorany .choose { position: absolute; left: 120px; top: 2323px; width: 714px; display: flex; flex-direction: column; gap: 40px; }
body.p-restorany .choose-title { font-weight: 400; font-size: 65px; line-height: 78px; color: #010101; }
body.p-restorany .choose-text { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-restorany .choose-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-restorany .choose-list p { margin-bottom: 12px; }
body.p-restorany .choose-list p:last-child { margin-bottom: 0; }
body.p-restorany .choose-rule { position: absolute; left: 912px; top: 2323px; width: 1px; height: 485px; background: #000; }
body.p-restorany .choose-photo { position: absolute; left: 1014px; top: 2323px; width: 306px; height: 485px; background: url('images/restorany/why.jpg') center/cover no-repeat; border: 1px solid #000; }
body.p-restorany .card { position: absolute; top: 3126px; width: 384px; height: 573px; background-position: center; background-size: cover; background-repeat: no-repeat; }
body.p-restorany .card-arrow { position: absolute; top: 52px; right: 18px; width: 60px; height: 30px; border: 1px solid #FFFCF6; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
body.p-restorany .card-arrow svg { display: block; width: 26px; height: 12px; }
body.p-restorany .card-title { position: absolute; top: 193px; left: 0; width: 100%; text-align: center; font-weight: 400; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #FFFCF6; }
body.p-restorany .formbg { position: absolute; left: 118px; top: 3935px; width: 1200px; height: 875px; overflow: hidden; z-index: 1; }
body.p-restorany .formbg::before { content: ''; position: absolute; inset: -14px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/restorany/formbg.jpg') center/cover no-repeat; filter: blur(3px); }
body.p-restorany .form-card { position: absolute; top: 4049px; left: calc(50% - 890px/2 - 2px); width: 890px; height: 648px; background: #FFFCF6; border: 1px solid #000; z-index: 5; }
body.p-restorany .form-card h2 { position: absolute; top: 37px; left: 0; right: 0; text-align: center; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-restorany .form-fields { position: absolute; top: 122px; left: 253px; width: 385px; display: flex; flex-direction: column; gap: 45px; }
body.p-restorany .form-field { position: relative; width: 385px; height: 51px; }
body.p-restorany .form-field label { position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #000; }
body.p-restorany .form-field input { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #000; padding-bottom: 6px; font-size: 16px; color: #000; }
body.p-restorany .form-btn { position: absolute; top: 391px; left: 254px; width: 143px; height: 54px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFCF6; }
body.p-restorany .form-note { position: absolute; top: 475px; left: 253px; width: 385px; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-restorany .form-phone { position: absolute; top: 564px; left: 144px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-restorany .form-email { position: absolute; top: 564px; left: 468px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-restorany .footer { position: absolute; top: 4985px; height: 489px; background: #161616; }
body.p-restorany .footer-logo { position: absolute; left: 120px; top: 5059px; width: 180px; height: 99px; z-index: 5; }
body.p-restorany .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-restorany .footer-tagline { position: absolute; left: 120px; top: 5347px; width: 384px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-restorany .footer-copy { position: absolute; left: 120px; top: 5405px; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55; z-index: 5; }
body.p-restorany .footer-phone { position: absolute; right: 120px; top: 5294px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-restorany .footer-email { position: absolute; right: 120px; top: 5332px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-restorany .footer-address { position: absolute; right: 120px; top: 5371px; width: 413px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-restorany .page-wrap { position: relative; width: 100%; overflow: hidden; }
body.p-restorany .page-wrap > .page { margin: 0; }
@media (min-width: 1440px) {
body.p-restorany .page-wrap > .page { margin: 0 auto; }
}
body.p-restorany .page-wrap .bleed { width: 1440px; left: calc(50% - 720px); }
@media (min-width: 1440px) {
body.p-restorany .page-wrap .bleed { width: 100vw; left: calc(50% - 50vw); }
}
body.p-restorany .m { display: none; }
@media (max-width: 768px) {
body.p-restorany .page-wrap { display: none; }
body.p-restorany .m { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-restorany .m .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-restorany .m .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-restorany .m .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-restorany .m .m-logo { width: 72px; }
body.p-restorany .m .m-logo img { width: 100%; height: auto; }
body.p-restorany .m .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-restorany .m .m-call svg { width: 20px; height: 20px; }
body.p-restorany .m .m-hero { position: relative; min-height: 200px; display: flex; align-items: center; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/restorany/hero.jpg'); background-size: cover; background-position: center; }
body.p-restorany .m .m-hero .lead { font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; }
body.p-restorany .m .m-hero .sub { margin-top: 10px; font-weight: 400; font-size: 13px; line-height: 16px; color: #FFFCF6; }
body.p-restorany .m .m-ruled { display: flex; gap: 14px; padding: 30px 16px 0; }
body.p-restorany .m .m-ruled .rule { flex-shrink: 0; width: 1px; align-self: stretch; background: #000; }
body.p-restorany .m .m-ruled p { font-weight: 400; font-size: 14px; line-height: 18px; color: #000; margin-bottom: 8px; }
body.p-restorany .m .m-ruled p:last-child { margin-bottom: 0; }
body.p-restorany .m .m-wd { margin-top: 34px; padding: 40px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/restorany/whatwedo.jpg'); background-size: cover; background-position: center; }
body.p-restorany .m .m-wd h2 { font-weight: 500; font-size: 22px; line-height: 26px; color: #FFFCF6; margin-bottom: 24px; }
body.p-restorany .m .m-wd .m-list { color: #CA4825; }
body.p-restorany .m .m-thumbs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 12px 16px 0; }
body.p-restorany .m .m-thumbs .ph { aspect-ratio: 282/167; background-size: cover; background-position: center; }
body.p-restorany .m .m-block { padding: 34px 16px 0; }
body.p-restorany .m .m-block h2 { font-weight: 500; font-size: 22px; line-height: 26px; color: #000; margin-bottom: 18px; }
body.p-restorany .m .m-block p { font-weight: 400; font-size: 14px; line-height: 18px; color: #000; margin-bottom: 12px; }
body.p-restorany .m .m-block p:last-child { margin-bottom: 0; }
body.p-restorany .m .m-list { font-weight: 400; font-size: 14px; line-height: 20px; color: #000; }
body.p-restorany .m .m-list p { margin-bottom: 8px; }
body.p-restorany .m .m-list p:last-child { margin-bottom: 0; }
body.p-restorany .m .m-list.accent { color: #CA4825; }
body.p-restorany .m .m-list.spaced { margin-top: 16px; }
body.p-restorany .m .m-photo { width: 100%; margin-top: 24px; background-size: cover; background-position: center; }
body.p-restorany .m .m-photo.p-why { aspect-ratio: 402/300; background-image: url('images/restorany/why.jpg'); }
body.p-restorany .m .m-projects { padding: 34px 16px 0; display: flex; flex-direction: column; gap: 26px; }
body.p-restorany .m .m-proj .pic { width: 100%; aspect-ratio: 370/167; background-size: cover; background-position: center; }
body.p-restorany .m .m-proj .pic.penaty { background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/restorany/penaty.jpg'); }
body.p-restorany .m .m-proj .pic.uliss { background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/restorany/uliss.jpg'); }
body.p-restorany .m .m-proj .pic.teppanyaki { background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/restorany/teppanyaki.jpg'); }
body.p-restorany .m .m-proj .row { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.p-restorany .m .m-proj .nm { font-weight: 400; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #000; }
body.p-restorany .m .m-proj .arr { flex-shrink: 0; width: 60px; height: 30px; border: 1px solid #161616; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
body.p-restorany .m .m-proj .arr svg { width: 24px; height: 11px; }
body.p-restorany .m .m-form { margin-top: 40px; padding: 40px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/restorany/formbg.jpg'); background-size: cover; background-position: center; }
body.p-restorany .m .m-form-card { background: #FFFCF6; border: 1px solid #000; padding: 28px 22px; }
body.p-restorany .m .m-form-card h2 { text-align: center; font-weight: 500; font-size: 22px; line-height: 26px; color: #000; margin-bottom: 26px; }
body.p-restorany .m .m-fields { display: flex; flex-direction: column; gap: 22px; }
body.p-restorany .m .m-field { border-bottom: 1px solid #000; padding-bottom: 8px; }
body.p-restorany .m .m-field label { display: block; font-weight: 500; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 10px; }
body.p-restorany .m .m-field input { width: 100%; font-size: 14px; color: #000; }
body.p-restorany .m .m-form-btn { margin-top: 26px; width: 143px; height: 50px; background: #CA4825; border-radius: 20px; color: #FFFCF6; font-weight: 400; font-size: 16px; line-height: 19px; }
body.p-restorany .m .m-form-note { margin-top: 22px; font-weight: 400; font-size: 14px; line-height: 18px; color: #000; }
body.p-restorany .m .m-form-contact { display: block; margin-top: 14px; font-weight: 500; font-size: 20px; line-height: 24px; color: #000; }
body.p-restorany .m .m-form-contact.phone { margin-top: 22px; }
body.p-restorany .m .m-footer { background: #161616; padding: 40px 16px; }
body.p-restorany .m .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-restorany .m .m-footer .f-logo img { width: 100%; height: auto; }
body.p-restorany .m .m-footer .f-c { font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-restorany .m .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-restorany .m .m-footer .f-tagline { font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-restorany .m .m-footer .f-copy { font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== services-production.html  (body.p-services-production) ===================== */
body.p-services-production * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-services-production, body.p-services-production { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-services-production a { color: inherit; text-decoration: none; }
body.p-services-production button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-services-production img { display: block; max-width: 100%; }
body.p-services-production input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-services-production .page { position: relative; width: 100%; margin: 0 auto; background: #FFFCF6; overflow-x: hidden; }
body.p-services-production .header, body.p-services-production .hero, body.p-services-production .produce, body.p-services-production .result, body.p-services-production .materials, body.p-services-production .why, body.p-services-production .gallery, body.p-services-production .cta, body.p-services-production .footer { margin-left: auto; margin-right: auto; }
body.p-services-production .header { position: relative; width: 1440px; height: 185px; z-index: 50; }
body.p-services-production .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; }
body.p-services-production .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-services-production .header-contacts {
  position: absolute; right: 120px; top: 70px;
  display: flex; flex-direction: column; align-items: flex-end; gap: 6px;
  font-family: 'Golos Text', sans-serif; font-size: 16px; line-height: 19px; color: #000;
}
body.p-services-production .header-contacts a { display: block; }
body.p-services-production .header-nav { position: absolute; left: 403px; top: 120px; width: 635px; height: 40px; display: flex; }
body.p-services-production .nav-item {
  position: relative; padding: 16px 24px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 16px; line-height: 19px;
  color: #000; border-radius: 12px; cursor: pointer; background: transparent;
}
body.p-services-production .nav-overlay {
  position: absolute; top: calc(100% + 4px); left: 0; width: 323px;
  background: #FFFCF6; border-radius: 12px; padding: 25px 20px;
  display: none; flex-direction: column; gap: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08); z-index: 100;
}
body.p-services-production .nav-item:hover .nav-overlay { display: flex; }
body.p-services-production .nav-overlay a { width: 283px; font-size: 16px; line-height: 19px; color: #000; display: block; }
body.p-services-production .nav-overlay a:hover { color: #CA4825; }
body.p-services-production .hero {
  position: relative; width: 100vw; margin-left: calc(50% - 50vw);
  height: 919px; margin-top: -1px;
  background: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('images/services-production/hero-door.jpg') center/cover no-repeat;
}
body.p-services-production .hero-inner { position: relative; width: 1440px; height: 100%; margin: 0 auto; }
body.p-services-production .hero-title {
  position: absolute; left: 120px; top: 87px;  width: 909px;
  font-family: 'Golos Text', sans-serif; font-weight: 500; font-size: 65px; line-height: 78px;
  color: #FFFCF6;
}
body.p-services-production .hero-block {
  position: absolute; left: 630px; top: 575px;  width: 690px;
  display: flex; flex-direction: column; gap: 35px;
}
body.p-services-production .hero-block .lead {
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 35px; line-height: 42px; color: #FFFCF6;
}
body.p-services-production .hero-block .desc {
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6;
}
body.p-services-production .produce { position: relative; width: 1440px; height: 644px; }
body.p-services-production .produce::before {
  content: ""; position: absolute; top: 0; height: 644px;
  right: 100%; width: calc(50vw - 720px); background: #161616;
}
body.p-services-production .produce::after {
  content: ""; position: absolute; top: 0; height: 644px;
  left: 100%; width: calc(50vw - 720px);
  background: url('images/services-production/produce.jpg') right center/cover no-repeat;
}
body.p-services-production .produce-dark {
  position: absolute; left: 0; top: 0; width: 720px; height: 644px; background: #161616;
}
body.p-services-production .produce-dark h2 {
  position: absolute; left: 120px; top: 44px; width: 510px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 65px; line-height: 78px; color: #FFFCF6;
}
body.p-services-production .produce-list {
  position: absolute; left: 120px; top: 428px;  right: 90px;
  display: flex; flex-direction: column; gap: 8px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 24px; line-height: 29px;
}
body.p-services-production .produce-list .row { display: flex; align-items: flex-start; gap: 8px; }
body.p-services-production .produce-list .dot { flex: none; color: #CA4825; }
body.p-services-production .produce-list .txt { color: #FFFCF6; }
body.p-services-production .produce-img {
  position: absolute; left: 720px; top: 0; width: 720px; height: 644px;
  background: url('images/services-production/produce.jpg') center/cover no-repeat;
}
body.p-services-production .result { position: relative; width: 1440px; padding-top: 180px;  padding-bottom: 216px;  }
body.p-services-production .result-row { position: relative; margin-left: 198px; display: flex; align-items: stretch; gap: 24px; }
body.p-services-production .result-line { flex: none; width: 1px; background: #000; }
body.p-services-production .result-text {
  width: 1098px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 40px; line-height: 48px; color: #000;
}
body.p-services-production .materials { position: relative; width: 1440px; height: 644px; }
body.p-services-production .materials::before {
  content: ""; position: absolute; top: 0; height: 644px;
  right: 100%; width: calc(50vw - 720px);
  background: url('images/services-production/materials-bg.jpg') left center/cover no-repeat;
}
body.p-services-production .materials::after {
  content: ""; position: absolute; top: 0; height: 644px;
  left: 100%; width: calc(50vw - 720px); background: #161616;
}
body.p-services-production .materials-img {
  position: absolute; left: 0; top: 0; width: 720px; height: 644px;
  background: url('images/services-production/materials-bg.jpg') center/cover no-repeat;
}
body.p-services-production .materials-dark { position: absolute; left: 720px; top: 0; width: 720px; height: 644px; background: #161616; }
body.p-services-production .materials-dark h2 {
  position: absolute; left: 114px; top: 34px;  right: 50px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 65px; line-height: 78px; color: #FFFCF6;
}
body.p-services-production .materials-list {
  position: absolute; left: 114px; top: 311px;  right: 50px;
  display: flex; flex-direction: column; gap: 8px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 24px; line-height: 29px;
}
body.p-services-production .materials-list .row { display: flex; align-items: flex-start; gap: 8px; }
body.p-services-production .materials-list .dot { flex: none; color: #CA4825; }
body.p-services-production .materials-list .txt { color: #FFFCF6; }
body.p-services-production .why { position: relative; width: 1440px; padding-top: 178px;  }
body.p-services-production .why-head {
  position: absolute; left: 120px; top: 178px; width: 714px;
  display: flex; flex-direction: column; gap: 50px;
}
body.p-services-production .why-head h2 {
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 65px; line-height: 78px; color: #010101;
}
body.p-services-production .why-head p {
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 24px; line-height: 29px; color: #000;
}
body.p-services-production .why-list {
  position: absolute; left: 120px; top: 451px;  width: 714px;
  display: flex; flex-direction: column; gap: 8px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 24px; line-height: 29px;
}
body.p-services-production .why-list .row { display: flex; align-items: flex-start; gap: 8px; }
body.p-services-production .why-list .dot { flex: none; color: #CA4825; }
body.p-services-production .why-list .txt { color: #000; }
body.p-services-production .why-line { position: absolute; left: 912px; top: 178px; width: 1px; height: 485px; background: #000; }
body.p-services-production .why-img {
  position: absolute; left: 1014px; top: 178px; width: 306px; height: 485px;
  border: 1px solid #000;
  background: url('images/services-production/why-corridor.jpg') center/cover no-repeat;
}
body.p-services-production .why-spacer { height: 474px; }
body.p-services-production .gallery { position: relative; width: 1440px; padding-top: 230px;  height: 937px; }
body.p-services-production .gallery-main {
  position: absolute; left: 120px; top: 230px; width: 714px; height: 707px;
  background: url('images/services-production/gallery-main.jpg') center/cover no-repeat; cursor: zoom-in;
}
body.p-services-production .gallery-more {
  position: absolute; left: 1038px; top: 661px;  width: 282px; height: 30px;
  display: flex; align-items: center; justify-content: space-between;
}
body.p-services-production .gallery-more .label {
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 24px; line-height: 29px; color: #000;
}
body.p-services-production .gallery-more .arrow {
  width: 60px; height: 30px; border: 1px solid #000; border-radius: 20px;
  display: flex; align-items: center; justify-content: center;
}
body.p-services-production .gallery-more .arrow svg { width: 18px; height: 12px; }
body.p-services-production .gallery-thumbs {
  position: absolute; left: 732px; top: 721px; 
  display: flex; gap: 24px;
}
body.p-services-production .gallery-thumb {
  width: 180px; height: 216px; border: 1px solid #000;
  background-size: cover; background-position: center; cursor: zoom-in;
  transition: transform .25s ease, box-shadow .25s ease;
}
body.p-services-production .gallery-thumb:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(0,0,0,0.2); }
body.p-services-production .cta {
  position: relative; width: 100vw; margin-left: calc(50% - 50vw);
  height: 994px; margin-top: 231px; 
  background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/services-production/hero-door.jpg') center/cover no-repeat;
}
body.p-services-production .cta-inner { position: relative; width: 1440px; height: 100%; margin: 0 auto; }
body.p-services-production .cta-lead {
  position: absolute; left: 50%; transform: translateX(-50%); top: 124px;  width: 890px;
  text-align: center;
  font-family: 'Golos Text', sans-serif; font-weight: 500; font-size: 24px; line-height: 29px; color: #FFFCF6;
}
body.p-services-production .form {
  position: absolute; left: 50%; transform: translateX(-50%); top: 222px; 
  width: 890px; height: 648px; background: #FFFCF6; border: 1px solid #000;
}
body.p-services-production .form-title {
  position: absolute; left: 50%; transform: translateX(-50%); top: 37px; text-align: center;
  font-family: 'Golos Text', sans-serif; font-weight: 500; font-size: 32px; line-height: 38px; color: #000;
}
body.p-services-production .form-fields {
  position: absolute; left: 253px; top: 122px; width: 385px;
}
body.p-services-production .form-field { position: absolute; left: 0; width: 385px; }
body.p-services-production .form-field.f-name { top: 0; }
body.p-services-production .form-field.f-email { top: 96px; }
body.p-services-production .form-field.f-phone { top: 192px; }
body.p-services-production .form-field label {
  display: block; font-family: 'Golos Text', sans-serif; font-weight: 500; font-size: 16px; line-height: 19px; color: #000;
  margin-bottom: 14px;
}
body.p-services-production .form-field input { width: 385px; height: 19px; font-size: 16px; }
body.p-services-production .form-field .underline { width: 385px; height: 1px; background: #000; margin-top: 13px; }
body.p-services-production .form-submit {
  position: absolute; left: 133px; top: 430px;
  width: 143px; height: 54px; background: #CA4825; border-radius: 20px;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFCF6;
}
body.p-services-production .form-note {
  position: absolute; left: 50%; transform: translateX(-50%); top: 475px; width: 385px; text-align: center;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000;
}
body.p-services-production .form-contacts {
  position: absolute; left: 50%; transform: translateX(-50%); top: 564px;
  display: flex; gap: 42px; justify-content: center; white-space: nowrap;
}
body.p-services-production .form-contacts a {
  font-family: 'Golos Text', sans-serif; font-weight: 500; font-size: 32px; line-height: 38px; color: #000;
}
body.p-services-production .footer {
  position: relative; width: 1440px; height: 489px; background: #161616;
  box-shadow: 0 0 0 100vmax #161616; clip-path: inset(0 -100vmax);
}
body.p-services-production .footer-logo { position: absolute; left: 120px; top: 74px; width: 180px; height: 99px; }
body.p-services-production .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-services-production .footer-tagline {
  position: absolute; left: 120px; top: 362px; width: 384px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff;
}
body.p-services-production .footer-copy {
  position: absolute; left: 120px; top: 420px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55;
}
body.p-services-production .footer-phone {
  position: absolute; right: 120px; top: 309px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff;
}
body.p-services-production .footer-email {
  position: absolute; right: 120px; top: 347px;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff;
}
body.p-services-production .footer-address {
  position: absolute; right: 120px; top: 386px; width: 413px; text-align: right;
  font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff;
}
body.p-services-production .lightbox {
  position: fixed; inset: 0; background: rgba(0,0,0,0.9);
  display: none; align-items: center; justify-content: center; z-index: 2000; cursor: zoom-out;
}
body.p-services-production .lightbox.is-open { display: flex; }
body.p-services-production .lightbox img { max-width: 90vw; max-height: 90vh; object-fit: contain; box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
body.p-services-production .lightbox-close {
  position: absolute; top: 24px; right: 32px; width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  font-size: 34px; line-height: 1; color: #FFFCF6; cursor: pointer;
}
body.p-services-production .mob { display: none; }
@media (max-width: 768px) {
body.p-services-production .page { display: none; }
body.p-services-production .lightbox { display: none !important; }
body.p-services-production .mob { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-services-production .mob .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-services-production .mob .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; }
body.p-services-production .mob .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-services-production .mob .m-logo { width: 72px; }
body.p-services-production .mob .m-logo img { width: 100%; height: auto; }
body.p-services-production .mob .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-services-production .mob .m-call svg { width: 20px; height: 20px; }
body.p-services-production .mob .m-hero { position: relative; min-height: 174px; display: flex; align-items: center; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/services-production/hero-door.jpg') center/cover no-repeat; }
body.p-services-production .mob .m-hero .t { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; max-width: 300px; }
body.p-services-production .mob .m-intro { padding: 40px 16px 0; display: flex; flex-direction: column; gap: 30px; }
body.p-services-production .mob .m-intro .lead { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; color: #000; }
body.p-services-production .mob .m-intro .desc { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-services-production .mob .m-img { width: 100%; background-size: cover; background-position: center; margin-top: 40px; }
body.p-services-production .mob .m-img.img1 { aspect-ratio: 402 / 360; background-image: url('images/services-production/produce.jpg'); }
body.p-services-production .mob .m-img.img2 { width: calc(100% - 32px); margin-left: 16px; aspect-ratio: 370 / 330; background-image: url('images/services-production/wood-detail.jpg'); }
body.p-services-production .mob .m-quote { padding: 36px 16px; }
body.p-services-production .mob .m-quote .inner { border-left: 1px solid #000; padding-left: 19px; }
body.p-services-production .mob .m-quote p { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-services-production .mob .m-materials { padding: 36px 16px 44px; display: flex; flex-direction: column; gap: 30px; }
body.p-services-production .mob .m-materials h2 { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; color: #000; }
body.p-services-production .mob .m-materials .list { display: flex; flex-direction: column; gap: 8px; }
body.p-services-production .mob .m-materials .row { display: flex; align-items: flex-start; gap: 8px; font-family: 'Golos Text', sans-serif; font-size: 14px; line-height: 17px; }
body.p-services-production .mob .m-materials .dot { flex: none; color: #CA4825; }
body.p-services-production .mob .m-materials .txt { color: #000; }
body.p-services-production .mob .m-gallery { position: relative; min-height: 398px; display: flex; flex-direction: column; justify-content: flex-end; gap: 26px; padding: 30px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/services-production/gallery-main.jpg') center/cover no-repeat; }
body.p-services-production .mob .m-gallery .more { display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
body.p-services-production .mob .m-gallery .more .label { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; }
body.p-services-production .mob .m-gallery .more .arrow { width: 60px; height: 30px; border: 1px solid #FFFCF6; border-radius: 20px; display: flex; align-items: center; justify-content: center; flex: none; }
body.p-services-production .mob .m-gallery .more .arrow svg { width: 18px; height: 12px; }
body.p-services-production .mob .m-gallery .thumbs { display: flex; gap: 15px; }
body.p-services-production .mob .m-gallery .thumb { flex: 1; aspect-ratio: 113 / 136; border: 1px solid #000; background-size: cover; background-position: center; }
body.p-services-production .mob .m-cta { position: relative; min-height: 439px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 40px 24px; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/services-production/why-corridor.jpg') center/cover no-repeat; }
body.p-services-production .mob .m-cta .note { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; max-width: 280px; }
body.p-services-production .mob .m-cta .btn { width: 150px; height: 50px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; }
body.p-services-production .mob .m-footer { background: #161616; padding: 40px 16px; }
body.p-services-production .mob .m-footer .f-logo { display: block; width: 110px; margin-bottom: 28px; }
body.p-services-production .mob .m-footer .f-logo img { width: 100%; height: auto; }
body.p-services-production .mob .m-footer .f-c { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #fff; margin-bottom: 8px; }
body.p-services-production .mob .m-footer .f-c.addr { margin-top: 16px; margin-bottom: 0; }
body.p-services-production .mob .m-footer .f-tagline { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin-top: 28px; max-width: 250px; }
body.p-services-production .mob .m-footer .f-copy { font-family: 'Golos Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #5E5B55; margin-top: 16px; }
}


/* ===================== zhilye-kompleksy.html  (body.p-zhilye-kompleksy) ===================== */
body.p-zhilye-kompleksy * { margin: 0; padding: 0; box-sizing: border-box; }
body.p-zhilye-kompleksy, body.p-zhilye-kompleksy { font-family: 'Golos Text', 'Golos', sans-serif; color: #000; background: #FFFCF6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.p-zhilye-kompleksy a { color: inherit; text-decoration: none; }
body.p-zhilye-kompleksy button { font-family: inherit; cursor: pointer; border: none; background: none; }
body.p-zhilye-kompleksy img { display: block; max-width: 100%; }
body.p-zhilye-kompleksy input { font-family: inherit; outline: none; border: none; background: transparent; }
body.p-zhilye-kompleksy .d-wrap { position: relative; width: 100%; overflow: hidden; }
body.p-zhilye-kompleksy .d { position: relative; width: 1440px; height: 5474px; margin: 0; background: #FFFCF6; }
@media (min-width: 1440px) {
body.p-zhilye-kompleksy .d { margin: 0 auto; }
}
body.p-zhilye-kompleksy .bleed { left: calc(50% - 720px); width: 1440px; }
@media (min-width: 1440px) {
body.p-zhilye-kompleksy .bleed { left: calc(50% - 50vw); width: 100vw; }
}
body.p-zhilye-kompleksy .d .header-logo { position: absolute; left: 650px; top: 37px; width: 140px; height: 69px; z-index: 50; }
body.p-zhilye-kompleksy .d .header-logo img { width: 100%; height: 100%; object-fit: contain; }
body.p-zhilye-kompleksy .d .header-contacts { position: absolute; right: 120px; top: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 14px; line-height: 17px; color: #000; z-index: 50; }
body.p-zhilye-kompleksy .d .header-nav { position: absolute; left: 50%; transform: translateX(-50%); top: 120px; display: flex; z-index: 50; }
body.p-zhilye-kompleksy .d .nav-item { padding: 0 24px; height: 40px; display: flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; border-radius: 12px; white-space: nowrap; }
body.p-zhilye-kompleksy .d .nav-item:hover { color: #CA4825; }
body.p-zhilye-kompleksy .d .hero { position: absolute; top: 185px; height: 523px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/zhilye-kompleksy/hero.jpg') center/cover no-repeat; z-index: 1; }
body.p-zhilye-kompleksy .d .hero-block { position: absolute; left: 222px; top: 418px; width: 792px; display: flex; flex-direction: column; gap: 35px; z-index: 5; }
body.p-zhilye-kompleksy .d .hero-block .h-title { font-weight: 500; font-size: 40px; line-height: 48px; color: #FFFCF6; }
body.p-zhilye-kompleksy .d .hero-block .h-sub { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-zhilye-kompleksy .d .lead-rule { position: absolute; left: 198px; top: 819px; width: 1px; height: 118px; background: #000; z-index: 3; }
body.p-zhilye-kompleksy .d .lead { position: absolute; left: 222px; top: 819px; width: 1098px; font-weight: 400; font-size: 30px; line-height: 36px; color: #000; z-index: 3; }
body.p-zhilye-kompleksy .d .lead p { margin-bottom: 12px; }
body.p-zhilye-kompleksy .d .lead p:last-child { margin-bottom: 0; }
body.p-zhilye-kompleksy .d .wwd { position: absolute; top: 1130px; height: 977px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/zhilye-kompleksy/what-we-do.jpg') center/cover no-repeat; z-index: 1; }
body.p-zhilye-kompleksy .d .wwd-block { position: absolute; left: 732px; top: 1498px; width: 588px; display: flex; flex-direction: column; gap: 87px; z-index: 3; }
body.p-zhilye-kompleksy .d .wwd-title { font-weight: 500; font-size: 65px; line-height: 78px; color: #FFFCF6; }
body.p-zhilye-kompleksy .d .wwd-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #FFFCF6; }
body.p-zhilye-kompleksy .d .wwd-list p { margin-bottom: 10px; }
body.p-zhilye-kompleksy .d .wwd-list p:last-child { margin-bottom: 0; }
body.p-zhilye-kompleksy .dot { color: #CA4825; }
body.p-zhilye-kompleksy .d .wwd-photos { position: absolute; left: 120px; top: 1898px; width: 1200px; display: flex; gap: 24px; z-index: 3; }
body.p-zhilye-kompleksy .d .wwd-photos .ph { width: 282px; height: 167px; background-size: cover; background-position: center; }
body.p-zhilye-kompleksy .d .ph.p1 { background-image: url('images/zhilye-kompleksy/s-yellow.jpg'); }
body.p-zhilye-kompleksy .d .ph.p2 { background-image: url('images/zhilye-kompleksy/s-corridor.jpg'); }
body.p-zhilye-kompleksy .d .ph.p3 { background-image: url('images/zhilye-kompleksy/s-lobby.jpg'); }
body.p-zhilye-kompleksy .d .ph.p4 { background-image: url('images/zhilye-kompleksy/s-marble.jpg'); }
body.p-zhilye-kompleksy .d .choose { position: absolute; left: 120px; top: 2324px; width: 714px; display: flex; flex-direction: column; gap: 40px; z-index: 3; }
body.p-zhilye-kompleksy .d .choose-title { font-weight: 400; font-size: 65px; line-height: 78px; color: #010101; }
body.p-zhilye-kompleksy .d .choose-text { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-zhilye-kompleksy .d .choose-list { font-weight: 400; font-size: 24px; line-height: 29px; color: #000; }
body.p-zhilye-kompleksy .d .choose-list p { margin-bottom: 10px; }
body.p-zhilye-kompleksy .d .choose-list p:last-child { margin-bottom: 0; }
body.p-zhilye-kompleksy .d .choose-rule { position: absolute; left: 912px; top: 2324px; width: 1px; height: 485px; background: #000; z-index: 3; }
body.p-zhilye-kompleksy .d .choose-photo { position: absolute; left: 1014px; top: 2324px; width: 306px; height: 485px; background: url('images/zhilye-kompleksy/choose.jpg') center/cover no-repeat; border: 1px solid #000; z-index: 3; }
body.p-zhilye-kompleksy .d .card { position: absolute; top: 3126px; width: 384px; height: 573px; background-size: cover; background-position: center; z-index: 3; }
body.p-zhilye-kompleksy .d .card::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.5); }
body.p-zhilye-kompleksy .d .card.c1 { left: 121px; background-image: url('images/zhilye-kompleksy/penaty.jpg'); }
body.p-zhilye-kompleksy .d .card.c2 { left: 529px; background-image: url('images/zhilye-kompleksy/uliss.jpg'); }
body.p-zhilye-kompleksy .d .card.c3 { left: 937px; background-image: url('images/zhilye-kompleksy/teppanyaki.jpg'); }
body.p-zhilye-kompleksy .d .card-name { position: absolute; left: 0; right: 0; top: 193px; text-align: center; font-weight: 400; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #FFFCF6; z-index: 2; }
body.p-zhilye-kompleksy .card-arrow { position: absolute; top: 52px; right: 18px; width: 60px; height: 30px; border: 1px solid #FFFCF6; border-radius: 20px; display: flex; align-items: center; justify-content: center; z-index: 2; }
body.p-zhilye-kompleksy .card-arrow svg { width: 18px; height: 12px; }
body.p-zhilye-kompleksy .d .form-bg { position: absolute; left: 120px; top: 3935px; width: 1200px; height: 875px; overflow: hidden; z-index: 1; }
body.p-zhilye-kompleksy .d .form-bg::before { content: ""; position: absolute; inset: -10px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/zhilye-kompleksy/hero.jpg') center/cover no-repeat; filter: blur(3px); }
body.p-zhilye-kompleksy .d .form-card { position: absolute; top: 4049px; left: calc(50% - 445px); width: 890px; height: 648px; background: #FFFCF6; border: 1px solid #000; z-index: 5; }
body.p-zhilye-kompleksy .d .form-card h2 { position: absolute; top: 37px; left: 0; right: 0; text-align: center; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-zhilye-kompleksy .d .form-fields { position: absolute; top: 122px; left: 253px; width: 385px; display: flex; flex-direction: column; gap: 45px; }
body.p-zhilye-kompleksy .d .form-field { position: relative; width: 385px; height: 51px; }
body.p-zhilye-kompleksy .d .form-field label { position: absolute; top: 0; left: 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #000; }
body.p-zhilye-kompleksy .d .form-field input { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #000; padding-bottom: 6px; font-size: 16px; color: #000; }
body.p-zhilye-kompleksy .d .form-btn { position: absolute; top: 391px; left: 254px; width: 143px; height: 54px; background: #CA4825; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFCF6; }
body.p-zhilye-kompleksy .d .form-note { position: absolute; top: 475px; left: 253px; width: 385px; font-weight: 400; font-size: 14px; line-height: 17px; color: #000; }
body.p-zhilye-kompleksy .d .form-phone { position: absolute; top: 564px; left: 144px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-zhilye-kompleksy .d .form-email { position: absolute; top: 564px; left: 468px; font-weight: 500; font-size: 32px; line-height: 38px; color: #000; }
body.p-zhilye-kompleksy .d .footer { position: absolute; top: 4985px; height: 489px; background: #161616; z-index: 1; }
body.p-zhilye-kompleksy .d .footer-logo { position: absolute; left: 120px; top: 5059px; width: 180px; height: 99px; z-index: 5; }
body.p-zhilye-kompleksy .d .footer-logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
body.p-zhilye-kompleksy .d .footer-tagline { position: absolute; left: 120px; top: 5347px; width: 384px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-zhilye-kompleksy .d .footer-copy { position: absolute; left: 120px; top: 5405px; font-weight: 400; font-size: 18px; line-height: 22px; color: #5E5B55; z-index: 5; }
body.p-zhilye-kompleksy .d .footer-phone { position: absolute; right: 120px; top: 5294px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-zhilye-kompleksy .d .footer-email { position: absolute; right: 120px; top: 5332px; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-zhilye-kompleksy .d .footer-address { position: absolute; right: 120px; top: 5371px; width: 413px; text-align: right; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; z-index: 5; }
body.p-zhilye-kompleksy .m { display: none; }
@media (max-width: 768px) {
body.p-zhilye-kompleksy .d-wrap { display: none; }
body.p-zhilye-kompleksy .m { display: block; width: 100%; background: #FFFCF6; overflow: hidden; }
body.p-zhilye-kompleksy .m .m-header { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
body.p-zhilye-kompleksy .m .m-burger { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; gap: 5px; }
body.p-zhilye-kompleksy .m .m-burger span { display: block; height: 3px; background: #161616; border-radius: 2px; }
body.p-zhilye-kompleksy .m .m-logo { width: 72px; }
body.p-zhilye-kompleksy .m .m-logo img { width: 100%; height: auto; }
body.p-zhilye-kompleksy .m .m-call { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
body.p-zhilye-kompleksy .m .m-call svg { width: 20px; height: 20px; }
body.p-zhilye-kompleksy .m .m-hero { position: relative; min-height: 200px; display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 24px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/zhilye-kompleksy/hero.jpg') center/cover no-repeat; }
body.p-zhilye-kompleksy .m .m-hero .t { font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFCF6; }
body.p-zhilye-kompleksy .m .m-hero .s { font-weight: 400; font-size: 12px; line-height: 14px; color: #FFFCF6; }
body.p-zhilye-kompleksy .m .m-lead { padding: 36px 16px; }
body.p-zhilye-kompleksy .m .m-lead .inner { border-left: 1px solid #000; padding-left: 22px; }
body.p-zhilye-kompleksy .m .m-lead p { font-weight: 400; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 10px; }
body.p-zhilye-kompleksy .m .m-lead p:last-child { margin-bottom: 0; }
body.p-zhilye-kompleksy .m .m-wwd { padding: 56px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/zhilye-kompleksy/what-we-do.jpg') center/cover no-repeat; }
body.p-zhilye-kompleksy .m .m-wwd h2 { font-weight: 500; font-size: 22px; line-height: 26px; color: #FFFCF6; margin-bottom: 30px; }
body.p-zhilye-kompleksy .m .m-wwd p { font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; margin-bottom: 8px; }
body.p-zhilye-kompleksy .m .m-wwd p:last-child { margin-bottom: 0; }
body.p-zhilye-kompleksy .m .m-choose { padding: 44px 16px; }
body.p-zhilye-kompleksy .m .m-choose h2 { font-weight: 400; font-size: 22px; line-height: 26px; color: #010101; margin-bottom: 24px; }
body.p-zhilye-kompleksy .m .m-choose .txt { font-weight: 400; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 24px; }
body.p-zhilye-kompleksy .m .m-choose p.li { font-weight: 400; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 8px; }
body.p-zhilye-kompleksy .m .m-choose p.li:last-child { margin-bottom: 0; }
body.p-zhilye-kompleksy .m .m-projects { padding: 12px 16px 44px; }
body.p-zhilye-kompleksy .m .m-card { margin-bottom: 30px; }
body.p-zhilye-kompleksy .m .m-card:last-child { margin-bottom: 0; }
body.p-zhilye-kompleksy .m .m-card .pic { width: 100%; height: 167px; background-size: cover; background-position: center; }
body.p-zhilye-kompleksy .m .m-card.k1 .pic { background-image: url('images/zhilye-kompleksy/penaty.jpg'); }
body.p-zhilye-kompleksy .m .m-card.k2 .pic { background-image: url('images/zhilye-kompleksy/uliss.jpg'); }
body.p-zhilye-kompleksy .m .m-card.k3 .pic { background-image: url('images/zhilye-kompleksy/teppanyaki.jpg'); }
body.p-zhilye-kompleksy .m .m-card .row { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; }
body.p-zhilye-kompleksy .m .m-card .nm { font-weight: 400; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #000; }
body.p-zhilye-kompleksy .m .m-arrow { width: 60px; height: 30px; border: 1px solid #161616; border-radius: 20px; display: flex; align-items: center; justify-content: center; flex: none; }
body.p-zhilye-kompleksy .m .m-arrow svg { width: 18px; height: 12px; }
body.p-zhilye-kompleksy .m .m-cta { position: relative; min-height: 340px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 40px 24px; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/zhilye-kompleksy/hero.jpg') center/cover no-repeat; }
body.p-zhilye-kompleksy .m .m-cta .note { font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFCF6; max-width: 300px; }
body.p-zhilye-kompleksy .m .m-cta .btn { width: 150px; height: 50px; background: #CA4825; border-radius: 2