/* WPBakery-native media surfaces for Management visual pass. */
/* Keeps image blocks editable while making the visual surface less split. */

@media (min-width: 1024px) {
  body.home #top.rsc-v24-hero,
  body.home #company.rsc-v22-about,
  body.home #supply.rsc-v31-supply,
  body.home #work.rsc-v11-final {
    overflow: hidden;
  }

  body.home #top.rsc-v24-hero > .wpb_column,
  body.home #company.rsc-v22-about .rsc-v22-about-top > .wpb_column,
  body.home #supply.rsc-v31-supply > .wpb_column,
  body.home #work.rsc-v11-final > .wpb_column {
    position: relative;
  }

  body.home #top .rsc-v11-hero-copy,
  body.home #company .rsc-v22-about-copy,
  body.home #supply .rsc-v31-supply-copy,
  body.home #work .rsc-v11-final-copy {
    z-index: 4;
  }

  body.home #top .rsc-v11-hero-media {
    z-index: 1;
    margin-left: -58px;
    transform: translateX(-12px);
  }

  body.home #top .rsc-v11-hero-media::before {
    content: "";
    position: absolute;
    inset: -8% auto -8% 0;
    width: clamp(130px, 15vw, 260px);
    z-index: 5;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(7, 16, 24, .99) 0%, rgba(7, 16, 24, .76) 48%, rgba(7, 16, 24, 0) 100%);
  }

  body.home #company .rsc-v22-about-media {
    z-index: 1;
    margin-left: -44px;
    transform: translateX(-8px);
  }

  body.home #company .rsc-v22-about-media::before {
    content: "";
    position: absolute;
    inset: -8% auto -8% 0;
    width: clamp(110px, 13vw, 230px);
    z-index: 5;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(245, 247, 248, .99) 0%, rgba(245, 247, 248, .68) 50%, rgba(245, 247, 248, 0) 100%);
  }

  body.home #supply .rsc-v31-supply-media {
    z-index: 1;
    transform: translateX(34px);
  }

  body.home #supply .rsc-v31-supply-copy {
    margin-left: -54px;
    padding-left: clamp(72px, 7vw, 126px) !important;
  }

  body.home #supply .rsc-v31-supply-copy::before {
    content: "";
    position: absolute;
    inset: -34px auto -34px 0;
    width: clamp(118px, 14vw, 230px);
    pointer-events: none;
    background: linear-gradient(90deg, rgba(7, 16, 24, 0) 0%, rgba(7, 16, 24, .76) 42%, rgba(7, 16, 24, .98) 100%);
    transform: translateX(-92%);
  }

  body.home #work .rsc-v11-final-copy {
    padding-right: clamp(48px, 5vw, 90px) !important;
  }

  body.home #work .rsc-v11-final-media {
    z-index: 1;
    margin-left: -46px;
    transform: translateX(-18px);
  }

  body.home #work .rsc-v11-final-media::before {
    content: "";
    position: absolute;
    inset: -36px auto -36px 0;
    width: clamp(120px, 15vw, 250px);
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(7, 16, 24, .98) 0%, rgba(7, 16, 24, .78) 48%, rgba(7, 16, 24, 0) 100%);
  }
}

body.home #top .wpb_single_image,
body.home #company .wpb_single_image,
body.home #supply .wpb_single_image,
body.home #work .wpb_single_image {
  position: relative;
  margin: 0;
}

body.home #top .wpb_single_image .vc_single_image-wrapper,
body.home #company .wpb_single_image .vc_single_image-wrapper,
body.home #supply .wpb_single_image .vc_single_image-wrapper,
body.home #work .wpb_single_image .vc_single_image-wrapper {
  display: block;
  width: 100%;
  border-radius: 28px;
  overflow: hidden;
  background: #0b1722;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .32);
}

body.home #top .wpb_single_image img,
body.home #company .wpb_single_image img,
body.home #supply .wpb_single_image img,
body.home #work .wpb_single_image img {
  display: block;
  width: 100%;
  min-height: clamp(430px, 46vw, 660px);
  object-fit: cover;
  object-position: center;
  filter: saturate(1.04) contrast(1.03);
}

body.home #top .wpb_single_image::after,
body.home #company .wpb_single_image::after,
body.home #supply .wpb_single_image::after,
body.home #work .wpb_single_image::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 28px;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 -120px 160px rgba(7, 16, 24, .34);
}

body.home #company .wpb_single_image .vc_single_image-wrapper,
body.home #company .wpb_single_image::after {
  border-radius: 26px;
}

body.home #work .rsc-v11-section-title {
  max-width: 720px;
}

body.home #work .rsc-v26-benefit-card article::after,
body.home #work .rsc-v26-benefit-card article small,
body.home #work .rsc-v26-benefit-card .rsc-v26-benefit-no {
  content: none !important;
  display: none !important;
}

body.home #work .rsc-v26-benefit-card article {
  min-height: 120px !important;
  padding: 22px 24px !important;
}

body.home #work .rsc-v26-benefit-card strong {
  display: block;
  margin-bottom: 10px;
  font-size: 18px !important;
  line-height: 1.12 !important;
}

body.home #work .rsc-v26-benefit-card span {
  display: block;
  max-width: none !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

body.home #experience .rsc-v15-partner-card {
  position: relative !important;
  overflow: hidden !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

body.home #experience .rsc-v15-partner-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(249, 129, 30, 0);
  transition: box-shadow .22s ease;
}

body.home #experience .rsc-v15-partner-card::after {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(110deg, transparent 0%, rgba(249, 129, 30, .16) 35%, rgba(249, 129, 30, .55) 50%, rgba(249, 129, 30, .16) 65%, transparent 100%);
  transform: translateX(-120%);
  transition: opacity .22s ease, transform .65s ease;
}

body.home #experience .rsc-v15-partner-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(249, 129, 30, .45) !important;
  box-shadow: 0 18px 42px rgba(7, 16, 24, .10) !important;
}

body.home #experience .rsc-v15-partner-card:hover::before {
  box-shadow: inset 0 0 0 1px rgba(249, 129, 30, .55);
}

body.home #experience .rsc-v15-partner-card:hover::after {
  opacity: 1;
  transform: translateX(120%);
}

body.home #experience .rsc-partner-bresler .rsc-v15-partner-logo {
  display: grid !important;
  place-items: center !important;
}

body.home #experience .rsc-partner-bresler .rsc-v15-partner-logo img {
  width: auto !important;
  height: auto !important;
  max-width: 92px !important;
  max-height: 92px !important;
  object-fit: contain !important;
  margin: auto !important;
}

/* Site-release journal visual: keep the real photo but brand the laptop screen. */
body:not(.wp-admin) .post-1219 .rsc-news-card-media,
body.single-post.postid-1219 .rsc-journal-cover {
  position: relative;
  overflow: hidden;
}

body:not(.wp-admin) .post-1219 .rsc-news-card-media::before,
body.single-post.postid-1219 .rsc-journal-cover::before {
  content: "РУСИНКОМ\A официальный сайт";
  white-space: pre;
  position: absolute;
  left: 12%;
  top: 12%;
  z-index: 4;
  width: 42%;
  height: 35%;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  font: 800 clamp(12px, 1.35vw, 24px)/1.05 var(--wp--preset--font-family--display, Arial, sans-serif);
  letter-spacing: -.03em;
  text-align: center;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .5);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 26%),
    radial-gradient(circle at 18% 20%, rgba(249, 129, 30, .5), transparent 28%),
    linear-gradient(135deg, rgba(7, 16, 24, .98), rgba(12, 29, 42, .94));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18), 0 14px 36px rgba(0, 0, 0, .28);
  transform: perspective(650px) rotateX(1deg) rotateY(-9deg) rotateZ(-1deg);
}

body:not(.wp-admin) .post-1219 .rsc-news-card-media::after,
body.single-post.postid-1219 .rsc-journal-cover::after {
  content: "";
  position: absolute;
  left: 15%;
  top: 18%;
  z-index: 5;
  width: 34%;
  height: 4px;
  border-radius: 999px;
  background: #f9811e;
  box-shadow: 0 18px 0 rgba(255, 255, 255, .22), 0 34px 0 rgba(255, 255, 255, .16), 0 50px 0 rgba(255, 255, 255, .1);
  transform: perspective(650px) rotateX(1deg) rotateY(-9deg) rotateZ(-1deg);
}

@media (max-width: 1023px) {
  body.home #top .rsc-v11-hero-media,
  body.home #company .rsc-v22-about-media,
  body.home #supply .rsc-v31-supply-media,
  body.home #work .rsc-v11-final-media {
    transform: none;
    margin: 0;
  }

  body.home #top .wpb_single_image img,
  body.home #company .wpb_single_image img,
  body.home #supply .wpb_single_image img,
  body.home #work .wpb_single_image img {
    min-height: 360px;
  }
}

/* Management pass: make the Work image read as a branded office scene, not a detached stock frame. */
@media (min-width: 1024px) {
  body.home #work .rsc-v11-final-copy {
    z-index: 8;
    padding-right: clamp(70px, 8vw, 150px) !important;
  }

  body.home #work .rsc-v11-final-media {
    z-index: 1;
    margin-left: -104px;
    transform: translateX(-42px);
  }

  body.home #work .rsc-v11-final-media::before {
    inset: -48px auto -48px 0;
    width: clamp(190px, 22vw, 380px);
    z-index: 7;
    background: linear-gradient(90deg, rgba(7, 16, 24, 1) 0%, rgba(7, 16, 24, .92) 36%, rgba(7, 16, 24, .48) 68%, rgba(7, 16, 24, 0) 100%);
  }

  body.home #work .rsc-v11-final-media .wpb_single_image::before {
    content: "";
    position: absolute;
    right: clamp(24px, 3vw, 48px);
    bottom: clamp(24px, 3vw, 44px);
    z-index: 6;
    width: clamp(180px, 17vw, 320px);
    aspect-ratio: 4 / 1.15;
    border-radius: 18px;
    pointer-events: none;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, 0) 46%),
      linear-gradient(135deg, rgba(7, 16, 24, .88), rgba(12, 29, 42, .80)),
      url("/wp-content/uploads/2026/09/RUSENCOM-logo-source.png") center / 78% auto no-repeat;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 22px 44px rgba(0, 0, 0, .28);
    backdrop-filter: blur(2px);
  }

  body.home #work .rsc-v11-final-media .vc_single_image-wrapper {
    box-shadow: 0 34px 86px rgba(0, 0, 0, .42);
  }

  body.home #work .wpb_single_image::after {
    background:
      linear-gradient(90deg, rgba(7, 16, 24, .62) 0%, rgba(7, 16, 24, .22) 34%, rgba(7, 16, 24, 0) 62%),
      radial-gradient(circle at 82% 80%, rgba(249, 129, 30, .20), transparent 34%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09), inset 0 -160px 190px rgba(7, 16, 24, .44);
  }
}

body.home #experience .rsc-partner-sedmax .rsc-v15-partner-logo {
  display: grid !important;
  place-items: center !important;
}

body.home #experience .rsc-partner-sedmax .rsc-v15-partner-logo img {
  max-width: 138px !important;
  max-height: 54px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 1023px) {
  body.home #work .rsc-v11-final-media .wpb_single_image::before {
    content: none;
  }
}


/* Management correction: true Work text/photo overlay + unmistakable site-release visual. */
@media (min-width: 1024px) {
  body.home #work.rsc-v11-final {
    position: relative !important;
    isolation: isolate;
    min-height: 760px;
    overflow: hidden !important;
  }

  body.home #work.rsc-v11-final > .rsc-v11-final-copy {
    position: relative !important;
    z-index: 8 !important;
    width: 58% !important;
    max-width: 58% !important;
    padding-right: clamp(92px, 10vw, 190px) !important;
  }

  body.home #work.rsc-v11-final > .rsc-v11-final-media {
    position: absolute !important;
    inset: 0 0 0 auto !important;
    z-index: 1 !important;
    width: 61% !important;
    max-width: 61% !important;
    height: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.home #work.rsc-v11-final::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    pointer-events: none !important;
    background: linear-gradient(
      90deg,
      #071018 0%,
      #071018 31%,
      rgba(7,16,24,.98) 39%,
      rgba(7,16,24,.88) 47%,
      rgba(7,16,24,.58) 55%,
      rgba(7,16,24,.24) 63%,
      rgba(7,16,24,0) 72%
    ) !important;
  }

  body.home #work .rsc-v11-final-media::before {
    content: "" !important;
    inset: auto !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 42% !important;
    z-index: 4 !important;
    background: linear-gradient(90deg, #071018 0%, rgba(7,16,24,.88) 34%, rgba(7,16,24,0) 100%) !important;
    transform: none !important;
  }

  body.home #work .wpb_single_image,
  body.home #work .wpb_single_image .vc_single_image-wrapper {
    width: 100% !important;
    height: 100% !important;
    min-height: 760px !important;
    border-radius: 0 28px 28px 0 !important;
  }

  body.home #work .wpb_single_image img {
    width: 100% !important;
    height: 100% !important;
    min-height: 760px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 28px 28px 0 !important;
  }

  body.home #work .wpb_single_image::after {
    border-radius: 0 28px 28px 0 !important;
    background:
      linear-gradient(90deg, rgba(7,16,24,.56) 0%, rgba(7,16,24,.16) 32%, rgba(7,16,24,0) 60%),
      linear-gradient(180deg, rgba(7,16,24,.04), rgba(7,16,24,.30)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 -180px 210px rgba(7,16,24,.38) !important;
  }

  body.home #work .rsc-v11-final-media .wpb_single_image::before {
    right: clamp(26px, 3.4vw, 58px) !important;
    top: clamp(26px, 3.2vw, 54px) !important;
    bottom: auto !important;
    width: clamp(190px, 18vw, 330px) !important;
    aspect-ratio: 4 / 1.08 !important;
    background:
      linear-gradient(135deg, rgba(7,16,24,.88), rgba(12,29,42,.76)),
      url("/wp-content/uploads/2026/09/RUSENCOM-logo-source.png") center / 78% auto no-repeat !important;
    border: 1px solid rgba(249,129,30,.30) !important;
    box-shadow: 0 20px 48px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.06) !important;
  }
}

/* The release story must visibly show RUSENCOM's site, not a generic analytics laptop. */
body:not(.wp-admin) .post-1219 .rsc-news-card-media::before,
body.single-post.postid-1219 .rsc-journal-cover::before {
  content: "" !important;
  position: absolute !important;
  inset: 7% !important;
  z-index: 7 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 18px !important;
  background:
    url("/wp-content/uploads/2026/09/RUSENCOM-logo-source.png") 7% 9% / 28% auto no-repeat,
    radial-gradient(circle at 80% 16%, rgba(249,129,30,.22), transparent 24%),
    linear-gradient(135deg, #071018 0%, #0c1d2a 66%, #123143 100%) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.13) !important;
  transform: none !important;
}

body:not(.wp-admin) .post-1219 .rsc-news-card-media::after,
body.single-post.postid-1219 .rsc-journal-cover::after {
  content: "ИНЖЕНЕРНЫЕ РЕШЕНИЯ\AПОЛНОГО ЦИКЛА\A\AПИР · КОМПЛЕКТАЦИЯ · СМР · ПНР" !important;
  white-space: pre-wrap !important;
  position: absolute !important;
  left: 11% !important;
  right: 11% !important;
  top: 34% !important;
  z-index: 8 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  color: #fff !important;
  background: none !important;
  box-shadow: none !important;
  font: 800 clamp(13px, 1.7vw, 27px)/1.04 "RSC Magistral", Arial, sans-serif !important;
  letter-spacing: -.025em !important;
  text-align: left !important;
  text-shadow: 0 6px 24px rgba(0,0,0,.38) !important;
  transform: none !important;
}

@media (max-width: 1023px) {
  body.home #work.rsc-v11-final {
    min-height: 0 !important;
  }

  body.home #work.rsc-v11-final > .rsc-v11-final-copy,
  body.home #work.rsc-v11-final > .rsc-v11-final-media {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
  }

  body.home #work.rsc-v11-final::before {
    content: none !important;
  }

  body.home #work .wpb_single_image,
  body.home #work .wpb_single_image .vc_single_image-wrapper,
  body.home #work .wpb_single_image img {
    min-height: 360px !important;
    height: auto !important;
    border-radius: 22px !important;
  }
}


/* Management acceptance pass 2026-09-21: generated office photo, real fade, CTA traces. */

/* Conditions: the generated office scene is the public surface. The WPBakery
   attachment stays editable underneath, but the public render always uses the
   approved generated asset bundled with the theme. */
body.home #work .rsc-v11-final-media .wpb_single_image .vc_single_image-wrapper{
  background:
    linear-gradient(180deg,rgba(7,16,24,.02),rgba(7,16,24,.12)),
    url("./media/conditions-office-2026-generated.webp") center 48% / cover no-repeat !important;
}
body.home #work .rsc-v11-final-media .wpb_single_image img{
  content:url("./media/conditions-office-2026-generated.webp")!important;
  opacity:1!important;
}

/* A real photo-to-copy transition: the image physically extends under the copy
   and is alpha-masked before the dark copy surface is layered above it. */
@media (min-width:1024px){
  body.home #work.rsc-v11-final{
    position:relative!important;
    isolation:isolate!important;
    min-height:790px!important;
    overflow:hidden!important;
  }
  body.home #work.rsc-v11-final>.rsc-v11-final-copy{
    position:relative!important;
    z-index:9!important;
    width:60%!important;
    max-width:60%!important;
    padding-right:clamp(112px,11vw,210px)!important;
  }
  body.home #work.rsc-v11-final>.rsc-v11-final-media{
    position:absolute!important;
    z-index:1!important;
    left:24%!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:76%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    transform:none!important;
    -webkit-mask-image:linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.08) 7%,
      rgba(0,0,0,.28) 15%,
      rgba(0,0,0,.58) 24%,
      rgba(0,0,0,.84) 34%,
      #000 45%,
      #000 100%)!important;
    mask-image:linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.08) 7%,
      rgba(0,0,0,.28) 15%,
      rgba(0,0,0,.58) 24%,
      rgba(0,0,0,.84) 34%,
      #000 45%,
      #000 100%)!important;
  }
  body.home #work.rsc-v11-final::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:6!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,
      #071018 0%,
      #071018 31%,
      rgba(7,16,24,.995) 38%,
      rgba(7,16,24,.94) 46%,
      rgba(7,16,24,.76) 54%,
      rgba(7,16,24,.48) 61%,
      rgba(7,16,24,.18) 68%,
      rgba(7,16,24,0) 76%)!important;
  }
  body.home #work .rsc-v11-final-media>.vc_column-inner,
  body.home #work .rsc-v11-final-media>.vc_column-inner>.wpb_wrapper,
  body.home #work .rsc-v11-final-media .wpb_single_image,
  body.home #work .rsc-v11-final-media .wpb_single_image .vc_single_image-wrapper{
    height:100%!important;
    min-height:790px!important;
  }
  body.home #work .rsc-v11-final-media .wpb_single_image,
  body.home #work .rsc-v11-final-media .wpb_single_image .vc_single_image-wrapper,
  body.home #work .rsc-v11-final-media .wpb_single_image::after{
    border-radius:0 28px 28px 0!important;
  }
  body.home #work .rsc-v11-final-media .wpb_single_image img{
    width:100%!important;
    height:100%!important;
    min-height:790px!important;
    object-fit:cover!important;
  }
  body.home #work .rsc-v11-final-media::before{
    content:none!important;
  }
}

/* Bresler: intentionally smaller than the surrounding marks; center the symbol
   optically rather than letting its tall source artwork dominate the card. */
body.home #experience .rsc-partner-bresler .rsc-v15-partner-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:112px!important;
}
body.home #experience .rsc-partner-bresler .rsc-v15-partner-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:62px!important;
  max-height:70px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
body.home #experience .rsc-partner-bresler strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}

/* Same animated perimeter as the orange CTA buttons. */
body.home #experience .rsc-v15-partner-card,
body.home .rsc-v24-person-card article,
body.home .rsc-v24-vacancy-card article,
body.home .rsc-v24-vacancy-row>article,
body.home .rsc-v27-vacancy-track>article{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,border-color .2s ease!important;
}
body.home #experience .rsc-v15-partner-card::before{
  box-shadow:none!important;
}
body.home #experience .rsc-v15-partner-card::after,
body.home .rsc-v24-person-card article::after,
body.home .rsc-v24-vacancy-card article::after,
body.home .rsc-v24-vacancy-row>article::after,
body.home .rsc-v27-vacancy-track>article::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:30!important;
  inset:-3px!important;
  padding:2px!important;
  border-radius:inherit!important;
  background:conic-gradient(from var(--rsc-trace-angle),
    transparent 0deg,
    transparent 250deg,
    rgba(249,129,30,.08) 278deg,
    rgba(255,190,120,.92) 312deg,
    #fff 329deg,
    #f9811e 344deg,
    transparent 360deg)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  mask-composite:exclude!important;
  opacity:0!important;
  transform:none!important;
  pointer-events:none!important;
}
@media (hover:hover) and (pointer:fine){
  body.home #experience .rsc-v15-partner-card:hover,
  body.home .rsc-v24-person-card article:hover,
  body.home .rsc-v24-vacancy-card article:hover,
  body.home .rsc-v24-vacancy-row>article:hover,
  body.home .rsc-v27-vacancy-track>article:hover{
    transform:translateY(-3px)!important;
    border-color:rgba(249,129,30,.44)!important;
    box-shadow:0 18px 42px rgba(7,16,24,.12),0 0 0 1px rgba(249,129,30,.05)!important;
  }
  body.home #experience .rsc-v15-partner-card:hover::after,
  body.home .rsc-v24-person-card article:hover::after,
  body.home .rsc-v24-vacancy-card article:hover::after,
  body.home .rsc-v24-vacancy-row>article:hover::after,
  body.home .rsc-v27-vacancy-track>article:hover::after{
    opacity:1!important;
    transform:none!important;
    animation:rsc-cta-trace 1.18s linear infinite!important;
  }
}
@media (max-width:1023px){
  body.home #work.rsc-v11-final>.rsc-v11-final-copy,
  body.home #work.rsc-v11-final>.rsc-v11-final-media{
    width:100%!important;
    max-width:none!important;
  }
  body.home #work.rsc-v11-final>.rsc-v11-final-media{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  body.home #work .rsc-v11-final-media .wpb_single_image,
  body.home #work .rsc-v11-final-media .wpb_single_image .vc_single_image-wrapper,
  body.home #work .rsc-v11-final-media .wpb_single_image img{
    min-height:360px!important;
    height:360px!important;
    border-radius:22px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.home #experience .rsc-v15-partner-card::after,
  body.home .rsc-v24-person-card article::after,
  body.home .rsc-v24-vacancy-card article::after,
  body.home .rsc-v24-vacancy-row>article::after,
  body.home .rsc-v27-vacancy-track>article::after{
    animation:none!important;
  }
}


/* Management directional media pass 2026-09-21. */

/* Hero: keep the current scene, but reveal more of the group at the right edge.
   A slightly shallower frame plus a right-biased focal point prevents the woman
   from being cropped out at wide desktop breakpoints. */
@media (min-width:1024px){
  body.home #top .rsc-v11-photo--hero,
  body.home #top .wpb_single_image .vc_single_image-wrapper,
  body.home #top .wpb_single_image img{
    min-height:600px!important;
    height:clamp(600px,36vw,640px)!important;
  }
  body.home #top .wpb_single_image img{
    object-position:68% center!important;
  }
}

/* About: use a true transparency fade into the light section, not a white
   paint layer over a dark photograph. */
@media (min-width:1024px){
  body.home #company .rsc-v22-about-media{
    margin-left:0!important;
    transform:none!important;
  }
  body.home #company .rsc-v22-about-media::before{
    content:none!important;
    display:none!important;
  }
  body.home #company .rsc-v22-about-media .wpb_single_image{
    -webkit-mask-image:linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.42) 4%,
      rgba(0,0,0,.82) 9%,
      #000 14%,
      #000 100%)!important;
    mask-image:linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.42) 4%,
      rgba(0,0,0,.82) 9%,
      #000 14%,
      #000 100%)!important;
  }
  body.home #company .rsc-v22-about-photo::after{
    background:linear-gradient(180deg,rgba(7,16,24,.01),rgba(7,16,24,.08))!important;
    box-shadow:inset 0 0 0 1px rgba(7,16,24,.05)!important;
  }
  body.home #company .rsc-v22-about-photo img{
    object-position:52% center!important;
  }
}

/* Supply: keep the fade only at the edge that actually meets the copy.
   Removing the second copy-side gradient eliminates the visible dark seam. */
@media (min-width:1024px){
  body.home #supply .rsc-v31-supply-copy::before{
    content:none!important;
    display:none!important;
  }
  body.home #supply .rsc-v31-supply-photo::after{
    background:linear-gradient(90deg,
      rgba(7,16,24,0) 0%,
      rgba(7,16,24,0) 72%,
      rgba(7,16,24,.18) 84%,
      rgba(7,16,24,.54) 92%,
      rgba(7,16,24,.88) 97%,
      #071018 100%)!important;
  }
}

/* Conditions: no floating logo/label. The image itself carries the scene. */
body.home #work .rsc-v11-final-media .wpb_single_image::before{
  content:none!important;
  display:none!important;
}

/* Journal release story: restore the real featured photo. Only the monitor
   gets a site-screen overlay; never replace the whole photograph with artwork. */
html body .post-1219 .rsc-news-card-media img,
html body.postid-1219 .wp-block-post-featured-image img,
html body.single-post.postid-1219 .rsc-journal-cover img{
  content:normal!important;
  object-fit:cover!important;
}

/* Journal screen asset: actual production homepage screenshot supplied by Management. */
/* The archive overlay sits inside the monitor in the original photograph. */
html body .rsc-news-grid .post-1219 .rsc-news-card-media>a{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
}
html body .rsc-news-grid .post-1219 .rsc-news-card-media>a::after{
  content:""!important;
  position:absolute!important;
  left:14%!important;
  top:14%!important;
  z-index:4!important;
  width:42%!important;
  height:35%!important;
  border-radius:7px!important;
  pointer-events:none!important;
  background:url("./media/site-update-screen-rusencom-live.jpg") center/100% 100% no-repeat!important;
  box-shadow:0 10px 28px rgba(7,16,24,.28),inset 0 0 0 1px rgba(255,255,255,.10)!important;
  transform:perspective(760px) rotateY(-7deg) rotateZ(-.8deg)!important;
  transform-origin:center!important;
}

/* Restore the ordinary archive fade and badge that were previously hijacked
   to fake an entire laptop surface. */
html body .rsc-news-grid .post-1219 .rsc-news-card-media::after{
  content:"ЖУРНАЛ"!important;
  left:20px!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
  z-index:6!important;
  width:auto!important;
  height:auto!important;
  min-height:32px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:999px!important;
  background:#0d2732!important;
  color:#fff!important;
  font:800 10px/1 "RSC Roboto",Arial,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  text-shadow:none!important;
  box-shadow:0 8px 20px rgba(7,16,24,.20)!important;
  transform:none!important;
}

/* Single release article: same original photo, same screen treatment. */
html body.single-post.postid-1219 .rsc-journal-cover{
  position:relative!important;
  overflow:hidden!important;
}
html body.single-post.postid-1219 .rsc-journal-cover::before{
  content:""!important;
  position:absolute!important;
  left:14%!important;
  top:14%!important;
  right:auto!important;
  bottom:auto!important;
  inset:auto!important;
  z-index:5!important;
  width:42%!important;
  height:35%!important;
  border-radius:10px!important;
  pointer-events:none!important;
  background:url("./media/site-update-screen-rusencom-live.jpg") center/100% 100% no-repeat!important;
  box-shadow:0 14px 34px rgba(7,16,24,.30),inset 0 0 0 1px rgba(255,255,255,.10)!important;
  transform:perspective(900px) rotateY(-7deg) rotateZ(-.8deg)!important;
}
html body.single-post.postid-1219 .rsc-journal-cover::after{
  content:none!important;
  display:none!important;
}

/* Journal cards alternate image/text sides. Fade toward the copy, not toward
   a hard-coded side. The overlap is mirrored for even rows. */
@media (min-width:761px){
  html body .rsc-news-grid>li:not(.rsc-news-poster):nth-child(odd) .rsc-news-card-media::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 56%,
      rgba(255,255,255,.18) 68%,
      rgba(255,255,255,.72) 84%,
      #fff 100%)!important;
  }
  html body .rsc-news-grid>li:not(.rsc-news-poster):nth-child(odd) .rsc-news-card-body{
    margin-left:-82px!important;
    margin-right:0!important;
    padding:52px 56px 42px 112px!important;
    background:linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.96) 19%,
      #fff 40%)!important;
  }

  html body .rsc-news-grid>li:not(.rsc-news-poster):nth-child(even) .rsc-news-card-media::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:linear-gradient(270deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 56%,
      rgba(255,255,255,.18) 68%,
      rgba(255,255,255,.72) 84%,
      #fff 100%)!important;
  }
  html body .rsc-news-grid>li:not(.rsc-news-poster):nth-child(even) .rsc-news-card-body{
    margin-left:0!important;
    margin-right:-82px!important;
    padding:52px 112px 42px 56px!important;
    background:linear-gradient(270deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.96) 19%,
      #fff 40%)!important;
  }
  html body .rsc-news-grid>li:not(.rsc-news-poster):nth-child(even) .rsc-news-card-media::after{
    left:auto!important;
    right:24px!important;
  }
}

/* Touch layouts stack; directional overlap is intentionally disabled. */
@media (max-width:760px){
  html body .rsc-news-grid>li:not(.rsc-news-poster) .rsc-news-card-body{
    margin:0!important;
    padding:28px 24px!important;
    background:#fff!important;
  }
  html body .rsc-news-grid>li:not(.rsc-news-poster) .rsc-news-card-media::before{
    background:linear-gradient(180deg,transparent 68%,rgba(7,16,24,.12) 100%)!important;
  }
  html body .rsc-news-grid .post-1219 .rsc-news-card-media>a::after{
    left:13%!important;
    top:13%!important;
    width:44%!important;
    height:36%!important;
  }
}


/* Management acceptance pass 2026-09-21: frame alignment + unclipped card traces. */

/* Conditions: keep the image inside the accepted desktop frame while retaining
   a generous photo-under-copy overlap. The previous 76% media surface ran all
   the way to the viewport edge and read as a detached right-hand panel. */
@media (min-width:1024px){
  body.home #work.rsc-v11-final>.rsc-v11-final-media{
    left:34%!important;
    right:clamp(24px,2.8vw,46px)!important;
    width:auto!important;
    max-width:none!important;
    -webkit-mask-image:linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.10) 7%,
      rgba(0,0,0,.34) 15%,
      rgba(0,0,0,.68) 24%,
      rgba(0,0,0,.92) 32%,
      #000 39%,
      #000 100%)!important;
    mask-image:linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.10) 7%,
      rgba(0,0,0,.34) 15%,
      rgba(0,0,0,.68) 24%,
      rgba(0,0,0,.92) 32%,
      #000 39%,
      #000 100%)!important;
  }
  body.home #work .rsc-v11-final-media .wpb_single_image img{
    object-position:50% 48%!important;
  }
}

/* Hero: treat the photograph as part of the composition rather than a rounded
   standalone card. Desktop uses an alpha fade into the dark copy surface. */
@media (min-width:1024px){
  body.home #top .rsc-v11-hero-media::before{
    content:none!important;
    display:none!important;
  }
  body.home #top .rsc-v11-hero-media .wpb_single_image{
    -webkit-mask-image:linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.16) 6%,
      rgba(0,0,0,.48) 13%,
      rgba(0,0,0,.82) 21%,
      #000 29%,
      #000 100%)!important;
    mask-image:linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.16) 6%,
      rgba(0,0,0,.48) 13%,
      rgba(0,0,0,.82) 21%,
      #000 29%,
      #000 100%)!important;
  }
  body.home #top .wpb_single_image .vc_single_image-wrapper,
  body.home #top .wpb_single_image img,
  body.home #top .wpb_single_image::after{
    border-radius:0!important;
  }
}

/* Shared carousel safe area. All three animated card families move up by 3px
   on hover, while their carousel viewports clip overflow for horizontal drag.
   Reserve a real top lane so the perimeter and the card itself remain visible. */
body.home .rsc-v24-team-viewport{
  padding-top:10px!important;
  box-sizing:border-box!important;
}
body.home .rsc-v27-vacancy-viewport{
  padding-top:10px!important;
  box-sizing:border-box!important;
}
body.home #experience .rsc-v15-partner-marquee{
  margin-top:34px!important;
  padding-top:8px!important;
  box-sizing:border-box!important;
}

/* Draw the orange perimeter inside the card shell. This avoids losing the top
   edge to carousel clipping and lets person cards keep proper rounded corners. */
body.home #experience .rsc-v15-partner-card,
body.home .rsc-v24-person-card article,
body.home .rsc-v24-vacancy-card article,
body.home .rsc-v24-vacancy-row>article,
body.home .rsc-v27-vacancy-track>article{
  overflow:hidden!important;
}

body.home #experience .rsc-v15-partner-card::after,
body.home .rsc-v24-person-card article::after,
body.home .rsc-v24-vacancy-card article::after,
body.home .rsc-v24-vacancy-row>article::after,
body.home .rsc-v27-vacancy-track>article::after{
  inset:0!important;
  padding:2px!important;
  border-radius:inherit!important;
}

/* Key roles: the branded image is part of the same rounded card shell. */
body.home .rsc-v24-person-card figure{
  overflow:hidden!important;
  border-radius:18px 18px 0 0!important;
}
body.home .rsc-v24-person-card figure img{
  border-radius:18px 18px 0 0!important;
}


/* Management hotfix 2026-09-21: hero photo is a composition layer, not a card. */
@media (min-width:1024px){
  body.home #top .rsc-v11-photo--hero,
  body.home #top .rsc-native-photo-frame,
  body.home #top .rsc-v11-photo-shell,
  body.home #top .wpb_single_image .vc_single_image-wrapper{
    border-radius:0!important;
    border:none!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  body.home #top .rsc-v11-photo--hero,
  body.home #top .rsc-native-photo-frame{
    overflow:visible!important;
  }
  body.home #top .wpb_single_image::after{
    border-radius:0!important;
    box-shadow:inset 0 -120px 160px rgba(7,16,24,.24)!important;
  }
}


/* Management pass 2026-09-21: editorial work-post simplification + hero background blend. */

/* Work journal articles: remove the duplicated internal headline card and keep
   the object-specific narrative as ordinary editorial copy. The two authored
   takeaway blocks remain the visual anchors at the end of the story. */
html body.single-post.rsc-journal-work .rsc-journal-article{
  background:#fff!important;
}
html body.single-post.rsc-journal-work .rsc-journal-content{
  padding:10px 0 6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.single-post.rsc-journal-work .rsc-journal-content .rsc-news-hero,
html body.single-post.rsc-journal-work .rsc-journal-content .rsc-news-facts{
  display:none!important;
}
html body.single-post.rsc-journal-work .rsc-journal-content .rsc-news-story{
  margin:0 0 38px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.single-post.rsc-journal-work .rsc-journal-content .rsc-news-story::before,
html body.single-post.rsc-journal-work .rsc-journal-content .rsc-news-story-label{
  display:none!important;
  content:none!important;
}
html body.single-post.rsc-journal-work .rsc-journal-content .rsc-news-story p{
  max-width:900px!important;
  margin:0 0 20px!important;
  color:#2f4655!important;
  font-size:18px!important;
  line-height:1.78!important;
}
html body.single-post.rsc-journal-work .rsc-journal-content .rsc-news-story p:last-child{
  margin-bottom:0!important;
}

/* Random recommendation: one hierarchy step quieter than before. */
html body.single-post .rsc-journal-more strong{
  font-size:21px!important;
  line-height:1.1!important;
}

/* Main hero: image is a background layer behind the copy, not a right-hand
   card. Existing text, buttons and metrics are untouched. */
@media (min-width:1024px){
  body.home #top.rsc-v24-hero{
    position:relative!important;
    min-height:820px!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  body.home #top.rsc-v24-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,
      #071018 0%,
      #071018 30%,
      rgba(7,16,24,.97) 39%,
      rgba(7,16,24,.82) 48%,
      rgba(7,16,24,.46) 58%,
      rgba(7,16,24,.12) 69%,
      rgba(7,16,24,0) 78%)!important;
  }
  body.home #top .rsc-v11-hero-copy{
    position:relative!important;
    z-index:4!important;
    width:58.333333%!important;
    max-width:58.333333%!important;
  }
  body.home #top .rsc-v11-hero-media{
    position:absolute!important;
    inset:118px 0 70px auto!important;
    z-index:1!important;
    width:72%!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
  }
  body.home #top .rsc-v11-hero-media>.vc_column-inner,
  body.home #top .rsc-v11-hero-media>.vc_column-inner>.wpb_wrapper,
  body.home #top .rsc-v11-hero-media .wpb_single_image,
  body.home #top .rsc-v11-hero-media .vc_figure,
  body.home #top .rsc-v11-hero-media .vc_single_image-wrapper{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  body.home #top .rsc-v11-hero-media .wpb_single_image{
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  body.home #top .rsc-v11-hero-media img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:64% center!important;
  }
  body.home #top .rsc-v11-hero-media::before,
  body.home #top .rsc-v11-hero-media .wpb_single_image::after{
    content:none!important;
    display:none!important;
  }
}
@media (max-width:760px){
  html body.single-post.rsc-journal-work .rsc-journal-content{
    padding-top:4px!important;
  }
  html body.single-post.rsc-journal-work .rsc-journal-content .rsc-news-story{
    margin-bottom:28px!important;
  }
  html body.single-post.rsc-journal-work .rsc-journal-content .rsc-news-story p{
    font-size:16px!important;
    line-height:1.68!important;
  }
  html body.single-post .rsc-journal-more strong{
    font-size:20px!important;
  }
}


/* Management correction 2026-09-22: Journal title scale + user-selected release image. */
html body.single-post .rsc-journal-hero-copy h1{
  max-width:1120px!important;
  font-size:clamp(36px,3.05vw,48px)!important;
  line-height:1.04!important;
  letter-spacing:-.03em!important;
}
html body.single-post .rsc-journal-content .rsc-news-story h2{
  margin:0 0 18px!important;
  font-size:clamp(26px,2.05vw,34px)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
/* Post 1219 featured image is now managed directly in WordPress by Management.
   Do not draw any additional site/screen artwork over the uploaded image. */
html body .rsc-news-grid .post-1219 .rsc-news-card-media>a::after,
html body.single-post.postid-1219 .rsc-journal-cover::before{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
}
@media (max-width:760px){
  html body.single-post .rsc-journal-hero-copy h1{
    font-size:clamp(32px,9vw,38px)!important;
    line-height:1.06!important;
  }
}