/* V235 — home hero corrected against the deployed site and supplied reference.
   One full-screen hero slider; no lower tab/cards slider. */

#hero.hero{
  --hero-gold:#d9a96f;
  --hero-gold-bright:#efbd7d;
  --hero-gold-soft:#dfb27d;
  --hero-white:#f4f1ed;
  --hero-duration:20s;
  position:relative!important;
  margin-top:var(--header-h)!important;
  overflow:hidden!important;
  background:#0b0b0b!important;
  color:#fff!important;
}

/* Reference header: full-width desktop composition rather than a centered 1320px island. */
@media (min-width:1200px){
  :root{--header-h:96px}
  .header{height:var(--header-h)!important;background:rgba(22,23,23,.985)!important;border-bottom:1px solid rgba(255,255,255,.045)!important}
  .header .header__inner.container-xl{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    display:grid!important;
    grid-template-columns:clamp(215px,14vw,255px) minmax(0,1fr) clamp(300px,20vw,360px)!important;
    align-items:center!important;
    gap:clamp(20px,2vw,34px)!important;
    margin:0!important;
    padding:0 6vw!important;
  }
  .header .logo{justify-self:start!important;align-self:center!important}
  .header .logo img{width:clamp(210px,14vw,245px)!important;max-width:100%!important;height:auto!important}
  .header .nav{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;overflow:visible!important;justify-self:center!important}
  .header .nav__list{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:clamp(18px,1.65vw,30px)!important;margin:0!important;padding:0!important}
  .header .nav__link{min-height:44px!important;font-size:clamp(12px,.88vw,14px)!important;line-height:1.2!important;letter-spacing:.025em!important;white-space:nowrap!important}
  .header .header__right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(18px,1.7vw,30px)!important;min-width:0!important;transform:translateX(-3.1vw)!important}
  .header .phones{display:grid!important;gap:4px!important;text-align:right!important}
  .header .phones a{font-size:clamp(14px,1vw,17px)!important;line-height:1.2!important;font-weight:600!important;color:rgba(226,191,151,.76)!important}
  .header .socials{display:flex!important;gap:9px!important}
  .header .social,.header .social img{width:29px!important;height:29px!important}
  .header .burger{display:none!important}
}

@media (min-width:1200px) and (max-width:1399.98px){
  :root{--header-h:82px}
  .header .header__inner.container-xl{grid-template-columns:190px minmax(0,1fr) 285px!important;gap:16px!important;padding:0 3vw!important}
  .header .logo img{width:185px!important}
  .header .nav__list{gap:12px!important}
  .header .nav__link{font-size:11.5px!important}
  .header .phones a{font-size:13px!important}
  .header .social,.header .social img{width:25px!important;height:25px!important}
  .header .header__right{transform:none!important}
}

/* Exactly one viewport: fixed header + hero = first screen. */
#hero .hero__slider{
  position:relative!important;
  width:100%!important;
  height:calc(100vh - var(--header-h))!important;
  height:calc(100svh - var(--header-h))!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#0b0b0b!important;
  outline:none!important;
}
#hero .hero__track{position:relative!important;display:block!important;width:100%!important;height:100%!important;transform:none!important}
#hero .hero__slide{position:absolute!important;inset:0!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .65s ease,visibility 0s linear .65s!important}
#hero .hero__slide.is-active{z-index:2!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition-delay:0s!important}

/* Background / darkness: controlled reading fade; same visual intensity across desktop widths. */
#hero .hero__bg{
  position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;min-height:0!important;
  background-size:cover!important;background-repeat:no-repeat!important;
  filter:brightness(.94) saturate(.99) sepia(.07) contrast(1.02)!important;
  transform:scale(1.008)!important;transition:transform 18s ease,filter .6s ease!important;
}
#hero .hero__slide.is-active .hero__bg{transform:scale(1)!important}
#hero .hero__slide:nth-child(1) .hero__bg{background-position:center 51%!important}
#hero .hero__slide:nth-child(2) .hero__bg{background-position:center 48%!important}
#hero .hero__slide:nth-child(3) .hero__bg{background-position:center 49%!important}
#hero .hero__bg::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(7,8,8,.84) 0%,
    rgba(7,8,8,.77) 15%,
    rgba(7,8,8,.63) 28%,
    rgba(7,8,8,.45) 39%,
    rgba(7,8,8,.27) 49%,
    rgba(7,8,8,.12) 58%,
    rgba(7,8,8,.035) 64%,
    rgba(7,8,8,0) 69%)!important;
}
#hero .hero__bg::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(5,5,5,.05) 0%,rgba(5,5,5,0) 24%,rgba(5,5,5,0) 76%,rgba(5,5,5,.08) 100%),
    radial-gradient(ellipse at 84% 49%,rgba(0,0,0,0) 64%,rgba(0,0,0,.06) 100%)!important;
}

/* The content geometry is intentionally fixed across all three slides. */
#hero .hero__inner.container-xl{
  position:relative!important;z-index:4!important;
  width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;
  display:flex!important;align-items:flex-start!important;
  margin:0!important;
  padding-top:clamp(108px,14.8vh,134px)!important;
  padding-right:7vw!important;
  padding-bottom:36px!important;
  padding-left:9.1vw!important;
}
#hero .hero__content{
  position:relative!important;
  width:min(100%,620px)!important;max-width:620px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
  gap:0!important;margin:0!important;padding:0!important;
}
#hero .hero__main{
  position:relative!important;left:auto!important;right:auto!important;
  display:block!important;align-self:flex-start!important;
  width:100%!important;max-width:545px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  opacity:0!important;transform:translateY(12px)!important;
}
#hero .hero__slide.is-active .hero__main{opacity:1!important;transform:translateY(0)!important;transition:opacity .45s ease .06s,transform .55s cubic-bezier(.22,.61,.36,1) .06s!important}
#hero .hero__kicker{display:none!important}
#hero .hero__main .hero__title{
  width:auto!important;max-width:545px!important;
  margin:0!important;padding:0!important;
  color:var(--hero-white)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(52px,3.55vw,62px)!important;
  line-height:1.045!important;font-weight:400!important;letter-spacing:-.025em!important;text-transform:none!important;
  text-wrap:balance!important;text-shadow:0 3px 24px rgba(0,0,0,.35)!important;
}
#hero .hero__main .hero__title span{color:inherit!important;text-shadow:inherit!important}

/* CTA dimensions match the reference. */
#hero .hero__action{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;align-self:flex-start!important;flex-wrap:nowrap!important;
  gap:13px!important;width:auto!important;margin:34px 0 0!important;padding:0!important;
  opacity:0!important;transform:translateY(9px)!important;
}
#hero .hero__slide.is-active .hero__action{opacity:1!important;transform:translateY(0)!important;transition:opacity .42s ease .13s,transform .52s ease .13s!important}
#hero .hero__action .btn,#hero .hero__action .hero__btn-secondary{
  width:auto!important;min-height:60px!important;height:60px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:0 26px!important;border-radius:4px!important;
  font-size:clamp(14px,.98vw,17px)!important;line-height:1!important;font-weight:500!important;letter-spacing:0!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;
}
#hero .hero__action .btn--gold{min-width:224px!important;border:1px solid var(--hero-gold)!important;background:linear-gradient(180deg,#e7b979,#dba66a)!important;color:#151311!important}
#hero .hero__action .hero__btn-secondary{min-width:334px!important;border:1px solid rgba(230,184,130,.78)!important;background:rgba(10,10,10,.26)!important;color:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}
#hero .hero__action .btn:hover,#hero .hero__action .hero__btn-secondary:hover{transform:translateY(-1px)!important}
#hero .hero__action .btn--gold:hover{background:#edc18d!important;border-color:#edc18d!important}
#hero .hero__action .hero__btn-secondary:hover{background:rgba(24,19,15,.56)!important;border-color:var(--hero-gold-bright)!important}

/* "Краткое содержание" is part of the same left column, never centered or pushed right. */
#hero .hero-av-slot{
  position:relative!important;left:auto!important;right:auto!important;
  display:block!important;align-self:flex-start!important;justify-self:start!important;
  width:430px!important;max-width:100%!important;min-width:0!important;
  margin:46px 0 0!important;padding:0!important;
  opacity:0!important;transform:translateY(8px)!important;
}
#hero .hero__slide.is-active .hero-av-slot{opacity:1!important;transform:translateY(0)!important;transition:opacity .42s ease .20s,transform .52s ease .20s!important}
#hero #heroAvTools.hero-av-tools{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;
  display:grid!important;align-self:flex-start!important;justify-self:start!important;
  width:100%!important;max-width:100%!important;gap:14px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;
}
#hero #heroAvTools .hero-av-tools__head{display:block!important;width:auto!important;margin:0!important;padding:0!important;text-align:left!important}
#hero #heroAvTools .hero-av-tools__eyebrow{display:block!important;margin:0!important;padding:0!important;color:var(--hero-gold-bright)!important;font-size:12px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:.20em!important;text-transform:uppercase!important;text-align:left!important}
#hero #heroAvTools .hero-av-tools__eyebrow::before{display:none!important;content:none!important}
#hero #heroAvTools .hero-av-tools__hint{display:none!important}
#hero #heroAvTools .hero-av-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:24px!important;width:auto!important;margin:0!important;padding:0!important}
#hero #heroAvTools .hero-av-tool{position:relative!important;width:188px!important;min-width:188px!important;margin:0!important;padding:0!important}
#hero #heroAvTools .hero-av-btn{
  width:188px!important;min-width:188px!important;min-height:64px!important;height:64px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;
  margin:0!important;padding:0 22px!important;
  border:1px solid rgba(225,176,119,.72)!important;border-radius:4px!important;background:rgba(10,10,10,.23)!important;color:#fff!important;box-shadow:none!important;
  -webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;transform:none!important;cursor:pointer!important;
}
#hero #heroAvTools .hero-av-btn:hover,#hero #heroAvTools .hero-av-btn:focus-visible,#hero #heroAvTools .hero-av-btn.is-active{border-color:var(--hero-gold-bright)!important;background:rgba(28,22,17,.50)!important;outline:none!important}
#hero #heroAvTools .hero-av-btn__icon{width:36px!important;height:36px!important;flex:0 0 36px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:50%!important;background:transparent!important}
#hero #heroAvTools .hero-av-btn svg{width:20px!important;height:20px!important}
#hero #heroAvTools .hero-av-btn__copy{display:block!important;min-width:0!important;text-align:left!important}
#hero #heroAvTools .hero-av-btn__copy strong{display:block!important;font-size:16px!important;line-height:1!important;font-weight:400!important}
#hero #heroAvTools .hero-av-btn__copy span{display:none!important}
#hero #heroAvTools .hero-av-audio-panel{position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:auto!important;width:330px!important;margin:0!important;z-index:30!important}

/* Dots are mounted into the active content column by JS, directly below Audio/Video. */
#hero .hero__controls{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  z-index:12!important;align-self:flex-start!important;
  width:auto!important;height:50px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;
  margin:38px 0 0!important;padding:0!important;pointer-events:auto!important;
}
#hero .hero__dot,#hero .hero__dot.is-active{
  position:relative!important;width:58px!important;height:50px!important;flex:0 0 58px!important;
  display:block!important;margin:0!important;padding:0!important;overflow:visible!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;appearance:none!important;cursor:pointer!important;touch-action:manipulation!important;
}
#hero .hero__dot::before,#hero .hero__dot::after{
  content:""!important;position:absolute!important;left:5px!important;right:5px!important;top:17px!important;height:3px!important;border-radius:99px!important;
  transform:translateY(-50%)!important;transform-origin:left center!important;pointer-events:none!important;
}
#hero .hero__dot::before{background:rgba(255,255,255,.42)!important}
#hero .hero__dot::after{background:var(--hero-gold-bright)!important;transform:translateY(-50%) scaleX(0)!important}
#hero .hero__dot:hover::before,#hero .hero__dot:focus-visible::before{background:rgba(255,255,255,.78)!important}
#hero .hero__dot:focus-visible{outline:1px solid rgba(239,189,125,.70)!important;outline-offset:-2px!important}
#hero .hero__dot.is-active::before{background:rgba(239,189,125,.60)!important}
#hero .hero__dot.is-active::after{animation:heroProgress var(--hero-duration) linear forwards!important}
#hero.is-paused .hero__dot.is-active::after{animation-play-state:paused!important}
@keyframes heroProgress{from{transform:translateY(-50%) scaleX(0)}to{transform:translateY(-50%) scaleX(1)}}

/* Side arrows: generous hit area while preserving the thin visual circle. */
#hero .hero__nav-btn{
  position:absolute!important;z-index:15!important;top:30.5%!important;
  width:54px!important;height:54px!important;display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.66)!important;border-radius:50%!important;
  background:rgba(10,10,10,.24)!important;color:#fff!important;box-shadow:none!important;
  -webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;
  transform:translateY(-50%)!important;cursor:pointer!important;touch-action:manipulation!important;
}
#hero .hero__nav-btn::before{content:"";position:absolute;inset:-12px;border-radius:50%}
#hero .hero__nav-btn:hover,#hero .hero__nav-btn:focus-visible{background:rgba(14,13,12,.62)!important;border-color:var(--hero-gold-bright)!important;outline:none!important;transform:translateY(-50%) scale(1.035)!important}
#hero .hero__nav-btn svg{width:23px!important;height:23px!important;stroke-width:1.35!important}
#hero .hero__nav-btn--prev{left:29px!important}
#hero .hero__nav-btn--next{right:40px!important}

/* Medium desktop / short laptops: keep hierarchy, compact only enough to fit. */
@media (min-width:992px) and (max-height:820px){
  #hero .hero__inner.container-xl{padding-top:clamp(64px,10vh,82px)!important}
  #hero .hero__main .hero__title{font-size:clamp(46px,3.25vw,54px)!important}
  #hero .hero__action{margin-top:22px!important}
  #hero .hero__action .btn,#hero .hero__action .hero__btn-secondary{height:52px!important;min-height:52px!important;font-size:13px!important}
  #hero .hero__action .btn--gold{min-width:190px!important}
  #hero .hero__action .hero__btn-secondary{min-width:285px!important}
  #hero .hero-av-slot{margin-top:25px!important;width:378px!important}
  #hero #heroAvTools.hero-av-tools{gap:10px!important}
  #hero #heroAvTools .hero-av-tool,#hero #heroAvTools .hero-av-btn{width:168px!important;min-width:168px!important}
  #hero #heroAvTools .hero-av-btn{height:54px!important;min-height:54px!important;padding:0 18px!important;gap:12px!important}
  #hero #heroAvTools .hero-av-btn__icon{width:30px!important;height:30px!important;flex-basis:30px!important}
  #hero #heroAvTools .hero-av-btn__copy strong{font-size:13px!important}
  #hero .hero__controls{margin-top:25px!important}
}

/* Tablet/mobile retain the same information order and full first screen. */
@media (max-width:1199.98px){
  #hero .hero__inner.container-xl{padding-right:64px!important;padding-left:72px!important}
  #hero .hero__content{width:min(100%,560px)!important;max-width:560px!important}
  #hero .hero__main{max-width:500px!important}
  #hero .hero__main .hero__title{font-size:clamp(42px,4.4vw,52px)!important;max-width:500px!important}
  #hero .hero__action .btn--gold{min-width:190px!important}
  #hero .hero__action .hero__btn-secondary{min-width:275px!important}
}

@media (max-width:991.98px){
  #hero .hero__slider{height:calc(100vh - var(--header-h))!important;height:calc(100svh - var(--header-h))!important;min-height:620px!important}
  #hero .hero__inner.container-xl{padding:48px 42px 34px!important}
  #hero .hero__content{width:min(100%,530px)!important;max-width:530px!important}
  #hero .hero__main .hero__title{font-size:clamp(40px,6vw,50px)!important}
  #hero .hero__action{margin-top:22px!important;gap:9px!important}
  #hero .hero__action .btn,#hero .hero__action .hero__btn-secondary{height:48px!important;min-height:48px!important;padding:0 18px!important;font-size:12px!important}
  #hero .hero-av-slot{width:350px!important;margin-top:24px!important}
  #hero #heroAvTools.hero-av-tools{gap:9px!important}
  #hero #heroAvTools .hero-av-actions{gap:10px!important}
  #hero #heroAvTools .hero-av-tool,#hero #heroAvTools .hero-av-btn{width:145px!important;min-width:145px!important}
  #hero #heroAvTools .hero-av-btn{height:48px!important;min-height:48px!important;padding:0 14px!important;gap:10px!important}
  #hero #heroAvTools .hero-av-btn__icon{width:28px!important;height:28px!important;flex-basis:28px!important}
  #hero #heroAvTools .hero-av-btn__copy strong{font-size:12px!important}
  #hero .hero__controls{margin-top:24px!important}
  #hero .hero__nav-btn{width:42px!important;height:42px!important}
  #hero .hero__nav-btn--prev{left:10px!important}
  #hero .hero__nav-btn--next{right:10px!important}
}

@media (max-width:767.98px){
  #hero .hero__slider{min-height:650px!important}
  #hero .hero__inner.container-xl{padding:40px 18px 28px!important}
  #hero .hero__bg{background-position:63% center!important}
  #hero .hero__bg::before{background:linear-gradient(90deg,rgba(7,8,8,.96) 0%,rgba(7,8,8,.90) 38%,rgba(7,8,8,.67) 62%,rgba(7,8,8,.27) 100%)!important}
  #hero .hero__content{width:100%!important;max-width:100%!important}
  #hero .hero__main{max-width:94%!important}
  #hero .hero__main .hero__title{font-size:clamp(34px,10vw,46px)!important;line-height:1.02!important}
  #hero .hero__action{flex-wrap:wrap!important;margin-top:18px!important}
  #hero .hero__action .btn,#hero .hero__action .hero__btn-secondary{width:auto!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 14px!important;font-size:11px!important}
  #hero .hero-av-slot{width:286px!important;margin-top:18px!important}
  #hero #heroAvTools .hero-av-tools__eyebrow{font-size:9px!important}
  #hero #heroAvTools .hero-av-actions{gap:8px!important}
  #hero #heroAvTools .hero-av-tool,#hero #heroAvTools .hero-av-btn{width:124px!important;min-width:124px!important}
  #hero #heroAvTools .hero-av-btn{height:44px!important;min-height:44px!important;padding:0 11px!important;gap:8px!important}
  #hero #heroAvTools .hero-av-btn__icon{width:26px!important;height:26px!important;flex-basis:26px!important}
  #hero .hero__controls{margin-top:18px!important}
  #hero .hero__dot,#hero .hero__dot.is-active{width:46px!important;flex-basis:46px!important;height:32px!important}
  #hero .hero__nav-btn{width:36px!important;height:36px!important}
  #hero .hero__nav-btn--prev{left:8px!important}
  #hero .hero__nav-btn--next{right:8px!important}
}

@media (prefers-reduced-motion:reduce){
  #hero .hero__slide,#hero .hero__main,#hero .hero__action,#hero .hero-av-slot,#hero .hero__bg{transition:none!important;animation:none!important;transform:none!important}
  #hero .hero__dot.is-active::after{animation:none!important;transform:translateY(-50%) scaleX(1)!important}
}

/* Hero sources prepared for the banner proportions. */
#hero .hero__slide:nth-child(1) .hero__bg{
  background-image:url('hero-wide/invest-standard.webp?v=235')!important;
}
#hero .hero__slide:nth-child(2) .hero__bg{
  background-image:url('hero-wide/management-standard.webp?v=235')!important;
}
#hero .hero__slide:nth-child(3) .hero__bg{
  background-image:url('hero-wide/supply-standard.webp?v=235')!important;
}
#hero .hero__bg{
  background-size:cover!important;
  background-position:center center!important;
  transform:none!important;
}
#hero .hero__slide.is-active .hero__bg{transform:none!important}


/* V234 — strict wide-screen hero corrections.
   No hero subtitle paragraphs. Wide monitors reuse the normal panoramic source;
   darkness is a single controlled overlay rather than dark padding + overlay. */


/* V235 final visual lock: no baked dark padding; one overlay model for all desktop widths. */
#hero .hero__bg{filter:brightness(.98) saturate(1) contrast(1.01)!important;transform:none!important}
#hero .hero__bg::before{
  background:linear-gradient(90deg,
    rgba(7,8,8,.84) 0%,
    rgba(7,8,8,.77) 15%,
    rgba(7,8,8,.63) 28%,
    rgba(7,8,8,.45) 39%,
    rgba(7,8,8,.27) 49%,
    rgba(7,8,8,.12) 58%,
    rgba(7,8,8,.035) 64%,
    rgba(7,8,8,0) 69%)!important;
}
#hero .hero__bg::after{
  background:linear-gradient(180deg,rgba(5,5,5,.035) 0%,rgba(5,5,5,0) 22%,rgba(5,5,5,0) 82%,rgba(5,5,5,.055) 100%)!important;
}
@media (min-width:1200px){
  #hero .hero__slide:nth-child(1) .hero__bg{background-image:url('hero-wide/invest-standard.webp?v=235')!important;background-position:center 47%!important}
  #hero .hero__slide:nth-child(2) .hero__bg{background-image:url('hero-wide/management-standard.webp?v=235')!important;background-position:center 49%!important}
  #hero .hero__slide:nth-child(3) .hero__bg{background-image:url('hero-wide/supply-standard.webp?v=235')!important;background-position:center 48%!important}
}