/* design-interiera-samara-pre-v05.css
   Extracted from inline <style> blocks that originally loaded before /css/hi-partials.css.
   Purpose: technical cleanup only; no redesign.
*/

/* === legacy-inline-style === */
.hi-about-photo-mobile{
  display:none;
}
@media (max-width: 900px){
  /* Центровка текста в блоке "О студии HomeInterior" на мобильной версии */
  #services .hi-about{
    text-align: center;
  }
  #services .hi-about p{
    text-align: center;
  }

  /* На мобиле картинка про HomeInterior идёт после "Наши услуги" */
  #services .hi-about-layout .hi-about-photo{
    display: none;
  }

  .hi-about-photo-mobile{
    display: block;
    margin: 24px auto 0;
    max-width: 480px;
  }
  .hi-about-photo-mobile img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
    box-shadow: 0 0 40px rgba(0,0,0,0.6);
    object-fit: cover;
  }

  /* Тексты под ценами на мобиле — строго по левому краю */
  #prices .muted.prices-contract-note,
  #prices .muted.footnote{
    text-align: left;
  }

  /* В разделе "Обо мне и команде" на мобиле сначала фото, потом текст */
  #team .grid.cols-2 > div:first-child{
    order: 2;
  }
  #team .grid.cols-2 > div:last-child{
    order: 1;
  }
}


/* vNext SEO: disable not-ready projects */
.gallery-item-inner.is-disabled{pointer-events:none;cursor:default;}
.gallery-item-inner.is-disabled .project-cta-circle{display:none;}
.project-badge{position:absolute;left:14px;top:14px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(191,169,122,.35);color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;}


/* === legacy-inline-style === */
*{box-sizing:border-box;}body{margin:0;font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65;}h1,h2,h3{margin:0 0 12px;line-height:1.2}p{margin:0 0 12px}a{text-decoration:none}.wrap{width:min(90%,1600px);margin-inline:auto;}section{padding:80px 0;border-top:1px solid var(--border);}.btn,.btn-outline{display:inline-block;padding:13px 22px;border-radius:10px;font-weight:600;transition:.25s}.btn{background:#222;color:#fff}.btn-outline{border:1px solid #222;color:#222}.btn:hover,.btn-outline:hover{opacity:.9}/* HERO */#hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    overflow:hidden;
  }.hero-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:0;
    transition:opacity 1.2s ease-in-out;
    will-change: opacity;
  }.hero-bg.active{opacity:1;}#hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);
    z-index:1;
  }#hero .content{
    position:relative;
    z-index:2;
    width:min(96%,1280px);
  }.hero-subtitle{
    font-size:clamp(16px,1.8vw,22px); /* увеличен размер */
    letter-spacing:.4px;
    margin:0 0 8px; /* меньше отступа вниз */
    text-shadow:0 1px 3px rgba(0,0,0,.45); /* чуть сильнее тень */
  }.hero-title{
    font-size:clamp(26px,3.6vw,46px);
    font-weight:700;
    margin-bottom:8px;
    position:relative;
    min-height:44px;
  }.hero-title span{
    position:absolute;
    left:0;right:0;
    opacity:0;
    transition:opacity 0.7s ease;
    white-space:nowrap;
  }.hero-title span.active{opacity:1;}.hero-subline{
    position:relative;
    min-height:30px;
    font-size:clamp(14px,1.6vw,20px);
    opacity:.95;
    text-shadow:0 1px 2px rgba(0,0,0,.35);
    margin-bottom:12px;
  
    transition: opacity .28s ease;
  }.hero-subline.is-fading{opacity:0;}#hero .cta{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}/* Навигация: стрелки */.hero-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 42px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    padding: 8px 16px;
    user-select: none;
    transition: opacity .3s;
    opacity: .7;
  }.hero-nav:hover { opacity: 1; }.hero-nav.left { left: 20px; }.hero-nav.right { right: 20px; }/* Навигация: точки (под обоими текстами) */.hero-dots{
    display:flex;
    gap:10px;
    justify-content:center;
    margin:10px auto 0;
  }.hero-dot{
    width:12px;height:12px;border-radius:50%;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.7);
    cursor:pointer;
    transition:transform .2s ease, background .2s ease, border-color .2s ease;
  }.hero-dot:hover{ transform:scale(1.1); }.hero-dot.active{ background:#fff; border-color:#fff; transform:scale(1.18);}.hero-counter{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:6px;
    margin:10px auto 0;
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    opacity:.85;
    user-select:none;
  }.grid{display:grid;gap:28px}@media (min-width:920px){
.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}
}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.gallery img{width:100%;height:auto;border-radius:12px;}.gallery-item{
    width:100%;
  }.gallery-item img{
    width:100%;
    height:auto;
    border-radius:12px;
    transition:transform .6s ease-out;
  }.gallery-item-more{
    display:none;
  }.gallery-item{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:12px;
  }.gallery-item img{
    display:block;
    width:100%;
    height:auto;
    border-radius:12px;
    transition:transform .4s ease;
  }.gallery-item-inner{
    position:relative;
    display:block;
    width:100%;
    height:100%;
  }.project-cta-circle{
    position:absolute;
    right:16px;
    bottom:16px;
    width:44px;
    height:44px;
    border-radius:999px;
    border:none;
    background:rgba(0,0,0,.45);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 0 0 rgba(191,169,122,0);
    transition:box-shadow .3s ease, transform .3s ease, border-color .3s ease, background .3s ease;
    z-index:2;
  }.project-cta-circle span{
    display:block;
    font-size:20px;
    line-height:1;
    color:#fff;
    transition:transform .3s ease;
  }.gallery-item:hover .project-cta-circle span{
    transform:rotate(45deg);
  }.gallery-item:hover img{
    transform:scale(1.08);
  }.gallery-item:hover .project-cta-circle{
    box-shadow:0 0 18px rgba(191,169,122,.65);
    border-color:var(--hi-accent);
    background:rgba(0,0,0,.7);
    transform:translateY(-2px);
  }/* Touch feedback for project cards on tap (mobile) */.gallery-item-inner.is-touching img{
    transform:scale(1.08);
  }.gallery-item-inner.is-touching .project-cta-circle{
    box-shadow:0 0 18px rgba(191,169,122,.65);
    border-color:var(--hi-accent);
    background:rgba(0,0,0,.7);
    transform:translateY(-2px);
  }.gallery-item-inner.is-touching .project-cta-circle span{
    transform:rotate(45deg);
  }.portfolio-more-wrap{
    margin-top:24px;
    text-align:center;
  }.portfolio-more-btn{
    min-width:260px;
  }.muted{color:var(--muted)}footer{padding:60px 0;border-top:1px solid var(--border);color:var(--muted);font-size:14px}#about{padding:60px 0;}@media (max-width: 768px){
section { padding: 40px 0; }#hero { min-height: 90vh; }.hero-title span{white-space:normal;position:relative;display:none;opacity:1;}.hero-title{min-height:auto;}.hero-subline{min-height:auto;}.hero-title span.active{display:block;}.wrap { width: 92%; }.btn, .btn-outline { width: 100%; max-width: 300px; margin-inline: auto; }
}
/* == Active menu highlight (scrollspy) == *//* == Unified button hover (gold bg, dark text — matches social icons) == */@media (max-width: 900px){
#portfolio{
      scroll-margin-top:80px !important;
    }#prices{
      margin-top:-40px !important;
    }
}


/* === legacy-inline-style === */
/* === v30: Clean unified styles for entire site === *//* Header stability *//* General button design *//* Hover states - uniform gold glow for all buttons *//* Specific fix: phone button equal neon distribution *//* Ensure consistent rounding */@media (max-width: 768px){
.cta .btn, .cta .btn-outline { width: 100%; max-width: 280px; }
}


/* === hero-buttons-align-v34 === */
/* === v34: Perfect horizontal alignment for hero CTA buttons === */
#hero .cta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  flex-wrap: nowrap;
  margin-top: 22px;
}

#hero .cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 38px;
  line-height: 1;
  white-space: nowrap;
}

@media (max-width: 768px) {
  #hero .cta {
    flex-wrap: wrap;
    gap: 14px;
  }
  #hero .cta a {
    width: 100%;
    max-width: 300px;
  }
}


/* === cta-taller-v99 === */
/* v99: Make 'Портфолио' and 'Оставить заявку' buttons slightly taller (keep width same) */
.cta .btn, .cta .btn-outline {
  padding-block: 16px !important;  /* increase height */
  line-height: 1 !important;
  border-radius: 12px !important;
}


/* === cta-taller-v100 === */
/* v100: Make 'Портфолио' and 'Оставить заявку' buttons a bit taller */
.cta .btn, .cta .btn-outline {
  padding-block: 20px !important;  /* increased from 16px to 20px */
  line-height: 1 !important;
  border-radius: 12px !important;
}


/* === cta-narrower-v101 === */
/* v101: Make 'Портфолио' and 'Оставить заявку' buttons slightly narrower */
.cta .btn, .cta .btn-outline {
  padding-inline: 18px !important;  /* was wider, now narrower */
  padding-block: 20px !important;   /* keep previous height */
  line-height: 1 !important;
  border-radius: 12px !important;
  white-space: nowrap !important;   /* keep single line text */
}


/* === cta-narrower-v102 === */
/* v102: Slightly reduce width of 'Портфолио' and 'Оставить заявку' (minor adjustment) */
.cta .btn, .cta .btn-outline {
  padding-inline: 20px !important;  /* was 18px, now a bit wider again */
  padding-block: 20px !important;   /* keep height */
  line-height: 1 !important;
  border-radius: 12px !important;
  white-space: nowrap !important;
}


/* === hero-dots-original-brightglow-v2 === */
/* Original white dots + GOLD neon glow on hover & active; active fills gold */
.hero-dot{
  background: rgba(255,255,255,0.12) !important;  /* original subtle white fill */
  border: 1px solid rgba(255,255,255,0.8) !important; /* original white border */
  border-radius: 50% !important;
  box-shadow: none !important;
  transition: background .25s ease, box-shadow .35s ease, transform .25s ease, border-color .25s ease;
}
.hero-dot:hover{
  background: rgba(255,255,255,0.22) !important;       /* slight brighten on hover */
  box-shadow: 0 0 18px rgba(191,169,122,0.70),          /* GOLD glow like buttons */
              0 0 36px rgba(191,169,122,0.45) !important;
  transform: scale(1.12);
  border-color: rgba(255,255,255,0.95) !important;      /* keep white edge crisp */
}
.hero-dot.active{
  background: #BFA97A !important;                      /* solid GOLD when active */
  border-color: #BFA97A !important;
  box-shadow: 0 0 22px rgba(191,169,122,0.85),
              0 0 48px rgba(191,169,122,0.60),
              0 0 80px rgba(191,169,122,0.40) !important; /* deeper GOLD halo */
  transform: scale(1.18);
}


/* === contacts-map-styles === */
.contact-grid{display:grid;grid-template-columns:1.1fr 1.6fr;gap:24px;align-items:start}
@media(max-width: 900px){.contact-grid{grid-template-columns:1fr;gap:16px}}
.contact-info .nap p{margin:4px 0 8px}
.contact-info .cta-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.contact-map{position:relative;min-height:280px;border-radius:14px;overflow:hidden;border:1px solid var(--border)}
.map-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center, rgba(255,255,255,.12), rgba(0,0,0,.35)), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><rect width="12" height="12" fill="%23111111"/></svg>');backdrop-filter: blur(2px);cursor:pointer}
.map-placeholder span{padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;box-shadow:0 0 16px rgba(191,169,122,.5), 0 0 36px rgba(191,169,122,.35)}
.map-canvas{position:absolute;inset:0}


/* === prices-polish === */
.hi-prices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:1024px){.hi-prices-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hi-prices-grid{grid-template-columns:1fr}}
.price-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 8px 28px rgba(0,0,0,.04);transition:transform .25s ease, box-shadow .25s ease}
.price-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,0,0,.07)}
.price-card header{margin-bottom:10px}
.price-card h3{margin:4px 0 2px;font-size:20px}
.price-card .subtitle{margin:0;color:#6b7280;font-size:14px}
.price-card .features{margin:12px 0 16px;padding-left:18px;line-height:1.6}
.price-card .price{font-weight:700;font-size:18px;margin:0 0 14px}
.price-card .price.main{font-size:20px}
.price-card .icon-dot,.price-card .icon-crown,.price-card .icon-star{width:26px;height:26px;border-radius:50%;box-shadow:0 0 16px rgba(191,169,122,.45), 0 0 32px rgba(191,169,122,.25);margin-bottom:6px}
.price-card .icon-dot{background:radial-gradient(circle at 50% 50%, #f2e7c8 0%, #bfa97a 70%)}
.price-card .icon-crown{background:radial-gradient(circle at 50% 50%, #fff8db 0%, #d4b97a 70%)}
.price-card .icon-star{background:radial-gradient(circle at 50% 50%, #fdeab8 0%, #c9ad6e 70%)}
.price-card.featured{border:2px solid var(--hi-accent);position:relative}
.price-card.featured::after{content:'';position:absolute;top:10px;right:12px;font-size:12px;color:#bfa97a}

.hi-prices-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff}
.hi-prices-table{width:100%;border-collapse:separate;border-spacing:0}
.hi-prices-table th,.hi-prices-table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:top}
.hi-prices-table thead th{font-weight:700;text-align:left;background:#fafafa}
.hi-prices-table tbody tr:last-child td{border-bottom:0}
.hi-prices-table .price-col{white-space:nowrap}
.hi-prices-table tbody tr.featured{background:linear-gradient(180deg,#fff,#fffef7)}
.btn.sm{padding:8px 12px;font-size:14px}
.btn-outline.sm{padding:8px 12px;font-size:14px}
@media(max-width:720px){
  .hi-prices-table thead{display:none}
  .hi-prices-table tbody tr{display:block;border-bottom:1px solid var(--border)}
  .hi-prices-table td{display:flex;justify-content:space-between;gap:12px}
  .hi-prices-table td::before{content:attr(data-label);font-weight:600;color:#6b7280}
  .hi-prices-table td.price-col{justify-content:flex-start}
}


/* === hi-about-min === */
#services .hi-lead-note{max-width:980px;margin:0 auto 26px;text-align:center;}
  #services .hi-value-grid,
  #services .hi-format-grid,
  #services .hi-why-grid,
  #services .hi-process-grid{display:grid;gap:18px;}
  #services .hi-value-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:34px;}
  #services .hi-format-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 34px;}
  #services .hi-process-grid,
  #services .hi-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #services .hi-value-card,
  #services .hi-format-card,
  #services .hi-process-card,
  #services .hi-why-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(191,169,122,.22);
    border-radius:16px;
    padding:20px 20px 18px;
    box-shadow:0 8px 24px rgba(0,0,0,.16);
  }
  #services .hi-value-card h3,
  #services .hi-format-card h3,
  #services .hi-process-card h3,
  #services .hi-why-card h3{margin:0 0 8px;font-size:20px;line-height:1.2;color:var(--hi-text);}
  #services .hi-value-card p,
  #services .hi-format-card p,
  #services .hi-process-card p,
  #services .hi-why-card p{margin:0;color:var(--hi-text-dim);}
  #services .hi-value-card::before,
  #services .hi-format-card::before,
  #services .hi-process-card::before,
  #services .hi-why-card::before{
    content:"";
    display:block;
    width:34px;
    height:34px;
    margin-bottom:14px;
    border-radius:999px;
    border:1px solid rgba(191,169,122,.72);
    box-shadow:0 0 16px rgba(191,169,122,.18);
    background:radial-gradient(circle at 50% 50%, rgba(191,169,122,.34), rgba(191,169,122,.08) 62%, transparent 70%);
  }
  #services > .wrap > h2.section-title:first-of-type{display:table !important;width:auto !important;margin:0 auto 16px !important;text-align:center !important;}
  #services > .wrap > h2.section-title:first-of-type::after{left:50% !important;right:auto !important;width:100% !important;transform:translateX(-50%) !important;margin:0 !important;}
  #services > .wrap > p.hi-lead-note:first-of-type{max-width:1220px;margin:0 auto 30px !important;font-size:clamp(17px,1.16vw,20px);line-height:1.58 !important;text-align:center !important;}
  #services .hi-about{margin: 0 0 22px 0;}
  #services .hi-about p{margin: 0 auto 4px; max-width: 1100px; text-align:center; white-space: normal; overflow-wrap: normal; word-break: normal; hyphens: none;}
  #services .hi-about-title{margin: 0 0 8px 0; font-weight: 700;}
  #services .hi-about-layout{display:flex;align-items:flex-start;gap:40px;}
  #services .hi-about-photo{flex:0 0 48%;max-width:48%;margin-top:20px;}
  #services .hi-about-photo img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 0 40px rgba(0,0,0,0.6);object-fit:cover;}
  #services .hi-format-card .hi-card-kicker,
  #services .hi-process-card .hi-card-kicker{display:block;margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--hi-accent);}
  #services .hi-format-card .hi-mini-note{margin-top:10px;font-size:14px;color:var(--hi-text-dim);opacity:.92;}
  #services .hi-process-card strong,
  #services .hi-why-copy strong{color:var(--hi-text);font-weight:600;}
  #services .hi-services-layout{display:flex;align-items:flex-start;gap:40px;margin-top:4px;}
  #services .hi-services-main{flex:1 1 52%;}
  #services .hi-services-side{flex:0 0 48%;max-width:48%;padding-top:0;}
  #services .hi-services-main h2,
  #services .hi-services-side h2{text-align:left;margin:0 0 16px 0;}
  #services .hi-why-copy{margin:0 0 18px;}
  #services .hi-why-grid{margin-top:0;}
  #services .hi-inline-note{margin:14px 0 0;color:var(--hi-text-dim);}

  @media(max-width:1180px){
    #services .hi-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    #services .hi-format-grid{grid-template-columns:1fr;}
  }

  @media(max-width:900px){
    #services .hi-lead-note,
    #services .hi-about p{text-align:center;}
    #services .hi-services-layout{flex-direction:column;gap:24px;margin-top:12px;}
    #services .hi-services-side{flex:0 0 auto;max-width:100%;}
    #services .hi-services-main{flex:1 1 auto;}
    #services .hi-about-layout{flex-direction:column;}
    #services .hi-about-photo{flex:0 0 auto;max-width:100%;margin-top:20px;}
    #services .hi-value-grid,
    #services .hi-process-grid,
    #services .hi-why-grid{grid-template-columns:1fr;}
  }


/* === external-proof-v1 === */
#reviews-proof{padding:56px 0 72px;}
#reviews-proof .wrap{max-width:min(90%,1320px);}
#reviews-proof .hi-proof-intro{max-width:900px;margin:0 auto 24px;text-align:center;}
#reviews-proof .hi-proof-kicker{display:inline-block;margin:0 0 10px;padding:6px 12px;border:1px solid rgba(191,169,122,.32);border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--hi-accent);background:rgba(191,169,122,.08);}
#reviews-proof .hi-proof-intro p{margin:0 auto;color:var(--hi-text-dim);}
#reviews-proof .hi-proof-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 18px;}
#reviews-proof .hi-proof-stat,
#reviews-proof .hi-proof-quote,
#reviews-proof .hi-proof-main{position:relative;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.24);overflow:hidden;}
#reviews-proof .hi-proof-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:20px;align-items:start;margin-bottom:18px;}
#reviews-proof .hi-proof-main::before,
#reviews-proof .hi-proof-stat::before,
#reviews-proof .hi-proof-quote::before{content:"";position:absolute;inset:0 0 auto; height:3px;background:linear-gradient(90deg,rgba(191,169,122,0),rgba(191,169,122,.95),rgba(191,169,122,0));opacity:.9;}
#reviews-proof .hi-proof-main-title{margin:0 0 12px;font-size:clamp(24px,3vw,34px);line-height:1.2;color:var(--hi-text);font-weight:700;}
#reviews-proof .hi-proof-main p{margin:0 0 12px;color:var(--hi-text-dim);}
#reviews-proof .hi-proof-main p:last-child{margin-bottom:0;}
#reviews-proof .hi-proof-main strong{color:var(--hi-text);font-weight:600;}
#reviews-proof .hi-proof-source{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:18px;font-size:14px;color:var(--hi-text-dim);}
#reviews-proof .hi-proof-source a{color:var(--hi-text);text-decoration:underline;text-underline-offset:3px;}
#reviews-proof .hi-proof-actions{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center;justify-content:flex-start;}
#reviews-proof .hi-proof-side{display:grid;gap:12px;}
#reviews-proof .hi-proof-side-note{font-size:14px;color:var(--hi-text-dim);opacity:.95;}
#reviews-proof .hi-proof-side-note strong{color:var(--hi-text);}
#reviews-proof .hi-proof-stat small{display:block;margin-bottom:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--hi-text-dim);}
#reviews-proof .hi-proof-stat strong{display:block;margin-bottom:6px;font-size:clamp(34px,4vw,46px);line-height:1;color:var(--hi-text);}
#reviews-proof .hi-proof-stat p{margin:0;color:var(--hi-text-dim);}
#reviews-proof .hi-proof-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
#reviews-proof .hi-proof-quote{padding-top:22px;}
#reviews-proof .hi-proof-quote p{margin:0 0 14px;color:var(--hi-text-dim);}
#reviews-proof .hi-proof-quote footer{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--hi-text-dim);}
#reviews-proof .hi-proof-quote strong{color:var(--hi-text);font-weight:600;}
#reviews-proof .hi-proof-quote cite{font-style:normal;color:var(--hi-accent);}
@media (max-width:1180px){
  #reviews-proof .hi-proof-main{grid-template-columns:1fr;}
  #reviews-proof .hi-proof-stats,
  #reviews-proof .hi-proof-quotes{grid-template-columns:1fr;}
}
@media (max-width:900px){
  #reviews-proof{padding:46px 0 60px;}
  #reviews-proof .hi-proof-intro{text-align:left;}
  #reviews-proof .hi-proof-main,
  #reviews-proof .hi-proof-stat,
  #reviews-proof .hi-proof-quote{padding:20px;}
  #reviews-proof .hi-proof-actions{flex-direction:column;align-items:stretch;}
  #reviews-proof .hi-proof-actions .btn,
  #reviews-proof .hi-proof-actions .btn-outline{text-align:center;}
  #reviews-proof .hi-proof-source{flex-direction:column;align-items:flex-start;}
}


/* === hi-headings-underline === */
/* Gold underline auto-fits the width of each heading text (except hero) */
section:not(#hero) h2.section-title,
section:not(#hero) > .wrap > h2,
#services h2,
#design-steps h2,
#portfolio h2,
#prices h2,
#pricing h2,
#partners h2,
#contacts h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 16px;
}

section:not(#hero) h2.section-title::after,
section:not(#hero) > .wrap > h2::after,
#services h2::after,
#design-steps h2::after,
#portfolio h2::after,
#prices h2::after,
#pricing h2::after,
#partners h2::after,
#contacts h2::after {
  content: "";
  position: absolute;
  left: 0;                 /* align underline to start of heading */
  bottom: -10px;
  height: 1px;
  width: 100%;             /* auto = full width of heading text */
  background: linear-gradient(90deg,
    rgba(191,169,122,0.0) 0%,
    rgba(191,169,122,0.85) 12%,
    rgba(191,169,122,0.95) 50%,
    rgba(191,169,122,0.85) 88%,
    rgba(191,169,122,0.0) 100%);
  box-shadow: 0 0 10px rgba(191,169,122,.45), 0 0 22px rgba(191,169,122,.25);
  border-radius: 2px;
}

@media (max-width: 768px){
  section:not(#hero) h2.section-title::after,
  section:not(#hero) > .wrap > h2::after,
  #services h2::after,
  #design-steps h2::after,
  #portfolio h2::after,
  #prices h2::after,
  #pricing h2::after,
  #partners h2::after,
  #contacts h2::after {
    bottom: -8px;
  }
}


/* === footer-separator-gold === */
/* Золотая линия‑разделитель между блоком контактов и подвалом */
footer{
  position: relative;
}
footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
  background: linear-gradient(90deg,
    rgba(191,169,122,0.0) 0%,
    rgba(191,169,122,0.85) 12%,
    rgba(191,169,122,0.95) 50%,
    rgba(191,169,122,0.85) 88%,
    rgba(191,169,122,0.0) 100%);
  box-shadow: 0 0 10px rgba(191,169,122,.45), 0 0 22px rgba(191,169,122,.25);
  border-radius:2px;
}


/* === hero-underline-tapered === */
/* Thin, subtle animated gold underline (auto-width) */
#hero .hero-subtitle{
  position:relative; display:inline-block; padding-bottom:14px;
}
#hero .hero-subtitle .u-core,
#hero .hero-subtitle .u-glow{ top:100%;
  position:absolute; left:50%; transform: translate(-50%,-50%); bottom:0; width:0; pointer-events:none;
}
/* Core line: 2px with tapered gradient */
#hero .hero-subtitle .u-core{
  height:2px;
  background: linear-gradient(90deg,
    rgba(191,169,122,0.00) 0%,
    rgba(191,169,122,0.70) 15%,
    rgba(191,169,122,0.90) 50%,
    rgba(191,169,122,0.70) 85%,
    rgba(191,169,122,0.00) 100%);
  box-shadow: 0 0 4px rgba(191,169,122,.25), 0 0 10px rgba(191,169,122,.18);
  -webkit-mask-image: radial-gradient(110% 100% at 50% 50%, #000 55%, rgba(0,0,0,0) 100%);
          mask-image: radial-gradient(110% 100% at 50% 50%, #000 55%, rgba(0,0,0,0) 100%);
  border-radius: 2px;
}
/* Mid highlight strip inside core for metallic feel (1px) */
#hero .hero-subtitle .u-core::before{
  content:""; position:absolute; left:0; right:0; top:50%; height:1px; transform:translateY(-50%);
  background: linear-gradient(90deg,
    rgba(255, 240, 200, 0.00) 0%,
    rgba(255, 240, 200, 0.70) 48%,
    rgba(255, 240, 200, 0.70) 52%,
    rgba(255, 240, 200, 0.00) 100%);
  -webkit-mask-image: radial-gradient(110% 100% at 50% 50%, #000 60%, rgba(0,0,0,0) 100%);
          mask-image: radial-gradient(110% 100% at 50% 50%, #000 60%, rgba(0,0,0,0) 100%);
  border-radius: 1px;
}
/* Soft halo: 6px height, light blur & low opacity */
#hero .hero-subtitle .u-glow{
  top:100%; height:8px;
  background: linear-gradient(90deg,
    rgba(191,169,122,0.00) 0%,
    rgba(191,169,122,0.22) 20%,
    rgba(191,169,122,0.28) 50%,
    rgba(191,169,122,0.22) 80%,
    rgba(191,169,122,0.00) 100%);
  filter: blur(1px); opacity:.75;
  -webkit-mask-image: radial-gradient(140% 100% at 50% 50%, #000 55%, rgba(0,0,0,0) 100%);
          mask-image: radial-gradient(140% 100% at 50% 50%, #000 55%, rgba(0,0,0,0) 100%);
  border-radius: 6px;
}
@media (max-width: 768px){
  #hero .hero-subtitle{ padding-bottom:12px; }
  #hero .hero-subtitle .u-glow{ top:100%; height:8px; }
}


/* === hero-subtitle-size-clamp === */
#hero .hero-subtitle{ font-size: clamp(16px, calc(1.2vw + 12px), 22px) !important; line-height: 1.25; }


/* === night-theme-v1 === */
body{ background:var(--hi-bg); color:var(--hi-text); }section{ background:var(--hi-surface); color:var(--hi-text); }section p, section li{ color:var(--hi-text-dim); }/* Hero overlay: gentle darkening for slides */#hero{ position:relative; }#hero::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(to bottom, rgba(0,0,0,.22) 0%, rgba(0,0,0,.42) 100%);
}#hero .content, #hero .hero-title, #hero .hero-subtitle, #hero .cta{ position:relative; z-index:2; }/* Keep hero underline above overlay */#hero .hero-subtitle{ position:relative; z-index:3; }/* Header underglow: bright core line + soft glow strictly below the header */


/* === merge-services-steps-equal-12 === */
#services{ padding-bottom:12px !important; }
#design-steps{ border-top:0 !important; padding-top:12px !important; }


/* === prices-polish-v2 === */
/* Grid */
#prices .hi-prices-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  align-items: stretch;
}

/* Card */
#prices .price-card{
  background: #1b1b1c;
  border: 1px solid rgba(191,169,122,0.28);
  border-radius: 16px;
  padding: 22px 22px 24px;
  box-shadow: 0 1px 0 rgba(255,255,255,0.02), inset 0 0 0 1px rgba(255,255,255,0.03);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  position: relative;
  overflow: hidden;
}

#prices .price-card:hover{
  transform: translateY(-2px);
  border-color: rgba(191,169,122,0.45);
  box-shadow: 0 0 22px rgba(191,169,122,0.20), 0 8px 24px rgba(0,0,0,0.35);
}

/* Featured */
#prices .price-card.featured{
  background: #202021;
  border-color: rgba(191,169,122,0.55);
  box-shadow: 0 0 26px rgba(191,169,122,0.18), 0 10px 28px rgba(0,0,0,0.38);
}

/* Header */
#prices .price-card header{ margin-bottom: 10px; }
#prices .price-card h3{
  font-size: clamp(18px, 1.45vw, 22px);
  line-height: 1.15;
  margin: 6px 0 6px;
  color: var(--hi-text, #E8E3D4);
  letter-spacing: .2px;
}

#prices .price-card .subtitle{
  margin: 0;
  font-size: clamp(12px, .95vw, 14px);
  color: var(--hi-text-dim, #CFC8B5);
  opacity: .9;
}

/* Icons (gold, minimalist) */
#prices .icon-dot, #prices .icon-crown{
  width: 22px; height: 22px; border-radius: 50%;
  position: relative; display: inline-block;
  background: radial-gradient(circle at 50% 50%, rgba(191,169,122,0.32), rgba(191,169,122,0.06) 60%, transparent 70%);
  box-shadow: 0 0 10px rgba(191,169,122,0.25);
}
#prices .icon-dot::after{
  content:""; position:absolute; inset:6px;
  border-radius: 50%; border:1px solid rgba(191,169,122,0.9);
}
#prices .icon-crown::after{
  content:""; position:absolute; left:5px; right:5px; top:6px; bottom:6px;
  background:
    linear-gradient(135deg, transparent 45%, rgba(191,169,122,0.95) 46%, rgba(191,169,122,0.95) 54%, transparent 55%) left top/50% 50% no-repeat,
    linear-gradient(225deg, transparent 45%, rgba(191,169,122,0.95) 46%, rgba(191,169,122,0.95) 54%, transparent 55%) right top/50% 50% no-repeat,
    linear-gradient(0deg, rgba(191,169,122,0.95), rgba(191,169,122,0.95)) center bottom/60% 18% no-repeat;
  border-radius: 2px;
}

/* Features list */
#prices .features{
  list-style: none; padding: 0; margin: 10px 0 12px;
}
#prices .features li{
  display: grid; grid-template-columns: 18px 1fr; align-items: center;
  gap: 10px; margin: 6px 0; font-size: clamp(13px, 1.05vw, 15px);
  color: var(--hi-text-dim, #CFC8B5);
}
#prices .features li::before{
  content:""; width: 14px; height: 14px; margin-top: 2px;
  border-radius: 50%;
  border: 1px solid rgba(191,169,122,.9);
  box-shadow: 0 0 10px rgba(191,169,122,.35);
  background: radial-gradient(circle at 50% 50%, rgba(191,169,122,.35), rgba(191,169,122,.10) 60%, transparent 70%);
}

/* Price value */
#prices .price{
  font-size: clamp(16px, 1.2vw, 18px);
  color: var(--hi-text, #E8E3D4);
  letter-spacing: .2px;
  margin: 10px 0 12px;
}
#prices .price strong, #prices .price b{ color: var(--hi-gold, #BFA97A); font-weight: 600; }

/* CTA inside prices only: align with night theme */
#prices .btn-outline{
  display: inline-block;
  padding: 10px 14px;
  border: 1px solid rgba(191,169,122,.7);
  border-radius: 999px;
  color: var(--hi-text, #E8E3D4); text-decoration: none;
  transition: box-shadow .25s ease, background-color .25s ease, transform .2s ease;
  background: rgba(191,169,122,.08);
  box-shadow: 0 0 10px rgba(191,169,122,.18) inset, 0 0 0 rgba(0,0,0,0);
}
#prices .btn-outline:hover{
  background: rgba(191,169,122,.16);
  box-shadow: 0 0 18px rgba(191,169,122,.28), 0 0 1px rgba(191,169,122,.65) inset;
  transform: translateY(-1px);
}

/* Small rhythm tweaks */
#prices h2{ margin-bottom: 12px; }
#prices p.muted{ color: var(--hi-text-dim, #CFC8B5); }


/* === contacts-link-and-btn-style === */
#contacts a[href^="tel:"],
#contacts a[href^="mailto:"]{
  color: var(--hi-text, #E8E3D4) !important;
  text-decoration: none;
}
#contacts a[href^="tel:"]:hover,
#contacts a[href^="mailto:"]:hover{
  color: var(--hi-text, #E8E3D4) !important;
  text-shadow: 0 0 10px rgba(191,169,122,.25);
}
#contacts .btn, #contacts button, #contacts input[type="submit"]{
  display:inline-block; padding:12px 18px; border-radius:999px; text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  background:#111; color:#E8E3D4;
  box-shadow:0 0 12px rgba(0,0,0,.45), 0 0 16px rgba(191,169,122,.20);
  cursor:pointer;
}
#contacts .btn:hover, #contacts button:hover, #contacts input[type="submit"]:hover{
  background:#161616;
  box-shadow:0 0 18px rgba(0,0,0,.55), 0 0 22px rgba(191,169,122,.28);
}


/* === legacy-inline-style === */
/* footer socials row */
.hi-socials-footer{display:flex;justify-content:center;gap:12px;margin:18px 0 6px}
@media (max-width:640px){.hi-socials-footer{gap:10px;margin:14px 0 4px}}


/* === legacy-inline-style === */
/* normalize footer copy row */
footer .copy-row{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
}
footer .copy-row .muted{margin:0 !important; flex:1 1 auto !important;}
footer .copy-row .policy-link,
footer .copy-row .policy-link:visited{
  color:#bfbfbf !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
footer .copy-row .policy-link:hover{ color:#ffffff !important; }
@media (max-width:640px){
  footer .copy-row{flex-direction:column !important; align-items:flex-start !important; gap:8px !important;}
}


/* === legacy-inline-style === */
/* style user agreement link same as policy */
footer .copy-row .user-link,
footer .copy-row .user-link:visited{
  color:#bfbfbf !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
footer .copy-row .user-link:hover{ color:#ffffff !important; }
@media (max-width:640px){
  footer .copy-row .user-link{ margin-left:0 !important; }
}


/* === mobile-cls-guard === */
@media (max-width: 768px){
  html, body { width:100%; max-width:100vw; overflow-x:hidden; }
  section, [class*="section"], [class*="block"], .container {
    box-sizing:border-box; width:100%; max-width:100%; margin-left:auto; margin-right:auto;
  }
  header nav a[href^="#"], footer nav a[href^="#"] {
    padding: 8px 14px; border:1px solid transparent; border-radius:12px;
  }
  * {
    transition-property: color, background-color, box-shadow, opacity, transform !important;
  }
  img, video { display:block; max-width:100%; height:auto; }
}


/* === hi-mobile-header-v1 === */
/* Drawer *//* Sticky header & scroll compensation */:root { scroll-behavior: smooth; }body{ scroll-padding-top: 84px; }@media (max-width: 880px){
body{ scroll-padding-top: 72px; }
}


/* === legacy-inline-style === */
@media (max-width: 900px){
  h2.section-title,
  #services h2,
  #design-steps h2,
  #portfolio h2,
  #prices h2,
  #team h2,
  #partners h2,
  #contacts h2 {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}


/* === legacy-inline-style === */
/* Remove horizontal divider lines between sections */
section{
  border-top:none !important;
}


/* === desktop-headings-left-final === */
@media (min-width: 901px) {
  h2.section-title,
  #services h2,
  #design-steps h2,
  #portfolio h2,
  #prices h2,
  #team h2,
  #partners h2,
  #contacts h2 {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* === legacy-inline-style === */
/* Desktop: underline slightly wider than heading text */
@media (min-width: 1025px){
  section:not(#hero) h2.section-title::after,
  section:not(#hero) > .wrap > h2::after,
  #services h2::after,
  #design-steps h2::after,
  #portfolio h2::after,
  #prices h2::after,
  #pricing h2::after,
  #partners h2::after,
  #contacts h2::after {
    left:-5% !important;
    width:110% !important;
  }
}


/* === legacy-inline-style === */
/* Смещаем скролл по якорям на мобиле, чтобы шапка не перекрывала заголовки */
@media (max-width: 900px){
  section[id],
  [id^="section"],
  #hero,
  #services,
  #design-steps,
  #portfolio,
  #prices,
  #team,
  #partners,
  #contacts {
    scroll-margin-top: var(--himob-h) !important;
  }
}


/* === legacy-inline-style === */
/* chernovich: отключаем подсветку подвала и горизонтальную линию */
#footer-light,
.foot-underline {
  display: none !important;
}
footer {
  border-top: none !important;
}


/* === legacy-inline-style === */
/* Точное смещение якоря для раздела Портфолио на мобиле:
   выравниваем отступ по шапке как у остальных разделов */
@media (max-width: 900px){
  #portfolio{
    scroll-margin-top: var(--himob-h) !important;
  }
}


/* === portfolio-gallery-2cols-desktop === */
@media (min-width: 1024px){
  .gallery{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* === desktop-typography-tune === */
/* Увеличение читабельности на десктопе */
  @media (min-width: 1024px){
    body{
      font-size:17px;
    }
    h2{
      font-size:28px;
    }
    #hero .hero-title{
      font-size:clamp(30px,3.8vw,50px);
    }
    #hero .hero-subline{
      font-size:18px;
    }
    #services p,
    #portfolio p,
    #prices p,
    #team p,
    #contacts p{
      font-size:18px;
      line-height:1.5;
    }
    #prices .hi-price-title{
      font-size:20px;
    }
    #prices .hi-price-tagline{
      font-size:16px;
    }
  }


/* === desktop-center-main-headings-v2 === */
@media (min-width: 1024px){
    /* Центруем ключевые заголовки на десктопе: "О студии", "Цены", "Как мы работаем", портфолио */
    #services .hi-about-title.section-title,
    #portfolio > .wrap > h2,
    #prices > .wrap > h2,
    #design-steps h2{
      display:block !important;
      width:max-content !important;
      margin-left:auto !important;
      margin-right:auto !important;
      text-align:center !important;
    }
  }


/* === desktop-main-headings-bigger === */
@media (min-width: 1024px){
    #services .hi-about-title.section-title,
    #portfolio > .wrap > h2,
    #prices > .wrap > h2,
    #team > .wrap > h2{
      font-size:36px !important;
    }
  }


/* === desktop-bodytext-unify-v1 === */
/* Выровнял размер шрифта для всего основного текста на десктопе
     (услуги, этапы, описания пакетов и списки) под разделы "О студии" и "Обо мне и команде". */
  @media (min-width: 1024px){
    /* Список услуг под "О студии" */
    #services li{
      font-size:18px;
      line-height:1.5;
    }

    /* Описания этапов работы */
    #design-steps p{
      font-size:18px;
      line-height:1.5;
    }

    /* Текст в карточках тарифов: подзаголовки и пункты списков */
    #prices .price-card .subtitle,
    #prices .features li{
      font-size:18px;
    }
  }


/* === hi-mobile-tune-v2 === */
@media (max-width: 900px){
  #services,
  #design-steps,
  #portfolio,
  #prices,
  #team,
  #partners,
  #contacts {
    scroll-margin-top: 56px !important;
  }
}


/* === mobile-team-gap-fix === */
@media (max-width: 900px){
  /* Поднять раздел "Обо мне и команде" ближе к "Цены на дизайн интерьера" и не трогать десктоп */
  #team{
    margin-top: -30px !important;
    padding-top: 20px !important;
  }
}


/* === mobile-micro-fixes-20251129 === */
@media (max-width: 900px){
/* 1) Anchor offset: slightly more gap between header and "Обо мне и команде" */#team{
    scroll-margin-top: 61px !important;
  }/* 2) Bigger mobile logo *//* 3) Vertically center contents in mobile header (slightly lower) *//* 4) Mobile nav background closer to desktop transparency *//* 5) Reduce gap before "Наши партнёры" */#partners{
    padding-top:60px;
  }/* 6) Slimmer project CTA arrows on mobile */.project-cta-circle{
    width:40px;
    height:40px;
    right:12px;
    bottom:12px;
  }.project-cta-circle span{
    font-size:22px;
    font-weight:600;
  }/* 7a) Bigger tariff titles on mobile */#prices .price-card h3{
    font-size:21px;
  }/* 7) Unify font size in prices section on mobile */#prices .price-card .subtitle,
  #prices .features li,
  #prices .price{
    font-size:17px;
    line-height:1.6;
  }/* 8) Center "Заказать" buttons in tariff cards */#prices .price-card .btn{
    display:block;
    width:max-content;
    margin:8px auto 0;
    text-align:center;
  }
}


/* === homeinterior-extra-fixes-20251129 === */
/* Slightly more transparent header on mobile + clearer project tap feedback + partners gap + price header centering */#partners{
    padding-top:60px !important;
  }#prices .price-card header{
    text-align:center;
  }@media (max-width: 900px){
/* Active (tap) feedback for project cards */.gallery-item-inner:active img{
      transform:scale(1.08);
    }.gallery-item-inner:active .project-cta-circle{
      box-shadow:0 0 18px rgba(191,169,122,.65);
      border-color:var(--hi-accent);
      background:rgba(0,0,0,.7);
      transform:translateY(-2px);
    }.gallery-item-inner:active .project-cta-circle span{
      transform:rotate(45deg);
    }
}
/* Hide "рекомендуем" label on featured tariff */#prices .price-card.featured::after{
    content:"";
    display:none;
  }


/* === mobile-final-tweaks-20251129b === */
/* 5) Partners gap globally tightened */#partners{
    padding-top:40px !important;
  }/* 7) Align price headers: icon + title in one row, subtitle below */#prices .price-card header{
    margin-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    text-align:center;
  }#prices .price-card header .subtitle{
    flex-basis:100%;
    margin-top:4px;
  }#prices .price-card header .icon-dot,
  #prices .price-card header .icon-crown,
  #prices .price-card header .icon-star{
    margin-bottom:0;
  }@media (max-width: 900px){
/* 4) More transparent mobile header + nav *//* 6) Slightly thicker project arrow on mobile */.project-cta-circle span{
      font-size:24px !important;
      font-weight:700 !important;
    }
}


/* === desktop-prices-align-20251129 === */
@media (min-width: 1024px){
    #prices .price-card .subtitle{
      display:block;
      text-align:left;
    }
    #prices .price-card .btn{
      display:block;
      width:max-content;
      margin:12px auto 0;
      text-align:center;
    }
  }


/* === prices-subtitle-all-align-20251129 === */
#prices .price-card .subtitle{
    display:block;
    text-align:left;
  }
  #prices .price-card .price{
    text-align:center;
  }


/* === prices-price-row-align-20251129 === */
#prices .price-card .price-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-top:12px;
  }
  #prices .price-card .price-row .price{
    text-align:left;
    margin:0;
  }
  #prices .price-card .price-row .btn{
    display:inline-flex;
    width:auto;
    margin:0;
    text-align:center;
  }


/* === prices-header-icon-left-20251130 === */
#prices .price-card header{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
  }
  #prices .price-card header .subtitle{
    flex-basis:100%;
  }
  #prices .price-card header .icon-dot,
  #prices .price-card header .icon-crown,
  #prices .price-card header .icon-star{
    margin:0;
    flex:0 0 auto;
  }


/* === prices-price-size-20251130 === */
#prices .price-card .price{
    font-size:20px;
  }
  #prices .price-card .price.main{
    font-size:22px;
  }


/* === prices-stars-inline-left-20251129 === */
/* Stars + title in one line, left-aligned, both desktop and mobile */
  #prices .price-card header{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    text-align:left;
    gap:8px;
  }
  #prices .price-card header .price-stars{
    font-size:20px;
    letter-spacing:2px;
    color:var(--hi-accent);
    line-height:1;
  }
  #prices .price-card header h3{
    margin:0;
  }
  #prices .price-card header .subtitle{
    flex-basis:100%;
    margin-top:4px;
  }


/* === prices-finetune-20251130 === */
/* 3) Extra space under prices heading */
  #prices h2{
    margin-bottom: 24px !important;
  }

  /* 4) More top margin for contract note under packages */
  #prices .prices-contract-note{
    margin-top: 24px;
  }

  /* 5) Contract link color same as main text (like "Эскизный проект") */
  #prices .prices-contract-note a{
    color: var(--hi-text);
    text-decoration: underline;
  }

  /* 6) Contract texts alignment and rhythm unified with "О студии" */
  #prices .prices-contract-note,
  #prices .footnote{
    text-align: justify;
    text-justify: inter-word;
  }


/* === mobile-body-text-up-20251130 === */
@media (max-width: 900px){
    #prices p.muted,
    #services p,
    #services li,
    #design-steps p,
    #design-steps li,
    #team p,
    #team li,
    #partners p,
    #partners li{
      font-size: 18px;
      line-height: 1.5;
    }
  }


/* === team-text-justify-20251130 === */
/* Выравнивание текста по правой границе в блоке "Обо мне и команде" (ПК + мобайл) */
  #team .wrap p{
    text-align: justify;
    text-justify: inter-word;
  }


/* === team-mobile-hyphens-20251130 === */
@media (max-width: 900px){
    #team p{
      -webkit-hyphens: auto;
      hyphens: auto;
    }
  }


/* === team-mobile-left-align-20251130 === */
@media (max-width: 900px){
    #team .wrap p{
      text-align: left !important;
      text-justify: auto;
      -webkit-hyphens: none;
      hyphens: none;
    }
  }


/* === legacy-inline-style === */
/* ЕДИНЫЙ СТИЛЬ ДЛЯ ОСНОВНОГО ТЕКСТА НА ВСЁМ САЙТЕ */
section p,
section li {
  font-size: 18px !important;
  line-height: 1.5;
}

/* Возврат согласованного отступа фото в блоке "Обо мне и команде" на ПК */
@media (min-width: 901px){
  #team .grid > div:last-child img{
    margin-top: 10px;
  }
}


/* === legacy-inline-style === */
/* Дополнительно: приравниваем стиль текста под ценами к основному */
.muted.prices-contract-note{
  /* цвет как у обычного текста */
  color: inherit !important;
}


/* === legacy-inline-style === */
/* Дополнительное выравнивание стиля текста в блоке цен */
#prices .price-card p,
#prices .price-card li,
#prices .muted.prices-contract-note,
#prices .muted.footnote{
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}


/* === legacy-inline-style === */
/* ЖЁСТКО: весь текст в разделе ЦЕНЫ (абзацы и списки) один размер */
#prices p,
#prices li {
  font-size: 18px !important;
  line-height: 1.5 !important;
}


/* === legacy-inline-style === */
/* ЕДИНЫЙ ЦВЕТ ДЛЯ ВСЕГО ОСНОВНОГО ТЕКСТА: hi-text-dim */
/* Основные абзацы и списки во всех секциях */
section p,
section li,
.prices-contract-note,
.footnote {
  color: var(--hi-text-dim) !important;
}

/* Акценты и заголовки — светлее: hi-text */
h1, h2, h3,
#hero h1,
#hero h2,
#hero h3,
.price-card h3,
#prices .price,
#team h2,
#services h2,
#design-steps h2,
#portfolio h2,
#partners h2,
#contacts h2 {
  color: var(--hi-text) !important;
}


/* === legacy-inline-style === */
/* Финальная фиксация: оба абзаца под блоком цен — одним цветом hi-text-dim */
#prices .muted.prices-contract-note,
#prices .muted.footnote{
  color: var(--hi-text-dim) !important;
}


/* === legacy-inline-style === */
@media (max-width: 900px) {
  /* Prices note: align left on mobile */
  .prices-contract-note {
    text-align: left !important;
  }
  /* Hide paragraph about voice assistant "Алиса" only on mobile */
  #services .hi-about p:nth-of-type(3) {
    display: none;
  }
  /* Hide list item "Всегда на связи..." in calm block only on mobile */
  #services .hi-services-side ul li:last-child {
    display: none;
  }
}


/* === legacy-inline-style === */
#design-steps .grid {
    counter-reset: hi-step;
  }
  #design-steps .grid > div {
    position: relative;
    padding-left: 52px;
  }
  #design-steps .grid > div::before {
    counter-increment: hi-step;
    content: counter(hi-step);
    position: absolute;
    top: -0.38em;
    left: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--hi-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
  }

  #design-steps .grid > div.hi-step-active::before {
    background: #BFA97A;
    color: #000;
    border-color: #BFA97A;
    box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45);
  }
  @media (max-width: 900px) {
    #design-steps .grid > div {
      padding-left: 44px;
    }
    #design-steps .grid > div::before {
      width: 30px;
      height: 30px;
      font-size: 14px;
    }
  }


/* === legacy-inline-style === */
/* Более компактные отступы между этапами "Как мы работаем" на мобиле */
  @media (max-width: 900px){
    #design-steps .grid{
      gap: 18px;
    }
    #design-steps .grid h3{
      margin-bottom: 6px;
    }
    #design-steps .grid p{
      margin-bottom: 0;
    }
  }


/* === legacy-inline-style === */
/* Выравнивание и размер заголовков "Как мы работаем", "Обо мне и команде" и "Наши партнёры" */
#design-steps h2,
#team h2,
#partners h2 {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-size: 36px !important;
}


/* === services-pages-nav === */
/* Services dropdown in header (desktop) */.hi-dd{ position:relative; display:inline-flex; align-items:center; }.hi-dd-trigger{ position:relative; padding-right:18px; }.hi-dd-trigger::after{ content:"▾"; position:absolute; right:4px; top:50%; transform:translateY(-50%); font-size:12px; opacity:.8; }.hi-dd-menu{
  position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%);
  min-width: 260px;
  background: rgba(0,0,0,.92);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  display:none;
  z-index: 10050;
}.hi-dd:hover .hi-dd-menu, .hi-dd:focus-within .hi-dd-menu{ display:block; }.hi-dd-item{
  display:block; padding:10px 12px; border-radius: 12px;
  color:#fff; text-decoration:none;
  border:1px solid transparent;
}.hi-dd-item:hover, .hi-dd-item:focus{
  background:#BFA97A; color:#000; border-color:#BFA97A;
  box-shadow:0 0 18px rgba(191,169,122,.55);
}@media (max-width:900px){
.hi-dd-trigger::after{ display:none; }.hi-dd-menu{ display:none !important; }
}
/* Drawer accordion */.hi-dd.open .hi-dd-menu{ display:block; }


/* === svc-cta-style === */
#services .svc-cta{ display:flex; gap:10px; flex-wrap:wrap; margin:0 0 14px 0; }
#services .svc-cta a{ white-space:nowrap; }
@media(max-width:680px){
  #services .svc-cta{ flex-direction:column; }
  #services .svc-cta a{ width:100%; text-align:center; }
}


/* === hi-faq-style === */
/* FAQ */
.hi-faq details{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:12px 14px;
  box-shadow:0 8px 28px rgba(0,0,0,.04);
}
.hi-faq details + details{ margin-top:10px; }
.hi-faq summary{
  cursor:pointer;
  font-weight:700;
  list-style:none;
}
.hi-faq summary::-webkit-details-marker{ display:none; }
.hi-faq .faq-body{ margin-top:10px; color:#374151; line-height:1.65; }


/* === hi-fluid-type-20251213 === */
/* Responsive typography: avoids “huge text” on small phones while keeping desktop readable */
html{ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
:root{
  --hi-body-text: clamp(16px, calc(1.2vw + 12px), 18px);
  --hi-body-line: 1.5;
}
body{ font-size: var(--hi-body-text); }

/* Main content text (overrides legacy 18px !important rules) */
section p,
section li,
.prices-contract-note,
.footnote{
  font-size: var(--hi-body-text) !important;
  line-height: var(--hi-body-line) !important;
}

/* Prices section — keep consistent with main text */
#prices p,
#prices li,
#prices .price-card p,
#prices .price-card li,
#prices .muted.prices-contract-note,
#prices .muted.footnote{
  font-size: var(--hi-body-text) !important;
  line-height: var(--hi-body-line) !important;
}

/* Extra-small phones */
@media (max-width: 360px){
  :root{ --hi-body-text: 15.5px; }
}
@media (max-width: 320px){
  :root{ --hi-body-text: 15px; }
}


/* === hi-ui-from-project-1 === */
.hi-meta{ display:flex; align-items:center; gap:12px; }body{ scroll-padding-top: 84px; }@media (max-width: 900px){
body{ scroll-padding-top: 72px; }
}
.hi-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }body{ scroll-padding-top: 84px; }@media (max-width: 900px){
body{ scroll-padding-top: 72px; }
}
@media (min-width: 901px){
}
@media (max-width: 900px){
    position: fixed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: calc(env(safe-area-inset-top, 0px) + 9px);
    left: 12px;
    z-index: 9000;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
        transition: opacity .22s ease, transform .22s ease;
backdrop-filter: none;
  }
}
@media (min-width: 901px){
}
@media (max-width: 900px){
    position: fixed;
    top: calc(10px + env(safe-area-inset-top, 0px));
    left: 12px;
    z-index: 9000; 
    opacity: 1;
    transform: translateY(0);
    transition: opacity .25s ease, transform .25s ease;
  }
}
@media (max-width: 900px){
}
@media (max-width: 900px){
    z-index: 9600 !important; 
    top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    left: 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
    border:1px solid rgba(200,200,200,0.70) !important;
    background: transparent !important;
    padding:0 !important;
    display:block !important;
    width:18px !important;
    height:2px !important;
    background:#fff !important;
    border-radius:999px !important;
    margin:2px 0 !important;
  }
}
@media (min-width: 901px){
.hi-meta{ justify-self:end; }
}
@media (max-width: 900px){
    transition: opacity .26s ease-out, transform .26s ease-out !important;
    opacity: 0 !important;
    transform: translateY(-6px) !important;
    pointer-events: none !important;
  }
}
@media (max-width: 900px){
    width: clamp(16px, 4.8vw, 18px) !important;
  }
}


/* === hi-header-footer-reset === */
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}}

/* hi-header-footer reset (from project-1.html) */
.hi-header, .hi-phone, [data-hi-call].hi-btn { transition: background .35s ease, box-shadow .35s ease, color .3s ease, border-color .3s ease !important; }@media (max-width: 1100px) and (min-width: 901px){
footer.hi-footer-pro .hi-footer-pro__docs{
    gap:12px;
  }footer.hi-footer-pro .hi-footer-pro__docs-left{
      gap:12px;
    }footer.hi-footer-pro .hi-footer-pro__link{
    font-size:12.5px;
  color:var(--muted);
  }footer.hi-footer-pro .hi-footer-pro__meta{
    font-size:11px;
  color:var(--muted);
  }
}
.hi-link.active{
  color: var(--hi-accent) !important;
  background: rgba(191,169,122,.14);
  border-radius: 10px;
}.hi-btn:hover,
.hi-btn-ghost:hover {
  background: var(--hi-accent) !important;
  color: #222 !important;
  border-color: var(--hi-accent) !important;
  box-shadow: 0 10px 24px rgba(191,169,122,.35);
}:root {
  --hi-bg: transparent;
  --hi-text: #ffffff;
  --hi-accent: #BFA97A;
  --hi-shadow: rgba(0,0,0,.25);
  --hi-border-neutral: rgba(255,255,255,0.32);
  --hi-border-neutral-hover: rgba(255,255,255,0.46);

}.hi-header{
  position: fixed; top:0; left:0; right:0; z-index:9999;
  background: transparent;
  transition: background .35s ease, box-shadow .35s ease, transform .25s ease;
  border-bottom: 0;
  backdrop-filter: saturate(160%) blur(6px);
}.hi-header.scrolled{
  background: rgba(0,0,0,.65);
  box-shadow: 0 10px 28px var(--hi-shadow);
  border-bottom: 0;
}.hi-container{ max-width:1280px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }.hi-logo img{ height:26px; width:auto; filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); transition: transform .25s ease; }.hi-header.scrolled .hi-logo img{ transform: none; }.hi-nav{ display:flex; gap:18px; align-items:center; }.hi-link{ color:#fff; text-decoration:none; font-size:15px; padding:10px 8px; border-radius:10px; transition: color .2s, background .2s, transform .2s; }.hi-link:hover{ color:var(--hi-accent); background: rgba(191,169,122,.12); }@media (min-width: 901px){
.hi-header{ --hi-logo-air: clamp(0px, calc((100vw - 1260px) / 3), 60px); }.hi-header .hi-nav{ transform: translateX(calc(-1 * var(--hi-logo-air))); }.hi-header .hi-meta{ transform: translateX(var(--hi-logo-air)); }
}
.hi-icon{ color:#fff; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:12px; background: rgba(255,255,255,.08); transition: .2s; }.hi-icon:hover{ color:#222; background: var(--hi-accent); transform: translateY(-1px); }.hi-phone{ color:#fff; text-decoration:none; font-weight:700; font-size:15px; white-space:nowrap; }.hi-btn{ background: transparent; border:1px solid var(--hi-accent); color:#fff; font-weight:800; padding:12px 16px; border-radius:14px; cursor:pointer; transition: transform .15s, box-shadow .25s, background .2s, color .2s; box-shadow:none; white-space:nowrap; }.hi-btn:hover{ background: var(--hi-accent); color:#222; box-shadow: 0 10px 24px rgba(191,169,122,.35); }.hi-burger{ display:none; width:42px; height:42px; border-radius:12px; border:1px solid rgba(255,255,255,.25); background: transparent; }.hi-burger span{ display:block; height:2px; margin:7px; background:#fff; border-radius:2px; }@media (max-width: 900px){
.hi-nav{ position: fixed; inset: 64px 0 auto 0; background: rgba(0,0,0,.92); padding: 12px 16px; flex-direction: column; gap: 8px; transform: translateY(-120%); transition: transform .25s ease; border-bottom: 1px solid rgba(255,255,255,.08); }.hi-nav.open{ transform: translateY(0); }.hi-burger{ display:inline-block; }footer.hi-footer-pro .hi-footer-pro__docs-left{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:16px 18px;
    width:100%;
  }
}
.hi-modal-backdrop{ position: fixed; inset:0; background: rgba(0,0,0,.55); display:none; align-items:center; justify-content:center; z-index:10000; opacity:0; transition: opacity .25s ease; }.hi-modal-backdrop.open{ display:flex; opacity:1; }.hi-modal{ width: min(520px, 92vw); background: #222; color:#fff; border-radius: 18px; box-shadow: 0 24px 60px rgba(0,0,0,.35); padding: 24px; transform: translateY(10px) scale(.98); transition: transform .25s ease; }.hi-modal-backdrop.open .hi-modal{ transform: translateY(0) scale(1); }.hi-modal h3{ margin:0 0 12px; font-size:22px; }.hi-modal p{ margin:0 0 16px; opacity:.8; }.hi-btn-ghost{ background: transparent; color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:12px; padding:10px 14px; cursor:pointer; }.hi-toast{ position: fixed; left:50%; bottom:24px; transform: translateX(-50%); background:#222; color:#fff; border:1px solid rgba(255,255,255,.12); padding:10px 14px; border-radius:12px; box-shadow: 0 12px 30px rgba(0,0,0,.25); opacity:0; pointer-events:none; transition: opacity .25s ease; z-index:10001; }.hi-toast.show{ opacity:1; }button:hover:not(.pswp__button),
.hi-btn:hover,
.hi-btn-ghost:hover,

.hi-actions .hi-btn:hover,
.hi-actions .hi-btn-ghost:hover {
  background: var(--hi-accent) !important;
  color: #222 !important;
  border-color: var(--hi-accent) !important;
  box-shadow: 0 10px 24px rgba(191,169,122,.35);
  transition: all .25s ease !important;
}.hi-header.scrolled {
  background: rgba(0,0,0,0.65);
  box-shadow: 0 10px 28px rgba(0,0,0,0.25);
  transition: background .35s ease, box-shadow .35s ease;
}.hi-btn, .hi-icon {
  display: inline-block;
  border: 1px solid #BFA97A;
  border-radius: 12px;
  background: rgba(0,0,0,0.65);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  transition: all 0.35s ease;
  box-shadow: none;
  text-shadow: none;
}.hi-btn:hover, .hi-icon:hover {
  background: #BFA97A;
  color: #000;
  border-color: #BFA97A;
  text-shadow: 0 0 10px rgba(191,169,122,0.9), 0 0 22px rgba(191,169,122,0.75);
  box-shadow: 0 0 18px rgba(191,169,122,0.6), 0 0 36px rgba(191,169,122,0.4);
  transform: translateY(-1px);
}.hi-phone:hover {
  box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.5);
}.hi-btn, .hi-icon {
  border-radius: 12px;
}.hi-container { max-width: 1280px !important; margin: 0 auto !important; }.hi-nav { display: flex !important; align-items: center !important; gap: 18px !important; flex-wrap: nowrap !important; }.hi-nav a, .hi-link { white-space: nowrap !important; }.hi-phone {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 22px !important;   
  border: none !important;          
  border-radius: 12px !important;
  background: transparent !important; 
  color: #fff !important;
  box-shadow: none !important;
  transition: background .35s ease, color .35s ease, box-shadow .35s ease, transform .2s ease;
}.hi-phone:hover {
  background: #BFA97A !important;
  color: #000 !important;
  border: none !important;
  box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45) !important;
  transform: translateY(-1px);
}.hi-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;text-align:center}.hi-icon svg{display:block}.hi-header .hi-nav a,
.hi-header .hi-nav .hi-link {
  transition: background .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease, transform .2s ease;
  border-radius: 12px;
}.hi-header .hi-nav a:hover,
.hi-header .hi-nav .hi-link:hover {
  background: #BFA97A !important;
  color: #000 !important;
  border-color: #BFA97A !important;
  box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45) !important;
  transform: translateY(-1px);
}.hi-header .hi-logo {
  transition: text-shadow .35s ease, filter .35s ease, transform .2s ease;
}.hi-header .hi-logo:hover {
  text-shadow: 0 0 8px rgba(191,169,122,0.85), 0 0 18px rgba(191,169,122,0.6);
  filter: drop-shadow(0 0 10px rgba(191,169,122,0.45)) drop-shadow(0 0 18px rgba(191,169,122,0.35));
  transform: translateY(-1px);
}.hi-header .hi-nav { justify-content: center !important; }.hi-header .hi-nav a,
.hi-header .hi-nav .hi-link {
  display: inline-flex !important;
  align-items: center !important;     
  justify-content: center !important; 
  line-height: 1 !important;          
  padding-block: var(--hi-hdr-nav-py, 10px) !important;     
  
  border-radius: 12px !important;     
}.hi-header .hi-nav a:hover,
.hi-header .hi-nav .hi-link:hover {
  background: #BFA97A !important;
  color: #000 !important;
  border-color: #BFA97A !important;
  box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45) !important;
  transform: translateY(-1px);
}[data-hi-call],
[data-hi-call].hi-btn,
.hi-header .hi-meta .hi-btn-call {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;          
  padding-block: var(--hi-hdr-btn-py, 10px) !important;     
  border-radius: 12px !important;     
  box-sizing: border-box !important;
}[data-hi-call]:hover,
[data-hi-call].hi-btn:hover,
.hi-header .hi-meta .hi-btn-call:hover {
  background: #BFA97A !important;
  color: #000 !important;
  border-color: #BFA97A !important;
  box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45) !important;
  transform: translateY(-1px);
}.hi-phone {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;          
  padding-block: var(--hi-hdr-btn-py, 10px) !important;     
  border-radius: 12px !important;     
  box-sizing: border-box !important;
}.hi-phone:hover {
  background: #BFA97A !important;
  color: #000 !important;
  border-color: #BFA97A !important;
  box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45) !important;
  transform: translateY(-1px);
}.hi-phone {
  padding-inline: var(--hi-hdr-phone-px, 12px) !important;  
  white-space: nowrap !important;   
  min-width: unset !important;      
}.hi-header .close-menu,
.hi-header .hi-close,
.hi-header .menu-close,
.hi-header .close-icon,
.hi-header .close,
.hi-header .hi-menu-toggle.close,
.hi-header .hi-logo + .close-menu,
.hi-header .hi-logo + .close,
.hi-header .hi-logo + * .close-menu,
.hi-header .hi-logo + * .close {
  display: none !important;
  visibility: hidden !important;
}.hi-header .hi-logo::after,
.hi-header .hi-logo::before {
  content: none !important;
  display: none !important;
}.hi-header .hi-nav a,
.hi-header .hi-nav .hi-link {
  transition: background .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease, transform .2s ease;
}.hi-header .hi-nav a.active,
.hi-header .hi-nav .hi-link.active {
  background: #BFA97A !important;
  color: #000 !important;
  border-color: #BFA97A !important;
  box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45) !important;
  transform: translateY(-1px);
}.hi-header {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  overflow: visible !important;
  border: none !important;
}.header-light {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 80px; 
  background: linear-gradient(
    to bottom,
    rgba(255, 239, 210, 1.0) 0%,
    rgba(255, 239, 210, 0.90) 8%,
    rgba(255, 239, 210, 0.70) 20%,
    rgba(255, 239, 210, 0.46) 38%,
    rgba(255, 239, 210, 0.26) 56%,
    rgba(255, 239, 210, 0.12) 74%,
    rgba(255, 239, 210, 0.04) 88%,
    rgba(255, 239, 210, 0.00) 100%
  );
  pointer-events: none;
  opacity: 0;
  z-index: 9998;
  
}:root{
  --hi-bg:#0f0f10;
  --hi-surface:#171718;
  --hi-text:#E8E3D4;
  --hi-text-dim:#CFC8B5;
  --hi-gold:#BFA97A;
  --hi-gold-bright:#CFB88C;
}body.project-hero-fullscreen-page.header-visible #hero::before{
  opacity:1;
}header[data-hi-glow]{ position:relative; z-index:10; }header[data-hi-glow]::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:0; pointer-events:none;
  background: none;
  opacity: 0;
}header[data-hi-glow]::before{
  content:""; position:absolute; left:0; right:0; top:100%; height:22px; pointer-events:none;
  background: linear-gradient(to bottom,
              rgba(191,169,122,.30) 0%,
              rgba(191,169,122,.18) 45%,
              rgba(191,169,122,0) 100%);
  filter: blur(4px); opacity:.9;
}@media (max-width: 900px){
body.project-hero-fullscreen-page.header-visible #hero::before{
    background: linear-gradient(to bottom, rgba(0,0,0,.48) 0%, rgba(0,0,0,.82) 100%) !important;
  }body.project-hero-fullscreen-page.header-visible:not(.header-light-on) #hero::before{
    opacity: 0 !important;
  }body.project-hero-fullscreen-page.header-visible.header-light-on #hero::before{
    opacity: 1 !important;
  }body.project-hero-fullscreen-page.header-visible:not(.header-light-on) .header-light{
    opacity: 0 !important;
  }body.project-hero-fullscreen-page.header-visible.header-light-on .header-light{
    opacity: 1 !important;
  }
}
header .hi-nav .hi-link.active{
  background:#BFA97A; color:#000; border-color:#BFA97A;
  box-shadow:0 0 18px rgba(191,169,122,.65), 0 0 36px rgba(191,169,122,.45);
  transform:translateY(-1px);
}.hi-mobilebar{ display:none; }@media (max-width: 900px){
.hi-header .hi-container,
  .hi-header .hi-nav,
  .hi-header .hi-meta,
  .hi-header .hi-phone,
  .hi-header [data-hi-call],
  .hi-header .hi-btn,
  .hi-header .hi-icon.vk, .hi-header .hi-icon.insta { display:none !important; }.hi-mobilebar{
    display:grid;
    grid-template-columns: 42px 1fr auto;
    align-items:center;
    gap:12px;
    padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 12px 12px;
    background: transparent;
    border-bottom: 1px solid rgba(255,255,255,.08);
    backdrop-filter: saturate(160%) blur(6px);
  }.hi-burger{
    width:42px; height:42px; border-radius:12px;
    border:1px solid rgba(255,255,255,.25);
    background: transparent; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center;
    transition: background .25s ease, transform .2s ease, border-color .25s ease, box-shadow .35s ease;
  }.hi-burger:hover{ background: rgba(191,169,122,.2); box-shadow: 0 0 18px rgba(191,169,122,.45); border-color: rgba(191,169,122,.55); transform: translateY(-1px); }.hi-burger span{ display:block; width:22px; height:2px; border-radius:2px; background:#fff; }.hi-burger span + span{ margin-top:5px; }.hi-mobile-logo{ display:block; text-align:center; color:#fff; letter-spacing:.12em; font-weight:800; text-transform:uppercase; }.hi-mobile-logo-text{ display:inline-block; padding:4px 10px; border-radius:10px; }.hi-mob-actions{ display:flex; align-items:center; gap:10px; transform: translateY(1px); }.hi-mob-actions .hi-icon{ width:42px; height:42px; border-radius:12px; background: rgba(255,255,255,.08); color:#fff; display:inline-flex; align-items:center; justify-content:center; transition:.25s; }.hi-mob-actions .hi-icon:hover{ background:#BFA97A; color:#000; box-shadow:0 0 18px rgba(191,169,122,.65), 0 0 36px rgba(191,169,122,.45); transform: translateY(-1px); }
}
.hi-drawer{ 
  position:fixed; 
  inset:0; 
  z-index:10000; 
  display:block; 
  visibility:hidden; 
  pointer-events:none;
  transition: visibility 0s linear .44s;
}.hi-drawer::before{ 
  content:""; 
  position:absolute; 
  inset:0; 
  background:rgba(0,0,0,.55);
  opacity:0;
  transition: opacity .44s ease;
}.hi-drawer.open{ 
  visibility:visible; 
  pointer-events:auto;
  transition: visibility 0s linear 0s;
}.hi-drawer.open::before{ opacity:1; }.hi-drawer-panel{
  position:absolute; top:0; left:0; bottom:0;
  width:min(88vw, 360px);
  background:#111; color:#fff;
  transform: translateX(-100%);
  transition: transform .44s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
  padding: calc(env(safe-area-inset-top, 0px) + 14px) 14px 16px 14px;
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 48px rgba(0,0,0,.35);
}.hi-drawer.open .hi-drawer-panel{ transform: translateX(0); }.hi-drawer-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }.hi-drawer-head .title{ font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#E8E3D4; }.hi-drawer-close{
  width:42px; height:42px; border-radius:12px; border:1px solid rgba(255,255,255,.22);
  background: transparent; color:#fff; font-size:20px; line-height:1; cursor:pointer;
}.hi-drawer-close:hover{ background:#BFA97A; color:#000; border-color:#BFA97A; box-shadow:0 0 18px rgba(191,169,122,.55); }.hi-drawer-nav{ list-style:none; padding:8px 0 0; margin:0; }.hi-drawer-nav li + li{ margin-top:8px; }.hi-drawer-nav a{
  display:block; padding:12px 12px; border-radius:12px;
  color:#E8E3D4; text-decoration:none;
  border:1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.03);
  transition: background .25s ease, color .25s ease, border-color .25s ease, box-shadow .35s ease, transform .2s ease;
}.hi-drawer-nav a:hover{ background:#BFA97A; color:#000; border-color:#BFA97A; box-shadow:0 0 18px rgba(191,169,122,.55); transform: translateY(-1px); }.hi-header{ position:fixed !important; top:0; left:0; right:0; z-index:9999; }@media (max-width: 900px){
.hi-mobilebar{
    background: transparent;
    border-bottom-color: rgba(255,255,255,.06);
  }.hi-header.scrolled .hi-mobilebar{
    background: transparent;
    box-shadow: 0 10px 28px var(--hi-shadow);
  border-bottom: 0;
}.hi-burger{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:42px;
    height:42px;
    border-radius:12px;
    border:1px solid var(--hi-accent) !important;
    background: transparent;
    padding:0;
  }.hi-burger span{
    display:block;
    width:18px;
    height:2px;
    background:#fff;
    border-radius:999px;
    margin:2px 0;
  }.hi-mobile-logo{
    justify-self:center;
  }.hi-mob-actions{
    justify-self:end;
  }
}
body.project-hero-fullscreen-page #site-header{
  transform: translateY(-100%);
  
  transition: transform .26s ease-out, background .35s ease, box-shadow .35s ease;
}body.project-hero-fullscreen-page.header-visible #site-header{
  transform: translateY(0);
}body.project-hero-fullscreen-page .header-light{
  opacity:0;
  
  transition: opacity .45s ease;
}body.project-hero-fullscreen-page.header-visible .header-light{
  opacity:0;
}body.project-hero-fullscreen-page.header-visible.header-light-on .header-light{
  opacity:1;
}@media (max-width: 900px){
body.header-visible .hi-float-burger{
    opacity: 0;
    pointer-events: none;
  }body.hi-drawer-open .hi-float-burger{
    opacity: 0 !important;
    pointer-events: none !important;
  }body.project-hero-fullscreen-page:not(.header-visible) #site-header{
    pointer-events: none;
  }body.project-hero-fullscreen-page.header-visible #site-header{
    pointer-events: auto;
  }
}
@media (min-width: 901px){
body.project-hero-fullscreen-page #site-header{
    transform: translateY(0) !important;
  }body.project-hero-fullscreen-page:not(.header-visible) #site-header{background:rgba(0,0,0,.12)!important;backdrop-filter:blur(10px) saturate(1.15)!important;-webkit-backdrop-filter:blur(10px) saturate(1.15)!important;box-shadow:none!important;}body.project-hero-fullscreen-page:not(.header-visible) #site-header[data-hi-glow]::before,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header[data-hi-glow]::after{
    opacity: 0 !important;
    display: none !important;
  }body.project-hero-fullscreen-page:not(.header-visible) .header-light{
    opacity: 0 !important; 
  }body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-logo img{
    filter: brightness(0) saturate(100%) drop-shadow(0 2px 6px rgba(0,0,0,.18)) !important; 
  }body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-link{
    color: rgba(10,10,10,.92) !important;
  }body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-phone,
    
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-btn,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-nav .hi-link{
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.86) !important;
    border-color: rgba(255,255,255,.24) !important;
    text-shadow: 0 1px 14px rgba(0,0,0,.55) !important;
  }body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-cta{
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(212,175,55,.95) !important;
    border-color: rgba(212,175,55,.55) !important;
    text-shadow: 0 1px 14px rgba(0,0,0,.55) !important;
  }body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-nav .hi-link{
    border: 0 !important;
  }
}
@media (max-width: 900px){
body.header-visible .hi-float-burger{
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
  }
}
.hi-drawer.open ~ .hi-float-burger{ display:none; }@media (max-width: 900px){
.hi-drawer{ z-index: 10000; }.hi-header{ z-index: 9500; }
}
@media (max-width: 900px){
body.header-visible .hi-float-burger{
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }.hi-burger-slot{
    width: 42px;
    height: 42px;
  }.hi-header.scrolled{
    background: rgba(0,0,0,0.55) !important;
  }.hi-float-burger,
  .hi-mob-actions .hi-icon,
  .hi-drawer-close{
    border-color: rgba(200,200,200,0.70) !important;
  }.hi-mob-actions .hi-icon{
    background: transparent !important;
    box-shadow: none !important;
  }body.project-hero-fullscreen-page:not(.header-visible) .hi-mobilebar{
    opacity: 0 !important;
    pointer-events: none !important;
  }body.project-hero-fullscreen-page.header-visible .hi-mobilebar{
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: opacity .25s ease;
  }
}
@media (min-width: 901px){
#site-header{ --hi-logo-air: clamp(0px, calc((100vw - 1260px) / 3), 60px) !important; }#site-header .hi-nav,
  #site-header .hi-meta{
    width: max-content !important;
  }#site-header .hi-nav{ justify-content: flex-start !important; justify-self: start !important; }#site-header .hi-meta{ justify-content: flex-end !important; justify-self: end !important; }#site-header .hi-nav{ transform: translateX(calc(-1 * var(--hi-logo-air))) !important; }#site-header .hi-meta{ transform: translateX(var(--hi-logo-air)) !important; }
}
#site-header .hi-logo{ display:flex; align-items:center; }#site-header .hi-logo .hi-logo-img{ display:block; height: var(--hi-hdr-logo-h, 26px); width:auto; }#site-header .hi-logo .hi-logo-white{ display:none; }body.header-visible #site-header .hi-logo .hi-logo-white{ display:block; }body.header-visible #site-header .hi-logo .hi-logo-black{ display:none; }footer.hi-footer-pro{
  --muted:#6b6b6b;
  display:block !important;
  margin:0 !important;
  padding:34px 0 26px;
}footer.hi-footer-pro .hi-footer-pro__grid{
  display:grid;
  gap:18px 24px;
  align-items:center;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  grid-template-areas:
    "contacts brand actions"
    "docs docs docs";
}footer.hi-footer-pro .hi-footer-pro__brand{
  grid-area: brand;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:10px;
  min-width:0;
  justify-self:center;
  align-self:center;
}footer.hi-footer-pro .hi-footer-pro__logo{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}footer.hi-footer-pro .hi-footer-pro__logo img{
  height:auto;
  max-width:190px;
  opacity:.95;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));
}.hi-footer-pro__logo{transition: filter .35s ease, transform .2s ease;}.hi-footer-pro__logo:hover{transform: translateY(-1px);filter: drop-shadow(0 0 10px rgba(191,169,122,.25)) drop-shadow(0 0 22px rgba(191,169,122,.15));}footer.hi-footer-pro .hi-footer-pro__copy{
  color:var(--muted);
  margin:0;
  font-size: 15px;
  line-height:1.35;
  white-space:nowrap;
}footer.hi-footer-pro .hi-footer-pro__contacts{
  grid-area: contacts;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:26px;
  flex-wrap:wrap;
  min-width:0;
  align-self:center;
}footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone{
  display:inline-flex;
  align-items:center;
  gap:8px;
}footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone svg{
  flex:0 0 auto;
  display:block;
  margin-right:0 !important;
}footer.hi-footer-pro .hi-footer-pro__email{
  display:inline-block;
  color: rgba(255,255,255,.78);
  text-decoration:none;
  font-size:14px;
  line-height:1.2;
  transition: color .25s ease, text-shadow .25s ease;
}footer.hi-footer-pro .hi-footer-pro__email:hover,
footer.hi-footer-pro .hi-footer-pro__email:focus-visible{
  color:#fff;
  text-shadow:0 0 10px rgba(191,169,122,.45);
}footer.hi-footer-pro .hi-footer-pro__actions{
  grid-area:actions;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:nowrap;
}footer.hi-footer-pro .hi-footer-pro__social{
  display:flex;
  gap:10px;
  align-items:center;
}footer.hi-footer-pro .hi-footer-pro__social .hi-icon[aria-label="VK"] svg{
  width:34px !important;
  height:34px !important;
  position:relative;
  top:2px;
  left:1px;
}footer.hi-footer-pro .hi-footer-pro__docs{
  grid-area:docs;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-width:0;
}footer.hi-footer-pro .hi-footer-pro__docs-left{
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:nowrap;
  min-width:0;
}footer.hi-footer-pro .hi-footer-pro__docs > a:nth-of-type(1){ justify-self:start; }footer.hi-footer-pro .hi-footer-pro__docs > a:nth-of-type(2){ justify-self:center; }footer.hi-footer-pro .hi-footer-pro__docs > .hi-footer-pro__meta{ justify-self:end; text-align:right; }@media (min-width: 901px){
footer.hi-footer-pro .hi-footer-pro__docs{
    justify-content:center !important;
    text-align:center;
    flex-wrap:wrap;
  }footer.hi-footer-pro .hi-footer-pro__docs-left{
    justify-content:center;
    flex-wrap:wrap;
  }footer.hi-footer-pro .hi-footer-pro__docs .hi-footer-pro__meta{
    text-align:center !important;
    white-space:normal;
    max-width:100%;
  }
}
footer.hi-footer-pro .hi-footer-pro__docs .hi-footer-pro__link{
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}footer.hi-footer-pro .hi-footer-pro__link{
  color:var(--muted);
  text-decoration:none;
  font-size:12.5px;
  white-space:nowrap;
}footer.hi-footer-pro .hi-footer-pro__link:hover{
  color:#fff;
  text-shadow:0 0 10px rgba(191,169,122,.45);
}footer.hi-footer-pro .hi-footer-pro__meta{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  white-space:nowrap;
}@media (min-width: 901px) and (max-width: 1311px){
footer.hi-footer-pro .hi-footer-pro__grid{
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "brand brand"
      "contacts actions"
      "docs docs";
    gap:16px 18px;
    align-items:start;
  }footer.hi-footer-pro .hi-footer-pro__brand{
    align-items:center;
    text-align:center;
    justify-self:center;
  }footer.hi-footer-pro .hi-footer-pro__logo{ align-self:center; }footer.hi-footer-pro .hi-footer-pro__copy{
    white-space:nowrap;
    font-size:clamp(13px, 1.15vw, 14px);
  }footer.hi-footer-pro .hi-footer-pro__contacts{
    justify-content:flex-start;
    gap:14px;
  }footer.hi-footer-pro .hi-footer-pro__actions{
    justify-content:flex-end;
  }footer.hi-footer-pro .hi-footer-pro__docs{
    gap: 18px;
  }footer.hi-footer-pro .hi-footer-pro__docs-left{
      gap: 18px;
    }
}
@media (min-width: 901px) and (max-width: 1030px){
footer.hi-footer-pro .hi-footer-pro__docs{ column-gap:14px; }footer.hi-footer-pro .hi-footer-pro__docs-left{ gap:12px; }
}
@media (min-width: 1312px) and (max-width: 1360px){
footer.hi-footer-pro .hi-footer-pro__contacts{
flex-wrap: nowrap !important;
gap: 14px !important;
}footer.hi-footer-pro .hi-footer-pro__contacts a{
white-space: nowrap !important;
}
}
@media (max-width: 900px){
footer.hi-footer-pro{
    padding:22px 0 22px;
  }footer.hi-footer-pro .hi-footer-pro__grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "brand"
      "actions"
      "contacts"
      "docs";
    gap:14px;
    align-items:start;
  }footer.hi-footer-pro .hi-footer-pro__brand{
    align-items:center;
    text-align:center;
  }footer.hi-footer-pro .hi-footer-pro__actions{
    width:100%;
    justify-content:space-between;
  }footer.hi-footer-pro .hi-footer-pro__contacts{
    width:100%;
    justify-content:space-between;
    gap:12px;
  }footer.hi-footer-pro .hi-footer-pro__docs{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:16px 18px;
  }footer.hi-footer-pro .hi-footer-pro__meta{
    color:var(--muted);
    flex:0 0 100%;
    text-align:center;
    white-space:normal;
    margin-top:6px;
  }
}
@media (min-width: 901px){
footer.hi-footer-pro .hi-footer-pro__phone,
  footer.hi-footer-pro .hi-footer-pro__email{
    font-size: 16px;
    line-height: 1.2;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn[data-hi-call="1"]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone{
    gap: 8px; 
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone svg{
    margin-right: 0 !important; 
  }
}
@media (max-width: 900px){
body.project-hero-fullscreen-page .header-light{
    height: 80px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .45s ease !important;
  }body.project-hero-fullscreen-page.header-visible.header-light-on .header-light{
    opacity: 1 !important;
  }body.project-hero-fullscreen-page header[data-hi-glow]::before,
  body.project-hero-fullscreen-page header[data-hi-glow]::after{
    transition: opacity .45s ease !important;
  }body.project-hero-fullscreen-page:not(.header-light-on) header[data-hi-glow]::before,
  body.project-hero-fullscreen-page:not(.header-light-on) header[data-hi-glow]::after{
    opacity: 0 !important;
  }
}
@media (max-width: 900px){
footer.hi-footer-pro .hi-footer-pro__actions{
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 12px;
    column-gap: 12px;
  }footer.hi-footer-pro .hi-footer-pro__social{
    order: 1;
    margin-right: auto;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn{
    order: 2;
    margin-left: auto;
    white-space: nowrap;
    padding: 10px 14px;
  }footer.hi-footer-pro .hi-footer-pro__actions::after{
    content: "";
    order: 3;
    flex-basis: 100%;
    height: 0;
  }footer.hi-footer-pro .hi-footer-pro__email{
    order: 4;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 15px;
    color: #fff !important;
  }footer.hi-footer-pro .hi-phone{
    order: 5;
    flex: 0 0 auto;
    margin-left: auto;
    font-size: 14px;
  }
}
@media (max-width: 900px){
footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone{
    transform: translateX(-2px);
  }footer.hi-footer-pro .hi-footer-pro__email{
    transform: translateX(2px);
  }
}
@media (min-width: 901px){
body.project-hero-fullscreen-page.header-visible #hero::before{
    background: linear-gradient(to bottom, rgba(0,0,0,.48) 0%, rgba(0,0,0,.82) 100%) !important;
  }body.project-hero-fullscreen-page.header-visible:not(.header-light-on) #hero::before{
    opacity: 0 !important;
  }body.project-hero-fullscreen-page.header-visible.header-light-on #hero::before{
    opacity: 1 !important;
  }body.project-hero-fullscreen-page.header-visible:not(.header-light-on) .header-light{
    opacity: 0 !important;
  }body.project-hero-fullscreen-page.header-visible.header-light-on .header-light{
    opacity: 1 !important;
  }
}
@media (min-width: 901px){
body.project-hero-fullscreen-page header[data-hi-glow]::before,
  body.project-hero-fullscreen-page header[data-hi-glow]::after{
    opacity: 0 !important;
    height: 0 !important;
    filter: none !important;
    box-shadow: none !important;
    background: transparent !important;
    content: "" !important;
  }body.project-hero-fullscreen-page .header-light{
    opacity: 0 !important;
    visibility: visible !important;
    transition: opacity .35s ease !important;
    will-change: opacity;
  }body.project-hero-fullscreen-page.header-light-on .header-light{
    opacity: 1 !important;
  }
}
body.project-hero-fullscreen-page .header-light{
  will-change: opacity;
}body.project-hero-fullscreen-page:not(.header-light-on) .header-light{
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .45s ease, visibility 0s linear .45s !important;
}body.project-hero-fullscreen-page.header-light-on .header-light{
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity .45s ease !important;
}body.project-hero-fullscreen-page:not(.header-light-on) header[data-hi-glow]::before,
body.project-hero-fullscreen-page:not(.header-light-on) header[data-hi-glow]::after{
  opacity: 0 !important;
  height: 0 !important;
  filter: none !important;
  box-shadow: none !important;
  background: transparent !important;
}:root{--project-page-bg:#0a0a0a;--bg:var(--project-page-bg);--hi-bg:var(--project-page-bg);}@media (min-width: 901px){
.hi-container{
      display:grid !important;
      grid-template-columns: 1fr auto 1fr;
      align-items:center;
      gap: 18px;
    }.hi-nav{ justify-self:start; }.hi-nav .hi-menu{ justify-content:flex-start; }.hi-logo{ justify-self:center; margin:0 !important; }
}
body.header-light-on #site-header.scrolled .hi-btn{
  background: var(--hi-accent) !important;
  color: #222 !important;
  border-color: var(--hi-accent) !important;
  box-shadow: 0 10px 24px rgba(191,169,122,.35);
}@media (min-width: 901px){
#site-header .hi-btn:hover,
  #site-header .hi-btn:focus-visible{
    box-shadow: 0 0 18px rgba(191,169,122,.55) !important;
    text-shadow: 0 0 10px rgba(191,169,122,.9), 0 0 22px rgba(191,169,122,.75) !important;
  }
}
@media (min-width: 901px){
body.project-hero-fullscreen-page:not(.header-visible) #site-header{
    background: rgba(255,255,255,.14) !important;
    box-shadow: none !important;
  }body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-link,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-nav .hi-link,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-phone,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-btn{
    color: rgba(10,10,10,.92) !important;
    border-color: rgba(10,10,10,.28) !important;
    text-shadow: 0 1px 12px rgba(255,255,255,.25) !important;
  }body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon svg{
    fill: currentColor !important;
  }
}
@media (min-width: 901px){
.hi-header:not(.scrolled){
    background: rgba(255,255,255,0.06) !important;
    backdrop-filter: blur(14px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.35) !important;
  }#site-header .hi-logo img{ height: var(--hi-hdr-logo-h, 31px) !important; }
}
@media (min-width: 901px){
#site-header .hi-btn[data-hi-call="1"],
  #site-header.scrolled .hi-btn[data-hi-call="1"]{
    background: var(--hi-accent) !important;
    color: #000 !important;
    border-color: var(--hi-accent) !important;
    
    font-size: calc(var(--hi-hdr-btn-fs) - 1px) !important;
    padding-left: calc(var(--hi-hdr-cta-px) - 1px) !important;
    padding-right: calc(var(--hi-hdr-cta-px) - 1px) !important;
box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45) !important;
    transform: translateY(0) !important;
  }#site-header .hi-btn[data-hi-call="1"]:hover,
  #site-header .hi-btn[data-hi-call="1"]:focus-visible{
    
    transform: translateY(-1px) !important;
  }
}
@media (max-width: 900px){
body.project-hero-fullscreen-page:not(.header-visible) .hi-float-burger{
    background: rgba(0,0,0,.22) !important;
    border-color: rgba(255,255,255,.22) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.24) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}
@media (max-width: 900px){
footer.hi-footer-pro{ padding-top: 14px !important; }footer.hi-footer-pro .hi-footer-pro__actions{ row-gap: 10px !important; column-gap: 10px !important; }footer.hi-footer-pro .hi-footer-pro__phone{ order: 4 !important; margin-left: 0 !important; }footer.hi-footer-pro .hi-footer-pro__email{ order: 5 !important; margin-left: auto !important; text-align: right !important; }footer.hi-footer-pro .hi-footer-pro__docs{ row-gap: 8px !important; }footer.hi-footer-pro .hi-footer-pro__meta{
  color:var(--muted);
 line-height: 1.35 !important; }footer.hi-footer-pro .hi-footer-pro__btn{
    background: linear-gradient(180deg, rgba(203,182,134,1) 0%, rgba(191,169,122,1) 100%) !important;
    color: #0E0E0E !important;
    border-color: rgba(191,169,122,.78) !important;
    box-shadow: 0 0 18px rgba(191,169,122,.55), 0 0 6px rgba(191,169,122,.45), 0 10px 22px rgba(0,0,0,.22) !important;
  }
}
@media (max-width: 900px){
footer.hi-footer-pro .hi-footer-pro__phone{ order: 4 !important; margin-left: 0 !important; }footer.hi-footer-pro .hi-footer-pro__email{ order: 5 !important; margin-left: auto !important; text-align: right !important; }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn[data-hi-call="1"]{
    background: var(--hi-accent) !important;
    color: #000 !important;
    border-color: var(--hi-accent) !important;
    box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45) !important;
    text-shadow: 0 0 10px rgba(191,169,122,0.55) !important;
    transform: none !important;
  }
}
@media (max-width: 900px){
html.hi-pswp-open .hi-burger,
  html.hi-pswp-open .hi-burger-slot{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }footer.hi-footer-pro .wrap{
    width: 96% !important;
  }footer.hi-footer-pro .hi-footer-pro__brand{
    align-items: center !important;
    margin-top: -6px !important;
    gap: 10px !important;
  }footer.hi-footer-pro .hi-footer-pro__logo{
    margin-inline: auto !important;
  }footer.hi-footer-pro .hi-footer-pro__copy{
    text-align: center !important;
    font-size: clamp(11px, 3.1vw, 13.4px) !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    letter-spacing: -0.01em;
  }footer.hi-footer-pro .hi-footer-pro__logo img{
    width: min(220px, 78vw) !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }footer.hi-footer-pro{
    padding: 28px 0 22px !important;
  }footer.hi-footer-pro .hi-footer-pro__actions{
    row-gap: 8px !important;
    column-gap: 12px !important;
  }footer.hi-footer-pro .hi-footer-pro__social{
    order: 1 !important;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn[data-hi-call="1"]{
    order: 2 !important;
    margin-left: auto !important;
  }footer.hi-footer-pro .hi-footer-pro__actions::after{
    content: "" !important;
    flex: 0 0 100% !important;
    order: 3 !important;
  }footer.hi-footer-pro .hi-footer-pro__phone{
    order: 4 !important;
    flex: 1 1 calc(50% - 6px) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }footer.hi-footer-pro .hi-footer-pro__email{
    order: 5 !important;
    flex: 1 1 calc(50% - 6px) !important;
    margin-left: auto !important;
    text-align: right !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone{
    gap: 4px !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone svg{
    margin-right: 0 !important;
  }footer.hi-footer-pro .hi-footer-pro__phone svg{
    margin-right: 4px !important;
  }
}
@media (max-width: 900px){
body.project-hero-fullscreen-page #site-header{
    transition: transform .26s ease-out, opacity .26s ease-out, background .35s ease, box-shadow .35s ease !important;
  }html.hi-pswp-open #site-header,
  body.hi-pswp-open #site-header{
    transform: translateY(-100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }html.hi-pswp-open .hi-burger-slot,
  body.hi-pswp-open .hi-burger-slot{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }footer.hi-footer-pro .wrap{
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }footer.hi-footer-pro::before{
    top: -30px !important;
  }footer.hi-footer-pro{
    padding: 12px 0 18px !important;
  }footer.hi-footer-pro .hi-footer-pro__brand{
    margin-top: -10px !important;
  }footer.hi-footer-pro .hi-footer-pro__copy{
    margin-top: 2px !important;
  }footer.hi-footer-pro .hi-footer-pro__phone{
    justify-content: flex-start !important;
    padding-left: 6px !important;
    padding-right: 12px !important;
  }footer.hi-footer-pro .hi-footer-pro__phone svg{
    margin-right: 6px !important;
  }footer.hi-footer-pro .hi-footer-pro__email{
    padding-right: 12px !important;
  }
}
@media (min-width: 901px){
footer.hi-footer-pro .hi-footer-pro__logo img{
    max-width: 220px !important;
  }
}
@media (max-width: 900px){
body.project-hero-fullscreen-page:not(.header-visible) .hi-float-burger{
    border-color: rgba(255,255,255,.85) !important;
  }footer.hi-footer-pro .hi-footer-pro__docs{
    justify-content: center !important;
    text-align: center !important;
  }footer.hi-footer-pro .hi-footer-pro__link{
  color:var(--muted);

    text-align: center !important;
  }footer.hi-footer-pro .hi-footer-pro__meta{
  color:var(--muted);

    text-align: center !important;
  }
}
@media (max-width: 900px){
footer.hi-footer-pro{
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }footer.hi-footer-pro .hi-footer-pro__social .hi-icon{
    width: clamp(32px, 8.6vw, 36px) !important;
    height: clamp(32px, 8.6vw, 36px) !important;
    border-radius: clamp(11px, 3.0vw, 12px) !important;
  }footer.hi-footer-pro .hi-footer-pro__social .hi-icon svg{
    width: clamp(18px, 5.0vw, 20px) !important;
    height: clamp(18px, 5.0vw, 20px) !important;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn{
    font-size: clamp(13px, 3.5vw, 15px) !important;
    padding: clamp(9px, 2.5vw, 10px) clamp(12px, 3.4vw, 14px) !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone{
    font-size: clamp(13px, 3.3vw, 14.4px) !important;
    padding: clamp(5px, 1.6vw, 6px) 0 !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone svg{
    width: clamp(16px, 4.5vw, 18px) !important;
    height: clamp(16px, 4.5vw, 18px) !important;
  }footer.hi-footer-pro .hi-footer-pro__email{
    font-size: clamp(13px, 3.3vw, 14.4px) !important;
    padding: clamp(5px, 1.6vw, 6px) 0 !important;
  }
}
@media (max-width: 900px){
:root{
    
    --hi-mob-ctl: clamp(36px, 10vw, 42px);
    --hi-mob-ctl-r: clamp(10px, 3vw, 12px);
    --hi-mob-gap: clamp(8px, 2.8vw, 12px);
    --hi-mob-pad-x: clamp(10px, 3.2vw, 12px);
    --hi-mob-pad-y: clamp(8px, 2.4vw, 10px);
    --hi-mob-logo-h: 34px;
  }.hi-mobilebar{
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    grid-template-columns: var(--hi-mob-ctl) 1fr auto !important;
    gap: var(--hi-mob-gap) !important;
    padding: calc(var(--hi-mob-pad-y) + env(safe-area-inset-top, 0px)) var(--hi-mob-pad-x) var(--hi-mob-pad-y) var(--hi-mob-pad-x) !important;
  }.hi-burger,
  .hi-drawer-close{
    width: var(--hi-mob-ctl) !important;
    height: var(--hi-mob-ctl) !important;
    border-radius: var(--hi-mob-ctl-r) !important;
  }.hi-burger span{
    width: clamp(16px, 4.8vw, 18px) !important;
  }.hi-mob-actions{
    gap: clamp(8px, 2.6vw, 10px) !important;
  }.hi-mob-actions .hi-icon{
    width: var(--hi-mob-ctl) !important;
    height: var(--hi-mob-ctl) !important;
    border-radius: var(--hi-mob-ctl-r) !important;
  }.hi-mob-actions .hi-icon svg{
    width: clamp(20px, 5.5vw, 22px) !important;
    height: clamp(20px, 5.5vw, 22px) !important;
  }.hi-mobile-logo{ min-width:0; max-width:100%; }.hi-mobile-logo-img{
    display:block;
    height:auto !important;
    max-height: var(--hi-mob-logo-h) !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 auto;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.35));
  }footer.hi-footer-pro{
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }footer.hi-footer-pro .hi-footer-pro__social .hi-icon{
    width: clamp(32px, 8.8vw, 40px) !important;
    height: clamp(32px, 8.8vw, 40px) !important;
    border-radius: clamp(11px, 3.0vw, 13px) !important;
  }footer.hi-footer-pro .hi-footer-pro__social .hi-icon svg{
    width: clamp(19px, 5.2vw, 24px) !important;
    height: clamp(19px, 5.2vw, 24px) !important;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn{
    font-size: clamp(13px, 3.5vw, 16px) !important;
    padding: clamp(9px, 2.5vw, 11px) clamp(12px, 3.3vw, 15px) !important;
    line-height: 1.1 !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone,
  footer.hi-footer-pro .hi-footer-pro__email{
    font-size: clamp(13px, 3.4vw, 15.4px) !important;
    line-height: 1.15 !important;
    padding: clamp(4px, 1.4vw, 6px) 0 !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone svg{
    width: clamp(16px, 4.4vw, 20px) !important;
    height: clamp(16px, 4.4vw, 20px) !important;
  }
}
@media (max-width: 390px){
footer.hi-footer-pro .hi-footer-pro__social .hi-icon{
    width: clamp(30px, 8.2vw, 36px) !important;
    height: clamp(30px, 8.2vw, 36px) !important;
    border-radius: clamp(10px, 2.9vw, 12px) !important;
  }footer.hi-footer-pro .hi-footer-pro__social .hi-icon svg{
    width: clamp(17px, 4.8vw, 21px) !important;
    height: clamp(17px, 4.8vw, 21px) !important;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn{
    font-size: clamp(12.5px, 3.3vw, 14px) !important;
    padding: clamp(8px, 2.2vw, 10px) clamp(11px, 3.0vw, 13px) !important;
    border-radius: 13px !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone,
  footer.hi-footer-pro .hi-footer-pro__email{
    font-size: clamp(12px, 3.1vw, 14px) !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone svg{
    width: clamp(15px, 4.2vw, 18px) !important;
    height: clamp(15px, 4.2vw, 18px) !important;
    margin-right: 7px !important;
  }
}
@media (max-width: 420px){
footer.hi-footer-pro .hi-footer-pro__social{ gap: 9px !important; }footer.hi-footer-pro .hi-footer-pro__social .hi-icon{
    width: clamp(29px, 7.6vw, 34px) !important;
    height: clamp(29px, 7.6vw, 34px) !important;
    border-radius: clamp(10px, 2.7vw, 12px) !important;
  }footer.hi-footer-pro .hi-footer-pro__social .hi-icon svg{
    width: clamp(16.5px, 4.6vw, 20px) !important;
    height: clamp(16.5px, 4.6vw, 20px) !important;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn{
    font-size: clamp(12.3px, 3.05vw, 14px) !important;
    padding: clamp(8px, 2.2vw, 10px) clamp(11px, 3.0vw, 13px) !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone,
  footer.hi-footer-pro .hi-footer-pro__email{
    font-size: clamp(12px, 3.0vw, 13.6px) !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone svg{
    width: clamp(15px, 4.0vw, 18px) !important;
    height: clamp(15px, 4.0vw, 18px) !important;
  }footer.hi-footer-pro .hi-footer-pro__logo img{ max-width: 210px !important; }
}
@media (max-width: 390px){
footer.hi-footer-pro .hi-footer-pro__social{ gap: 8px !important; }footer.hi-footer-pro .hi-footer-pro__social .hi-icon{
    width: clamp(28px, 7.4vw, 33px) !important;
    height: clamp(28px, 7.4vw, 33px) !important;
    border-radius: clamp(10px, 2.6vw, 11px) !important;
  }footer.hi-footer-pro .hi-footer-pro__social .hi-icon svg{
    width: clamp(16px, 4.4vw, 19px) !important;
    height: clamp(16px, 4.4vw, 19px) !important;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn{
    font-size: clamp(11.8px, 3.0vw, 13.6px) !important;
    padding: clamp(8px, 2.1vw, 9.5px) clamp(10px, 2.8vw, 12px) !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone,
  footer.hi-footer-pro .hi-footer-pro__email{
    font-size: clamp(11.8px, 2.9vw, 13.4px) !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone svg{
    width: clamp(14px, 3.9vw, 17px) !important;
    height: clamp(14px, 3.9vw, 17px) !important;
  }
}
@media (max-width: 420px) and (min-width: 391px){
footer.hi-footer-pro .hi-footer-pro__social .hi-icon{
    width: clamp(32px, 8.8vw, 40px) !important;
    height: clamp(32px, 8.8vw, 40px) !important;
    border-radius: clamp(11px, 3.0vw, 13px) !important;
  }footer.hi-footer-pro .hi-footer-pro__social .hi-icon svg{
    width: clamp(19px, 5.2vw, 24px) !important;
    height: clamp(19px, 5.2vw, 24px) !important;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn{
    font-size: clamp(13px, 3.5vw, 16px) !important;
    padding: clamp(9px, 2.5vw, 11px) clamp(12px, 3.3vw, 15px) !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone,
  footer.hi-footer-pro .hi-footer-pro__email{
    font-size: clamp(13px, 3.4vw, 15.4px) !important;
    padding: clamp(4px, 1.4vw, 6px) 0 !important;
  }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone svg{
    width: clamp(16px, 4.4vw, 20px) !important;
    height: clamp(16px, 4.4vw, 20px) !important;
  }
}
@media (max-width: 900px) and (min-width: 700px){
footer.hi-footer-pro .wrap{
    width: min(720px, 92%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }footer.hi-footer-pro .hi-footer-pro__actions::after{
    content: none !important;
    display: none !important;
  }footer.hi-footer-pro .hi-footer-pro__actions{
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    column-gap: 18px !important;
    row-gap: 12px !important;
  }footer.hi-footer-pro .hi-footer-pro__social{ order: 1; }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn[data-hi-call="1"]{
    order: 2;
    margin-left: 0 !important;
  }footer.hi-footer-pro .hi-footer-pro__phone{
    order: 3;
    flex: 1 1 300px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
  }footer.hi-footer-pro .hi-footer-pro__email{
    order: 4;
    flex: 1 1 300px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    text-align: right !important;
  }footer.hi-footer-pro .hi-footer-pro__logo img{ max-width: 220px !important; }footer.hi-footer-pro .hi-footer-pro__copy{ font-size: 13.4px !important; }
}
@media (max-width: 414px){
footer.hi-footer-pro .hi-footer-pro__copy,
  footer.hi-footer-pro .hi-footer-pro__disclaimer{
    white-space: nowrap !important;
  }footer.hi-footer-pro .hi-footer-pro__copy{
    font-size: clamp(11px, 3.1vw, 13.4px) !important;
    letter-spacing: -0.01em;
  }footer.hi-footer-pro .hi-footer-pro__disclaimer{
    font-size: clamp(10px, calc(2.2vw + 2px), 12px) !important;
    letter-spacing: -0.01em;
  }
}
@media (min-width: 901px){
#site-header{
    --hi-hdr-pad-x: clamp(12px, 1.2vw, 20px);
    --hi-hdr-pad-top: clamp(12px, 0.9vw + 6px, 18px);
    --hi-hdr-pad-bot: clamp(10px, 0.6vw + 5px, 14px);
    --hi-hdr-gap: clamp(10px, 0.9vw, 16px);

    --hi-hdr-nav-gap: clamp(8px, 0.9vw, 14px);
    --hi-hdr-nav-fs: clamp(12px, 0.35vw + 9px, 15px);
    --hi-hdr-nav-py: clamp(6px, 0.22vw + 4.2px, 8px);
    --hi-hdr-nav-px: clamp(3px, 0.25vw + 1px, 6px);

    --hi-hdr-meta-gap: clamp(8px, 0.7vw + 2px, 12px);
    --hi-hdr-icon: clamp(30px, 0.6vw + 24px, 36px);
    --hi-hdr-tg-ic: calc(var(--hi-hdr-icon) * 0.59);

    --hi-hdr-btn-fs: clamp(12px, 0.35vw + 9px, 15px);
    --hi-hdr-btn-py: clamp(8px, 0.24vw + 6px, 10px);
    --hi-hdr-cta-px: clamp(6px, 0.45vw + 1px, 10px);
    --hi-hdr-phone-px: clamp(10px, 0.45vw + 6px, 12px);
    --hi-hdr-phone-ic: clamp(14px, 0.25vw + 12px, 16px);
    --hi-hdr-phone-ic-gap: clamp(5px, 0.2vw + 4px, 6px);

    --hi-hdr-logo-h: clamp(25px, 0.9vw + 14px, 31px);
  }#site-header .hi-container,
  #site-header.scrolled .hi-container,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-container{
    padding-left: var(--hi-hdr-pad-x) !important;
    padding-right: var(--hi-hdr-pad-x) !important;
    padding-top: var(--hi-hdr-pad-top) !important;
    padding-bottom: var(--hi-hdr-pad-bot) !important;
    gap: var(--hi-hdr-gap) !important;
    flex-wrap: nowrap !important;
    min-width: 0;
  }#site-header .hi-nav{
    gap: var(--hi-hdr-nav-gap) !important;
    flex-wrap: nowrap !important;
    min-width: 0;
  }#site-header .hi-nav .hi-link{
    font-size: var(--hi-hdr-nav-fs) !important;
    padding-top: var(--hi-hdr-nav-py) !important;
    padding-bottom: var(--hi-hdr-nav-py) !important;
    padding-left: var(--hi-hdr-nav-px) !important;
    padding-right: var(--hi-hdr-nav-px) !important;
    white-space: nowrap !important;
  }#site-header .hi-meta{
    gap: var(--hi-hdr-meta-gap) !important;
    flex-wrap: nowrap !important;
    min-width: 0;
  }#site-header .hi-icon{
    width: var(--hi-hdr-icon) !important;
    height: var(--hi-hdr-icon) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto;
    line-height: 0 !important;
    text-align: center !important;
    overflow: hidden;
  }#site-header .hi-icon svg{
    width: var(--hi-hdr-icon) !important;
    height: var(--hi-hdr-icon) !important;
    display: block;
  }#site-header .hi-meta .hi-icon[aria-label="VK"] svg{
    width: var(--hi-hdr-icon) !important;
    height: var(--hi-hdr-icon) !important;
    position: relative;
    top: 2px;
    left: 1px;
  }#site-header .hi-meta a[aria-label="Telegram"] svg{
    width: var(--hi-hdr-tg-ic) !important;
    height: var(--hi-hdr-tg-ic) !important;
    transform: translateX(-1px) !important;
  }#site-header .hi-phone{
    font-size: var(--hi-hdr-btn-fs) !important;
    padding-top: var(--hi-hdr-btn-py) !important;
    padding-bottom: var(--hi-hdr-btn-py) !important;
    padding-left: var(--hi-hdr-phone-px) !important;
    padding-right: var(--hi-hdr-phone-px) !important;
    white-space: nowrap !important;
  }#site-header .hi-phone svg{
    display: none !important;
    width: var(--hi-hdr-phone-ic) !important;
    height: var(--hi-hdr-phone-ic) !important;
    margin-right: var(--hi-hdr-phone-ic-gap) !important;
  }#site-header .hi-btn,
  #site-header .hi-btn[data-hi-call],
  #site-header [data-hi-call].hi-btn,
  #site-header .hi-meta .hi-btn-call{
    font-size: var(--hi-hdr-btn-fs) !important;
    height: var(--hi-hdr-icon) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: var(--hi-hdr-cta-px) !important;
    padding-right: var(--hi-hdr-cta-px) !important;
    white-space: nowrap !important;
    min-width: unset !important;
  }#site-header .hi-logo{
        position: relative !important;
top: -7px !important;
    transform: none !important;
  }#site-header .hi-logo img,
  #site-header.scrolled .hi-logo img,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-logo img{
    height: var(--hi-hdr-logo-h) !important;
    transform: none !important;
  }#site-header .hi-logo .hi-logo-img{
    height: var(--hi-hdr-logo-h) !important;
  }
}
@media (max-width: 900px){
footer.hi-footer-pro .hi-footer-pro__phone svg{ display:none !important; }footer.hi-footer-pro .hi-footer-pro__contacts .hi-phone{ gap:0 !important; }footer.hi-footer-pro .hi-footer-pro__phone,
  footer.hi-footer-pro .hi-footer-pro__email{
    font-size: 16px !important;
    line-height: 1.2 !important;
  }footer.hi-footer-pro .hi-footer-pro__social .hi-icon{
    border-color: rgba(200,200,200,0.70) !important;
  }footer.hi-footer-pro .hi-footer-pro__actions{
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    justify-content: space-between !important;
    grid-auto-rows: auto !important;
    align-items: center !important;
    column-gap: 18px !important;
    row-gap: 20px !important; 
  }footer.hi-footer-pro .hi-footer-pro__actions::after{ content: none !important; display:none !important; }footer.hi-footer-pro .hi-footer-pro__social{
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    margin-right: 0 !important;
    align-self: center !important;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn[data-hi-call="1"]{
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin-left: 0 !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }footer.hi-footer-pro .hi-footer-pro__phone{
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    margin-left: 0 !important;
    align-self: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }footer.hi-footer-pro .hi-footer-pro__email{
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: 0 !important;
    align-self: center !important;
  }
}
@media (min-width: 901px){
#site-header .hi-btn[data-hi-call="1"],
    #site-header.scrolled .hi-btn[data-hi-call="1"],
    body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-btn[data-hi-call="1"]{
      font-size: calc(var(--hi-hdr-btn-fs) - 1px) !important;
      padding-left: calc(var(--hi-hdr-cta-px) - 1px) !important;
      padding-right: calc(var(--hi-hdr-cta-px) - 1px) !important;
    }
}
@media (max-width: 900px){
footer.hi-footer-pro .hi-footer-pro__docs{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    gap: 8px;
    text-align: center;
  }footer.hi-footer-pro .hi-footer-pro__meta{
  color:var(--muted);

    width: 100%;
    margin-top: 8px;
  }footer.hi-footer-pro .hi-footer-pro__link{
  color:var(--muted);

    text-align: center !important;
  }footer.hi-footer-pro .hi-footer-pro__meta{
  color:var(--muted);

    text-align: center !important;
  }
}
@media (max-width: 414px){
:root{ --hi-mob-logo-h: clamp(30px, 8vw, 32px) !important; }
}
@media (min-width: 901px){
footer.hi-footer-pro .hi-footer-pro__copy{
    font-size: clamp(14px, 1.1vw, 16px) !important;
    white-space: normal !important;
  }
}
@media (min-width: 1312px){
footer.hi-footer-pro .hi-footer-pro__brand { gap: 14px; }
}
.hi-icon {
  border: 1px solid var(--hi-border-neutral) !important;
}.hi-icon:hover {
  background: rgba(255,255,255,0.10) !important;
  color: #fff !important;
  border: 1px solid var(--hi-border-neutral-hover) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}.hi-footer-pro__social .hi-icon{
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  
  border-color: rgba(255,255,255,.26) !important;
}.hi-footer-pro__social .hi-icon:hover,
.hi-footer-pro__social .hi-icon:focus-visible,
.hi-footer-pro__social .hi-icon:active{
  background: #BFA97A !important;
  border-color: #BFA97A !important;
  color: #000 !important;
}#site-header .hi-meta > a.hi-icon{
  background: transparent;
}#site-header .hi-meta > a.hi-icon:hover,
#site-header .hi-meta > a.hi-icon:focus-visible{
  background: rgba(208,171,93,.95);
  border-color: rgba(208,171,93,.9);
  box-shadow: 0 0 24px rgba(208,171,93,.25);
  color: #111;
}.hi-footer-pro__social a.hi-icon:hover,
.hi-footer-pro__social a.hi-icon:focus-visible{
  box-shadow: 0 0 18px rgba(191,169,122,.55) !important;
}@media (min-width: 521px){
.hi-footer-pro__email{
    color: #fff !important;
    font-weight: 700 !important;
  }
}
@media (min-width: 521px) and (max-width: 900px){
.hi-footer-pro__email{
    font-size: 15px;
    line-height: 1.2;
  }
}
@media (min-width: 901px){
#site-header .hi-meta > a.hi-icon:hover,
  #site-header .hi-meta > a.hi-icon:focus-visible{
    background: var(--hi-accent) !important;
    border-color: var(--hi-accent) !important;
    color: #111 !important;
    box-shadow: 0 0 18px rgba(191,169,122,.55) !important;
    text-shadow: 0 0 10px rgba(191,169,122,.9), 0 0 22px rgba(191,169,122,.75) !important;
  }
}
.hi-footer-pro__social .hi-icon:hover{box-shadow: 0 0 22px rgba(191,169,122,.78), 0 0 44px rgba(191,169,122,.52) !important;}.hi-footer-pro__social .hi-icon:hover svg{filter: drop-shadow(0 0 6px rgba(191,169,122,.85)) drop-shadow(0 0 14px rgba(191,169,122,.55));}@media (max-width: 900px){
footer.hi-footer-pro .hi-footer-pro__brand{
    margin-bottom: 6px !important;
  }
}
@media (max-width: 900px){
footer.hi-footer-pro{ overflow: visible !important; }footer.hi-footer-pro .hi-footer-pro__docs-left{
    display:flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
  }footer.hi-footer-pro .hi-footer-pro__brand{
    justify-self: stretch !important;
    width: 100% !important;
  }footer.hi-footer-pro .hi-footer-pro__copy{
    width: calc(100% + 24px) !important;   
    max-width: none !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    font-size: clamp(12.6px, 3.25vw, 14.2px) !important;
    letter-spacing: -0.02em;
    white-space: nowrap !important;
    text-align: center !important;
  }
}
@media (max-width: 900px){
footer.hi-footer-pro{ padding-top: 32px !important; }footer.hi-footer-pro .hi-footer-pro__brand{ margin-top: 0 !important; transform: translateY(-13px) !important; }footer.hi-footer-pro::before{ top: -7px !important; z-index: 2 !important; }footer.hi-footer-pro .hi-footer-pro__actions{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    justify-items: center !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
  }footer.hi-footer-pro .hi-footer-pro__social{ justify-self: center !important; }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn[data-hi-call="1"]{ justify-self: center !important; }footer.hi-footer-pro .hi-footer-pro__contacts{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    justify-items: center !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
  }footer.hi-footer-pro .hi-footer-pro__phone{
    justify-self: center !important;
    margin-left: 0 !important;
    text-align: center !important;
    font-size: clamp(15.5px, 4.3vw, 16px) !important; 
    line-height: 1.2 !important;
  }footer.hi-footer-pro .hi-footer-pro__email{
    justify-self: center !important;
    margin-left: 0 !important;
    text-align: center !important;
  }footer.hi-footer-pro .hi-footer-pro__actions .hi-btn[data-hi-call="1"]{
    background: var(--hi-accent) !important;
    color: #000 !important;
    border-color: var(--hi-accent) !important;
    box-shadow: 0 0 18px rgba(191,169,122,0.70), 0 0 36px rgba(191,169,122,0.45) !important;
    text-shadow: 0 0 10px rgba(191,169,122,0.55) !important;
    transform: none !important;
  }
}


/* === hi-float-burger-fixed-v1 === */
/* Mobile: floating burger must not create a top gap and must stay visible on scroll */
@media (max-width: 900px){
  .hi-float-burger{
    position: fixed !important;
    left: 12px !important;
    top: 12px !important;
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    z-index: 9800 !important;
    margin: 0 !important;
  }
  /* Always visible while scrolling */
  .hi-float-burger{
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}


/* === hi-header-footer-bugfix-v05 === */
/* v05: fix header glow/line and top-state behavior on pages without project body classes */
body:not(.header-visible) #site-header{
  background: rgba(0,0,0,.12) !important;
  backdrop-filter: blur(10px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.15) !important;
  box-shadow: none !important;
}
/* glow + line should be OFF until header-light-on is set by JS */
body:not(.header-light-on) #site-header[data-hi-glow]::before,
body:not(.header-light-on) #site-header[data-hi-glow]::after{
  opacity: 0 !important;
}
body.header-light-on #site-header[data-hi-glow]::before{
  opacity: .9 !important;
}
body:not(.header-light-on) #site-header .header-light{ opacity: 0 !important; }
body.header-light-on #site-header .header-light{ opacity: 1 !important; }


/* === hi-form-success-fix-v11 === */
.hi-form-success{display:none;margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(191,169,122,.25);} 
.hi-form-success-title{font-weight:800;margin:0 0 6px;}
.hi-form-success-text{margin:0;}
#hi-form.is-success .hi-field{display:none;}
#hi-form.is-success .hi-actions button[type="submit"]{display:none;}
#hi-form.is-success .hi-form-success{display:block;}
#hi-form.is-success .hi-actions{justify-content:center;}

.hi-modal.is-success > h3,
.hi-modal.is-success > p,
#hi-modal.is-success .hi-modal > h3,
#hi-modal.is-success .hi-modal > p{display:none;}


/* === hi-modal-form-unify-v14 === */
/* v14: unify modal form layout (inputs full width, actions right) across all pages */
.hi-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.hi-input{ background:#fff; color:#222; border:1px solid rgba(0,0,0,.12); border-radius:12px; padding:12px 14px; font-size:16px; outline:none; transition:border-color .2s, box-shadow .2s; }
.hi-input:focus{ border-color: var(--hi-accent); box-shadow: 0 0 0 4px rgba(191,169,122,.22); }
.hi-actions{ display:flex; gap:10px; align-items:center; justify-content:flex-end; margin-top:8px; }


/* === hi-mobile-header-tune-v15 === */
@media (max-width: 900px){
  /* v15: burger gap -2px */
  .hi-burger span + span{ margin-top: 4px !important; }
  /* v15: visually center mobile logo via left spacer (keep Telegram) */
  .hi-mobilebar{
    grid-template-columns: calc(42px * 2 + 10px) 1fr calc(42px * 2 + 10px) !important;
  }
  .hi-burger-slot{ width: calc(42px * 2 + 10px) !important; }
  .hi-mob-actions{
    width: calc(42px * 2 + 10px) !important;
    justify-content: flex-end !important;
  }
}


/* === v05: helpers moved from inline style attributes === */
.hi-metrika-pixel{position:absolute;left:-9999px;}
.hi-honeypot-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;}
#hero .design-hero-poster{background-image:url('/video/homeinterior-design-interiera-hero-poster.webp?v=20260426b');}