/* BUBUTS.PRO v2 — оформление в стиле bubuts.ru (шрифт Jost, палитра, первый экран, паттерн брендбука) */
:root{
  --bp-bg:#F9F8F9; --bp-paper:#FFFFFF; --bp-sand:#EFEDE8; --bp-green:#025351; --bp-green-deep:#013533;
  --bp-night:#0B1E1C; --bp-accent:#9D9171; --bp-accent-soft:#C9C0A6; --bp-ink:#1D2B2A; --bp-muted:#5B6664;
  --bp-line:#DEDAD2; --bp-on-dark:#F3F1EC; --bp-on-dark-muted:#B9C4C1;
  --bp-font:"Jost RU","Futura PT","Futura","Century Gothic","Trebuchet MS",sans-serif;
}
body{-webkit-font-smoothing:antialiased}

/* ---------- шапка: светлая всегда, как на bubuts.ru (над тёмным первым экраном) ---------- */
#rec2149713433 .t-menu-base,#rec2149732483 .t-menu-base{background-color:rgba(249,248,249,.94)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--bp-line)}

/* ---------- вкладка «Услуги» в шапке ---------- */
.bp-svc{position:relative}
.bp-svc__btn{background:none;border:0;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:500 18px/1.3 'Jost',Arial,sans-serif!important;text-transform:uppercase;letter-spacing:0;color:var(--bp-ink)!important}
.bp-svc__btn:hover{color:var(--bp-green)!important}
.bp-svc__menu{text-align:left}
.bp-svc__caret{width:12px;height:12px;transition:transform .2s}
.bp-svc__menu{position:absolute;left:-18px;top:calc(100% + 18px);min-width:250px;margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid var(--bp-line);border-radius:3px;
  box-shadow:0 18px 40px rgba(11,30,28,.12);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:30}
.bp-svc__menu::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.bp-svc__menu li{margin:0!important;padding:0!important}
.bp-svc__menu a{display:block;padding:11px 20px;font:500 16px/1.3 var(--bp-font);text-transform:none;letter-spacing:0;color:var(--bp-ink);text-decoration:none;white-space:nowrap}
.bp-svc__menu a:hover,.bp-svc__menu a:focus-visible{background:var(--bp-sand);color:var(--bp-green)}
.bp-svc:hover .bp-svc__menu,.bp-svc:focus-within .bp-svc__menu,.bp-svc.is-open .bp-svc__menu{opacity:1;visibility:visible;transform:none}
.bp-svc:hover .bp-svc__caret,.bp-svc.is-open .bp-svc__caret{transform:rotate(180deg)}
.bp-svc__btn:focus-visible{outline:2px solid var(--bp-accent);outline-offset:4px}
/* компактное меню (бургер): подпункты раскрыты списком */
.site-nav-open .bp-svc__menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding:0 0 4px 16px;min-width:0}
.site-nav-open .bp-svc__menu::before{display:none}
.site-nav-open .bp-svc__menu a{padding:9px 0;font-size:16px}
.site-nav-open .bp-svc__caret{display:none}
.site-nav-open .bp-svc__btn{padding:12px 0!important;cursor:default}
.site-nav-open .bp-svc__wrap{display:block!important;width:100%}
.site-nav-open .bp-svc__menu a{padding:9px 0!important}

/* ---------- первый экран ---------- */
#rec1703694791{background:var(--bp-night)}
.bp-hero{position:relative;overflow:hidden;background:var(--bp-night);color:var(--bp-on-dark);font-family:var(--bp-font)}
.bp-hero *{box-sizing:border-box}
.bp-hero__photo{position:absolute;top:0;right:0;width:min(100%,1500px);height:auto;max-width:none;display:block;
  -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%),linear-gradient(90deg,transparent 0,#000 20%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,#000 72%,transparent 100%),linear-gradient(90deg,transparent 0,#000 20%);mask-composite:intersect}
.bp-hero__wrap{position:relative;max-width:1200px;margin:0 auto;padding:calc(60px + clamp(64px,8vw,112px)) 20px 0}
.bp-hero__copy{max-width:640px}
.bp-hero__eyebrow{margin:0 0 18px;font:500 14px/1.4 var(--bp-font);letter-spacing:.14em;text-transform:uppercase;color:var(--bp-accent)}
.bp-hero__title{margin:0;font:600 clamp(34px,4.9vw,58px)/1.08 var(--bp-font);letter-spacing:-.01em;color:#fff;text-wrap:balance}
.bp-hero__title em{font-style:normal;color:var(--bp-accent-soft)}
.bp-hero__sub{margin:24px 0 0;max-width:34ch;font:400 clamp(18px,2vw,21px)/1.5 var(--bp-font);color:var(--bp-on-dark-muted)}
.bp-hero__cta{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.bp-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 28px;border-radius:3px;
  font:600 17px/1 var(--bp-font);letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.bp-btn svg{width:18px;height:18px;flex:0 0 18px;transition:transform .2s}
.bp-btn--accent{background:var(--bp-accent);color:var(--bp-green-deep)}
.bp-btn--accent:hover{background:#B0A483}
.bp-btn--accent:hover svg{transform:translateX(4px)}
.bp-btn--ghost{color:#fff;padding:0 22px 0 10px;border:1px solid rgba(255,255,255,.28);background:rgba(11,30,28,.35)}
.bp-btn--ghost:hover{border-color:var(--bp-accent-soft);color:var(--bp-accent-soft)}
.bp-play{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--bp-accent);color:var(--bp-green-deep)}
.bp-play svg{width:16px;height:16px;flex-basis:16px;margin-left:2px}
.bp-btn:focus-visible{outline:3px solid var(--bp-accent);outline-offset:3px}
.bp-hero__facts{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}
.bp-hero__facts div{padding:24px 24px 36px 0}
.bp-hero__facts div+div{padding-left:24px;border-left:1px solid rgba(255,255,255,.14)}
.bp-hero__facts b{display:block;font:600 clamp(26px,3vw,36px)/1.1 var(--bp-font);color:#fff;text-transform:uppercase;font-variant-numeric:tabular-nums}
.bp-hero__facts span{display:block;margin-top:8px;font:400 15px/1.45 var(--bp-font);color:var(--bp-on-dark-muted);max-width:24ch}
@media (max-width:960px){ .bp-hero__facts{grid-template-columns:repeat(2,1fr)}
  .bp-hero__facts div:nth-child(3){padding-left:0;border-left:0}
  .bp-hero__facts div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)} }
@media (max-width:820px){
  .bp-hero__photo{position:relative;width:100%;height:clamp(300px,62vw,420px);object-fit:cover;object-position:88% 30%;margin-top:60px;
    -webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
  .bp-hero__wrap{padding-top:0;margin-top:-28px}
  .bp-hero__sub{margin-top:16px}.bp-hero__cta{margin-top:24px}
}
@media (max-width:520px){
  .bp-hero__cta{flex-direction:column;align-items:stretch}
  .bp-btn--ghost{justify-content:flex-start}
  .bp-hero__facts{grid-template-columns:1fr}
  .bp-hero__facts div,.bp-hero__facts div+div{padding:18px 0;border-left:0;border-top:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .bp-hero__facts div:last-child{border-bottom:0}
}

#rec830452406{padding-top:clamp(28px,4vw,56px)!important;}

/* ---------- паттерн брендбука bubuts.ru: справа, 38% ширины, 5% непрозрачности ---------- */
#rec830452406 .t396__filter::after,#rec942888726 .t396__filter::after,#rec2227681433 .t396__filter::after{content:"";position:absolute;top:0;right:0;bottom:0;width:38%;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath d='M14 8 L34 28 L14 48' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");background-size:56px 56px;}
#rec2143206203{position:relative;overflow:hidden}
#rec2143206203::after{content:"";position:absolute;top:0;right:0;bottom:0;width:38%;pointer-events:none;opacity:.05;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath d='M14 8 L34 28 L14 48' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");background-size:56px 56px;}
#rec2143206203>*{position:relative;z-index:1}
#rec2077458633{position:relative;overflow:hidden}
#rec2077458633::after{content:"";position:absolute;top:0;right:0;bottom:0;width:38%;pointer-events:none;opacity:.05;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath d='M14 8 L34 28 L14 48' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");background-size:56px 56px;}
#rec2077458633>*{position:relative;z-index:1}