/* HomeInterior owner map: common shell for project pages. Use for repeated project-page structure, not for landing or homepage-only fixes. */

/* Auto-extracted shared CSS for HomeInterior */

/* === pswp-hi-ui-v1 === *//* PhotoSwipe: do not inherit site-wide gold hover that hides icons */.pswp__caption{ display:none !important; }/* caption moved to top bar */.pswp__counter{ display:none !important; }.pswp__hi-title{
  position:absolute;
  left:50%;
  top:0;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateX(-50%);
  max-width:calc(100% - 210px);
  padding:0 12px;
  font-size:14px;
  line-height:1;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}@media (max-width: 900px){
.pswp__hi-title{ max-width:calc(100% - 170px); font-size:12px; }
}
/* Keep PhotoSwipe icons visible on hover */.pswp__top-bar{ background: rgba(0,0,0,.35) !important; }.pswp__button{
  background-color: rgba(0,0,0,.20) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 12px !important;
}.pswp__button:hover{
  background-color: rgba(0,0,0,.32) !important;
  border-color: rgba(191,169,122,.55) !important;
}.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover{
  background-color: rgba(0,0,0,.28) !important;
}@media (min-width: 901px){
/* V80: desktop PhotoSwipe — no framed buttons, no top band; subtle hover = brighter *//* Remove PhotoSwipe default top-bar backdrop (default-skin uses more specific selectors) */.pswp__top-bar,
  .pswp__ui--fit .pswp__top-bar,
  .pswp__ui--idle .pswp__top-bar,
  .pswp__ui--hidden .pswp__top-bar{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }.pswp__top-bar::before,
  .pswp__top-bar::after,
  .pswp__ui--fit .pswp__top-bar::before,
  .pswp__ui--fit .pswp__top-bar::after{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }.pswp__button{
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: .78;
    filter: none;
    transition: opacity .18s ease, filter .18s ease;
  }.pswp__button:hover,
  .pswp__button:focus-visible{
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1;
    filter: brightness(1.35);
  }/* Desktop slider: larger arrows */.pswp__button--arrow--left,
  .pswp__button--arrow--right{
    transform: scale(1.22);
    transform-origin: center;
    will-change: transform;
  }.pswp__button--arrow--left{ transform-origin: left center; }.pswp__button--arrow--right{ transform-origin: right center; }/* Title / index: compact pill near the right controls (no full-width bar) */.pswp__hi-title{
    left: auto;
    right: 96px;
    top: 6px;
    transform: none;
    height: 34px;
    max-width: calc(100% - 240px);
    padding: 0 10px;
    font-size: 12px;
    justify-content: flex-end;
    background: rgba(0,0,0,.26);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    backdrop-filter: blur(10px) saturate(1.15);
    -webkit-backdrop-filter: blur(10px) saturate(1.15);
    text-shadow: 0 2px 10px rgba(0,0,0,.55);
  }
}
/* Phone + email: same size and slightly larger *//* CTA: center text vertically (without changing height/styling) *//* Phone icon spacing: match header (avoid double-spacing from inline margin-right) */
}
/* === v49-desktop-overrides === */
/* === project1-headerlight-noghost-v18 === */@media (max-width: 900px){
/* Keep glow stripe present but fade it out smoothly (no abrupt height/display cut) *//* Pseudo underglow: fade out smoothly when glow is OFF */
}
/* === hi-v17-project1-footer-mobile === */@media (max-width: 900px){
/* Row 1: соцсети слева, "Заказать звонок" справа *//* Force next row *//* Row 2: email слева (белый, крупнее), телефон справа */
}
/* === project1-footer-tweaks-v105 === *//* V105 tasks: footer micro-alignment */@media (max-width: 900px){
/* 1) Phone: 2px closer to left edge *//* 1) Email: 2px closer to right edge */
}
/* === project1-desktop-hero-dim-v24 === */@media (min-width: 901px){
/* Desktop: hero darkening ONLY while header glow is ON; fade-out must be as smooth as fade-in *//* Glow element: fade out smoothly (no visibility cut) *//* Bigger room titles on desktop */.project-album-roomtitle{
    font-size: 22px;
    margin-bottom: 16px;
    line-height: 1.22;
  }
}
/* === project1-pc-header-glow-fixes-v25 === */@media (min-width: 901px){
/* Remove faint line from legacy pseudo-glow (can remain visible even when glow is off) *//* Smooth fade for under-header glow (show/hide) *//* Ensure hero dim returns smoothly */body.project-hero-fullscreen-page #hero::before{
    transition: opacity .35s ease !important;
  }
}
/* === v182-header-glow-ghost-off-fix === *//* After glow fades out, remove any residual 1px shine under header (Safari/iOS artifact). *//* Hard-disable legacy pseudo underglow when glow is OFF *//* === project-1-v39-page-bg_header_roomnav === *//* V39 (project-1): unified page tone, centered room titles, desktop header layout, bottom room nav *//* Page background tone (medium between old/new) + apply everywhere */body.project-hero-fullscreen-page{ background:var(--project-page-bg) !important; }.hi-main{ background:transparent !important; }/* Remove panel-like backgrounds so the whole page is one tone */#project-about,
  #project-floorplan{ background:transparent !important; }/* Plan size: reduce by ~1.15 from full width (a bit bigger than previous) */.project-floorplan__media{ max-width:1120px; }/* Center room titles */.project-album-roomtitle{ text-align:center; }/* Scroll anchor offset for fixed header */.project-album-section{ scroll-margin-top: 110px; }/* Desktop header: left menu, centered logo, right contacts */@media (min-width: 901px){
.hi-meta{ justify-self:end; }/* V81: desktop roomnav tone matches header */.project-roomnav{
      background: rgba(0,0,0,.65) !important;
      border-color: rgba(255,255,255,.08) !important;
      backdrop-filter: saturate(160%) blur(6px) !important;
      -webkit-backdrop-filter: saturate(160%) blur(6px) !important;
      box-shadow: 0 10px 28px rgba(0,0,0,.25) !important;
    }
}
/* Bottom room nav */.project-roomnav{
  position:absolute;
  left:50%;
  top:100000px; /* pre-position offscreen; JS sets real top (A↔B clamp) */
  --roomnav-bottom: 18px;
  transform:translateX(-50%);
  display:flex;
  gap:14px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:34px;
  background:rgba(22,22,22,0.32);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 12px 32px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.08);
  z-index:30;
  opacity:1;
  pointer-events:auto;
}.project-roomnav::-webkit-scrollbar{ display:none; }.project-roomnav__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid transparent;
  color:#fff;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  letter-spacing:.02em;
  transition:background .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease;
}.project-roomnav__link:hover,
.project-roomnav__link:focus-visible,
.project-roomnav__link.active{
  background:var(--hi-accent);
  color:#111;
  box-shadow:0 0 22px rgba(191,169,122,0.55);
  transform:translateY(-1px);
  border-color:transparent;
}@media (max-width: 900px){
/* Mobile/tablet: horizontal swipe for room tabs */.project-roomnav{
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    touch-action:pan-x;
  }.project-roomnav::-webkit-scrollbar{ display:none; }.project-roomnav__link{
    flex:0 0 auto;
    white-space:nowrap;
  }/* Give more air above footer for the room nav */.project-album{ padding-bottom: 200px; }
}
@media (max-width:520px){
.project-roomnav{
    width:calc(100% - 44px);
    max-width:520px;
    --roomnav-bottom: 12px;
    padding:9px 8px;
    border-radius:34px;
    gap:8px;
    /* keep as a single row, swipe left/right */
    display:flex;
    align-items:center !important;
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    touch-action:pan-x;
  }.project-roomnav::-webkit-scrollbar{ display:none; }.project-roomnav__link{
    width:auto;
    padding:8px 10px;
    border-radius:18px;
    font-size:13px;
    line-height:1;
    white-space:nowrap;
    flex:0 0 auto;
  }.project-album{padding:28px 0 220px;}
}
/* Reserve space so the nav doesn't cover the last images */.project-album{ padding-bottom: 160px; }/* === hi-v44-logo-cta === *//* V44: CTA auto-active when header glow is active while scrolled *//* === hi-v46-roomnav-compact === *//* V46: bottom room navigation — typography & compactness to match header */.project-roomnav{
  gap:10px !important;
  padding:8px 10px !important;
  border-radius:18px !important;
}.project-roomnav__link{
  font-size:13px !important;
  font-weight:500 !important;
  padding:8px 12px !important;
  border-radius:14px !important;
  letter-spacing:0.2px !important;
}/* === hi-v49-roomnav-tuning === *//* V49: roomnav fine-tuning (desktop) + mobile full-bleed behavior */@media (min-width: 901px){
/* Make nav background visually centered relative to pills */.project-roomnav{ align-items:center !important; padding:9px 10px !important; }/* Reduce vertical “fatness” (especially noticeable on active) */.project-roomnav__link{ padding:6px 12px !important; line-height:1 !important; }/* No vertical “jump” on hover/active */.project-roomnav__link:hover,
  .project-roomnav__link:focus-visible,
  .project-roomnav__link.active{ transform:none !important; }
}
/* Mobile: give the bar a bit more side inset by default,
   and expand to full width only while user scrolls it horizontally (like iOS). */@media (max-width: 520px){
.project-roomnav{ width: calc(100% - 48px) !important; }/* inset: 24px */
}
/* === hi-v50-hover-roomnav-fixes === *//* V50: вернуть неоновую подсветку на hover у кнопки "Заказать звонок" (как у остальных кнопок в шапке) *//* V50: выравнивание кнопок по вертикали внутри общей рамки нижней навигации */.project-roomnav{ align-items: center; }/* === project1-roomnav-v53 === *//* V53 — правки нижней навигации и аккуратная рамка (ПК+моб) *//* ПК: воздух сверху/снизу даём рамкой, а не уменьшая сами кнопки */@media (min-width: 901px){
.project-roomnav{ padding-top: 10px !important; padding-bottom: 10px !important; }.project-roomnav__link{ padding: 8px 12px !important; }
}
/* Моб: кнопки строго по центру по вертикали внутри рамки + рамка уже (примерно на 3 кнопки) */@media (max-width: 520px){
.project-roomnav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    height:auto !important;
    min-height: 54px !important;
    padding: 10px 10px !important; /* симметричный отступ, чтобы визуально центрировать */
    width: calc(100% - 88px) !important; /* уже, чтобы влезали ~3 кнопки без скролла */
  }.project-roomnav__inner{ align-items:center !important; }.project-roomnav__link{ padding: 8px 10px !important; }
}
/* === project1-v80-roomnav-fill-desktop === *//* V80: ПК — заливка нижней навигации как у шапки (тон/прозрачность) */@media (min-width: 901px){
.project-roomnav{
    background: rgba(0,0,0,0.65) !important;
    backdrop-filter: blur(10px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.15) !important;
  }
}
/* === project-1-hotfix-v56 === *//* v56 (P0): hero always covers viewport on resize (no black bands); top-state header in hero uses black logo + black text */body.project-hero-fullscreen-page .project-hero-fullscreen{
  height: 100vh;
  height: 100dvh;
  min-height: 0 !important;
}body.project-hero-fullscreen-page #hero > picture{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
}body.project-hero-fullscreen-page #hero > picture > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* Desktop: hero top-state header should be calm, with black logo + black text *//* === project1-v57-responsive-fixes === *//* V163: roomnav — keep labels on one line; positioning handled by JS clamp (A↔B) */.project-roomnav__link{ white-space: nowrap; }/* === project1-v58-mobile-roomnav-ios-pill === *//* V163: mobile roomnav — keep pill geometry; positioning handled by JS clamp (A↔B), no show/hide */@media (max-width: 900px){
.project-roomnav{
    /* Centered pill with side insets */
    left: 50% !important;
    right: auto !important;
    width: calc(100% - 64px) !important; /* 32px inset on each side */
    max-width: 520px !important;

    /* Visual bottom gap (read by JS) */
    --roomnav-bottom: max(6px, calc(env(safe-area-inset-bottom, 0px) - 11px)) !important;

    /* Avoid absolute stretching (JS sets top) */
    bottom: auto !important;

    /* Less "fat" */
    padding: 6px 10px !important;
    gap: 10px !important;

    /* Keep iOS-like corners */
    border-radius: 22px !important;

    /* Visuals from V58 */
    border: 1px solid rgba(255,255,255,0.12) !important;
    background: rgba(255,255,255,0.06) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.42) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;

    /* Keep horizontal swipe, but never "fullbleed" */
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
}
/* === project1-roomnav-v70-mobile-pill === */@media (max-width:520px){
/* V131: Variant B — fluid sizing for roomnav on small screens (avoid oversized pills) */.project-roomnav{
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;

    border-radius:999px !important;
    padding: clamp(7px, 2.0vw, 9px) clamp(9px, 2.6vw, 10px) !important;
    gap: clamp(7px, 2.0vw, 8px) !important;
    align-items:center !important;
  }.project-roomnav__link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    /* Keep tap target reasonable but less "fat" on 360–390px */
    height: clamp(30px, 8.3vw, 32px) !important;
    padding: 0 clamp(9px, 2.6vw, 10px) !important;
    font-size: clamp(12px, 3.2vw, 13px) !important;
    line-height: 1 !important;
    white-space:nowrap !important;
  }/* Prevent active/hover lift on mobile (keeps perfect vertical centering) */.project-roomnav__link:hover,
  .project-roomnav__link:focus-visible,
  .project-roomnav__link.active{
    transform:none !important;
  }
}
/* === project1-v125-roomnav-touch-hover-off === *//* V125: touch devices — disable sticky hover highlight on roomnav pills */@media (hover: none), (pointer: coarse){
.project-roomnav__link:not(.active):hover,
  .project-roomnav__link:not(.active):focus,
  .project-roomnav__link:not(.active):active{
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    border-color: transparent !important;
  }
}
/* === project1-v73-desktop-ui === *//* V73 — Desktop UI: roomnav + header glass (match mobile pill), logo scale */@media (min-width: 901px){
/* Bottom room nav: same fill/blur as mobile, more rounded, with bottom edge highlight */.project-roomnav{
    border-radius: 999px !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.12) !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.42),
      inset 0 1px 0 rgba(255,255,255,0.08),
      inset 0 -1px 0 rgba(255,255,255,0.12) !important;
  }/* Match header menu (“Услуги”) typography */.project-roomnav__link{
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }/* Header on first load (not scrolled): same glass style + bottom edge highlight *//* Logo scale x1.2 */
}
/* === project1-v82-desktop-roomnav-tone === *//* V163: Desktop — roomnav tone matches header; no dependency on visibility classes */@media (min-width: 901px){
.project-roomnav{
    background: rgba(0,0,0,0.65) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    backdrop-filter: saturate(160%) blur(6px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(6px) !important;
  }
}
/* === project1-v87-header-cta-glow === *//* V87: Header CTA ("Заказать звонок") — постоянная неоновая подсветка как у кнопки в подвале при hover (только ПК). */@media (min-width: 901px){
/* Keep CTA active with neon glow in BOTH states (light on load + dark scrolled). */
}
/* === hi-v91-patch-v89 === *//* --- PhotoSwipe: remove zoom cursor, click image -> next (desktop) --- */@media (min-width: 901px){
.pswp__img{ cursor: pointer !important; }/* make arrows a bit larger */.pswp__button--arrow--left, .pswp__button--arrow--right{ width: 66px; height: 66px; }.pswp__button--arrow--left:before, .pswp__button--arrow--right:before{ width: 28px; height: 28px; }/* counter/title closer to right controls */.pswp__hi-title{ right: 74px !important; }
}
/* --- PhotoSwipe: mobile UI without full-width top strip; counter as a pill like close --- */@media (max-width: 900px){
.pswp__top-bar{ background: transparent !important; }.pswp__hi-title{
    left: auto !important;
    right: 74px !important;
    top: 6px !important;
    width: auto !important;
    max-width: calc(100% - 160px);
    padding: 0 12px !important;
    height: 34px !important;
    line-height: 34px !important;
    font-size: 12px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.26) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    text-align: center !important;
  }.pswp__counter{ display:none !important; }
}
/* footer CTA always active on mobile (no hover) */
}
/* === project1-v96-mobile-slider-footer-pc-arrows === *//* V96: выполнять пункты строго по задаче *//* --- Mobile (<=900): PhotoSwipe UI --- */@media (max-width: 900px){
/* убрать "бургер" в слайдере (кнопка share / menu) */.pswp__button--share{ display:none !important; }/* убрать рамку у закрытия */.pswp__button--close{
    border: none !important;
    box-shadow: none !important;
  }/* порядковый номер: без рамки и по центру экрана */.pswp__hi-title{
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    border: none !important;
    box-shadow: none !important;
  }/* на всякий случай: не показывать zoom-cursor на мобиле */.pswp__img{ cursor: default !important; }
}
/* --- Mobile footer (<=900): CTA active + phone left / email right --- */@media (max-width: 900px){
/* телефон слева, почта справа *//* кнопка "Заказать звонок" в подвале — активная (неоновая подсветка как в шапке на ПК) */
}
/* --- Desktop (>=901): PhotoSwipe arrow hit area bigger --- */@media (min-width: 901px){
.pswp__button--arrow--left,
  .pswp__button--arrow--right{
    transform: none !important;
    width: 96px !important;
    height: 96px !important;
  }.pswp__button--arrow--left:before,
  .pswp__button--arrow--right:before{
    width: 28px !important;
    height: 28px !important;
  }
}
/* === project1-v98-fixes === *//* V98: mobile footer alignment + footer logo centering + gold line lift + fix header flash on PhotoSwipe + bigger desktop arrow hit area */@media (max-width: 900px){
    top: 0 !important;
    z-index: 2;
  }/* Footer padding a bit tighter to lift logo and copy *//* Footer top row: socials + CTA first, phone/email on next row */
}
@media (min-width: 901px){
/* Bigger arrow hit area (desktop) */.pswp__button--arrow--left,
  .pswp__button--arrow--right{
    width: 180px !important;
    height: 180px !important;
  }.pswp__button--arrow--left:before,
  .pswp__button--arrow--right:before{
    width: 32px !important;
    height: 32px !important;
  }
}
    transition: opacity .26s ease-out, transform .26s ease-out !important;
    opacity: 0 !important;
    transform: translateY(-6px) !important;
    pointer-events: none !important;
}
@media (min-width: 901px){
/* Desktop footer logo slightly larger */
}
/* === project1-v115-mobile-fixes === */@media (max-width: 900px){
}
/* === project1-v125-footer-scale-mobile === */@media (max-width: 900px){
/* V131: Variant B — fluid sizing across mobile widths (360→430+), keep tap targets comfortable *//* Prevent Android text auto-inflation specifically in footer UI *//* Social icon buttons *//* CTA button (Заказать звонок) *//* Phone + Email */
}
/* === project1-v132-mobile-fluid-ui === */@media (max-width: 900px){
    width: clamp(16px, 4.8vw, 18px) !important;
  }/* Mobile footer */
}
/* === project1-v133-small-mobile-tuning === */@media (max-width: 900px){
/* V133: keep Android/Chrome from auto-inflating text (more consistent with iOS) */html, body{ -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }
}
@media (max-width: 390px){
/* V133: small phones (360–390px) — make UI a bit tighter without touching larger iPhones (430+) *//* 1) Footer controls *//* 2) Bottom room navigation */.project-roomnav{
    padding: 6px 9px !important;
    gap: 6px !important;
  }.project-roomnav__link{
    height: 29px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }/* 3) Main page title (H1) — prevent oversized look on small Android */h1.section-title{
    font-size: clamp(24px, 6.8vw, 31px) !important;
    letter-spacing: 0 !important;
  }
}
/* === project1-v134-small-devices-tuning === */@media (max-width: 420px){
/* V134: small devices (≈360–420px) — unify visual scale (Android vs iOS) *//* Footer controls: slightly smaller (~5%) *//* Bottom room navigation: tighter pills to avoid cropping on narrow screens */.project-roomnav{
    padding: 6px 9px !important;
    gap: 6px !important;
    scroll-padding-left: 10px;
    scroll-padding-right: 10px;
  }.project-roomnav__link{
    height: 30px !important;
    padding: 0 9px !important;
    font-size: 12.5px !important;
  }/* Intro typography: prevent oversized look */h1.section-title{
    font-size: clamp(24px, 6.3vw, 30px) !important;
    letter-spacing: 0 !important;
  }.project-intro-text{ font-size: 14.5px !important; line-height: 1.65 !important; }.project-meta-list{ font-size: 14.5px !important; }
}
@media (max-width: 420px) and (max-height: 760px){
.project-roomnav__link{ font-size: 12px !important; }
}
/* === project1-v135-mobile-text-inflation-guard === *//* V135: Stop Android/Chrome text inflation so typography matches iOS more closely */@media (max-width: 900px){
html{ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
}
/* === project1-v139-pro-max-footer-tablet-tuning === *//* V139:
   - Pro Max (430px): mobile header logo larger ONLY in 428–440px range.
   - Small phones (<=390px): footer UI slightly smaller (~5–8%).
   - 391–420px: keep regular mobile sizing (no shrink).
   - 700–900px (iPad mini/air): footer centered; phone+email on one row (phone left, email right);
     logo/copy a touch larger.
   - <=414px (iPhone SE/XR): footer copy + disclaimer forced to 1 line (font scales down).
*//* 2) Small phones: make footer UI a touch smaller, without touching 390/412/430+ *//* 3) 391–420px: keep "regular" mobile sizing (do NOT shrink like small phones) *//* 4) Tablet (iPad mini/air): center footer; phone + email on one row */@media (max-width: 900px) and (min-width: 700px){
/* Make branding a touch larger for tablets */
}
/* 5) iPhone SE / XR: keep copy + disclaimer on one line (scale down) *//* === hi-v144-header-fluid-desktop === *//* V144: Fluid desktop/tablet header sizing (single source of truth).
   Goal: smooth compaction on 1390→901 without wrapping/overlap; mobile header only below 880px. */@media (min-width: 901px){
/* Stable geometry across states *//* Social icons: keep glyph sizing stable across 880–1390 (no jump at ~900px) *//* VK: fill the frame (as in V143), with tiny optical alignment *//* Telegram: slightly smaller glyph inside the same frame (kept proportional) *//* Logo: no jump between states */
}
/* === project1-v157-footer-mobile-tweaks === *//* v161 footer mobile tweaks: phone centered under icons; phone/email same size and a bit larger; CTA text vertically centered */@media (max-width: 900px){
/* Remove phone glyph in footer only *//* Phone + email: same size and slightly larger *//* Make footer social icon frames match header mobile frames *//* Layout: 2-column grid so email is under CTA; phone under social *//* CTA: center text vertically (without changing visual style) *//* Phone: centered under the icon row (content centered, no side paddings) *//* Email: centered under CTA column */
}
/* Footer overflow: keep gold line visible even if it shifts upward *//* 1) Docs links: always stack one per line *//* 2) Brand item must stretch so the © line can go edge-to-edge without 100vw *//* 3) Copy: edge-to-edge (compensate wrap padding), slightly larger, without wrapping */
}
/* === project1-footer-mobile-align-v208 === */@media (max-width: 900px){
/* 1) Gold line: must be visible (inside footer) + give air to logo *//* 2) Two-column alignment: icons ↕ phone, call button ↕ email *//* 3) CTA: always active (pressed/glow) on mobile */
}


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-header.scrolled { background: rgba(0,0,0,0.65) !important; box-shadow: 0 10px 28px rgba(0,0,0,0.25) !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:#030303;--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-top: clamp(12px, 0.9vw + 6px, 18px);
    --hi-hdr-pad-bot: clamp(10px, 0.6vw + 5px, 14px);
    --hi-hdr-edge-total: clamp(20px, calc(7.37vw - 46.3px), 48px);
    --hi-hdr-grid-gap: clamp(8px, calc(6.84vw - 53.6px), 34px);

    --hi-hdr-nav-gap: clamp(5px, calc(1.84vw - 11.6px), 12px);
    --hi-hdr-nav-fs: clamp(11.4px, calc(0.63vw + 5.7px), 13.6px);
    --hi-hdr-nav-py: clamp(6px, 0.22vw + 4.2px, 8px);
    --hi-hdr-nav-px: clamp(1px, calc(1.05vw - 8.45px), 5px);

    --hi-hdr-meta-gap: clamp(5px, calc(1.84vw - 11.6px), 12px);
    --hi-hdr-icon: clamp(29px, calc(1.32vw + 17.1px), 34px);
    --hi-hdr-tg-ic: calc(var(--hi-hdr-icon) * 0.59);

    --hi-hdr-btn-fs: clamp(11.4px, calc(0.63vw + 5.7px), 13.6px);
    --hi-hdr-btn-py: clamp(8px, 0.24vw + 6px, 10px);
    --hi-hdr-cta-px: clamp(8px, calc(1.58vw - 6.2px), 14px);
    --hi-hdr-phone-px: clamp(10px, 0.45vw + 6px, 12px);
    --hi-hdr-phone-ic: 14px;
    --hi-hdr-phone-ic-gap: 4px;

    --hi-hdr-logo-h: clamp(25px, 0.9vw + 14px, 31px);
    --hi-hdr-meta-balance-shift: clamp(0px, calc(6vw - 60px), 16px);
  }#site-header .hi-container,
  #site-header.scrolled .hi-container,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-container{
    width:min(calc(100% - var(--hi-hdr-edge-total)), var(--hi-header-content-max, 1620px)) !important;
    max-width:var(--hi-header-content-max, 1620px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-top: var(--hi-hdr-pad-top, 12px) !important;
    padding-bottom: var(--hi-hdr-pad-bot, 10px) !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    align-items:center !important;
    gap:var(--hi-hdr-grid-gap) !important;
    flex-wrap: nowrap !important;
    min-width: 0;
  }#site-header .hi-nav,
  #site-header.scrolled .hi-nav,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-nav{
    justify-self:start !important;
    justify-content:flex-start !important;
    transform:none !important;
    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,
  #site-header.scrolled .hi-meta,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-meta{
    justify-self:end !important;
    justify-content:flex-end !important;
    transform:translateX(calc(-1 * var(--hi-hdr-meta-balance-shift))) !important;
    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{
    justify-self:center !important;
    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;
    width:auto !important;
    max-width:none !important;
    transform: none !important;
  }#site-header .hi-logo .hi-logo-img{
    height: var(--hi-hdr-logo-h) !important;
    width:auto !important;
    max-width:none !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;
  }
}




  /* Match index.html page background (darker tone). Intentionally last. */
  :root{
    --project-page-bg:#030303;
    --hi-bg:#030303;
    --hi-surface:#030303;
  }
  html, body{ background:#030303 !important; }
  body{ background:#030303 !important; }
  main, .hi-main{ background: transparent !important; }
  section{ background:#030303 !important; }
  #hero::before{ background: rgba(0,0,0,.62) !important; }



@media (min-width: 901px){
  .project-roomnav{
    gap:10px !important;
    padding:12px 12px !important;
    border-radius:999px !important;
    align-items:center !important;
  }
  .project-roomnav__link{
    padding:9px 14px !important;
    border-radius:999px !important;
    line-height:1 !important;
    font-size:15px !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
    transform:none !important;
  }
  .project-roomnav__link:hover,
  .project-roomnav__link:focus-visible,
  .project-roomnav__link.active{
    transform:none !important;
  }
}



.project-floorplan__media--zoomable{
  position:relative;
  cursor:zoom-in;
}
.project-floorplan__media--zoomable img{
  cursor:zoom-in;
}
@media (min-width: 901px){
  .project-video-review__frame,
  .project-video-review__video{
    cursor:pointer;
  }
}
.pswp.hi-plan-viewer,
.pswp.hi-plan-viewer .pswp__bg{
  background:#030303 !important;
}
.pswp.hi-plan-viewer .pswp__bg{
  opacity:1 !important;
}
.pswp.hi-plan-viewer.pswp--animate_opacity .pswp__bg,
.pswp.hi-plan-viewer .pswp__bg{
  transition:none !important;
}
.pswp.hi-plan-viewer .pswp__container,
.pswp.hi-plan-viewer .pswp__item,
.pswp.hi-plan-viewer .pswp__img,
.pswp.hi-plan-viewer .pswp__scroll-wrap{
  background:transparent !important;
}
.pswp.hi-plan-viewer .pswp__top-bar{
  height:0 !important;
  min-height:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
.pswp.hi-plan-viewer .pswp__button--close{
  top:14px !important;
  right:14px !important;
}
.pswp.hi-plan-viewer .pswp__preloader,
.pswp.hi-plan-viewer .pswp__counter,
.pswp.hi-plan-viewer .pswp__caption{
  display:none !important;
}


/* === project-mobile-header-restore-v3 ===
   Backport from pre-clean donor (public_html_v0.zip).
   Goal: keep mobile burger fixed/visible on project pages and remove top gap/stripe. */
@media (max-width: 900px){
  .hi-float-burger{
    position: fixed !important;
    left: 12px !important;
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    z-index: 9800 !important;
    margin: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  /* Restore donor mobile balance: logo stays centered, burger doesn't reserve a wrong top gap. */
  .hi-burger span + span{ margin-top: 4px !important; }
  .hi-mobilebar{
    grid-template-columns: calc(42px * 2 + 10px) 1fr calc(42px * 2 + 10px) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .hi-burger-slot{ width: calc(42px * 2 + 10px) !important; }
  .hi-mob-actions{
    width: calc(42px * 2 + 10px) !important;
    justify-content: flex-end !important;
  }

  /* Top hero state on project pages should not hide the mobile controls. */
  body.project-hero-fullscreen-page:not(.header-visible) .hi-mobilebar{
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  body.project-hero-fullscreen-page:not(.header-visible) .hi-float-burger{
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}


/* === hi-project-section-underline-center-v1 === */
@media (min-width: 1025px){
  section:not(#hero) h2.section-title::after,
  section:not(#hero) > .wrap > h2::after,
  .project-floorplan h2.section-title::after,
  .project-visualization-title h2.section-title::after,
  .project-about h2.section-title::after,
  .project-video-review h2.section-title::after,
  .project-realized h2.section-title::after,
  .project-related__title::after,
  #services h2::after,
  #design-steps h2::after,
  #portfolio h2::after,
  #prices h2::after,
  #pricing h2::after,
  #team h2::after,
  #partners h2::after,
  #contacts h2::after{
    left:50% !important;
    width:110% !important;
    transform:translateX(-50%) !important;
  }
}