/* Сгенерировано cms-inventory/tools/inline_embed_css.py из
   public/atri-dent-people-and-video-reviews-standalone.html. Руками не править — правьте скрипт.

   Стили врезки ограничены секцией .cases-proof--video: на проде она подключена
   через iframe, и её правила не выходили за его пределы. */

/* Видеоотзывы в разделе кейсов: модуль .reviews со standalone-страницы. */

.cases-proof--video{font-size:16px;font-weight:normal;font-style:normal;font-variant:normal;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;text-transform:none;color:#000}

.cases-proof--video{
      --ink:#231f20;
      --muted:#6c6870;
      --paper:#f6f3ed;
      --white:#fffefc;
      --line:#ddd6ce;
      --accent:#f0733f;
      --accent-dark:#d85d2d;
      --dark:#241f31;
      --dark-2:#322c43;
      --support:#8a88c9;
      --container:1240px;
    }
.cases-proof--video *{box-sizing:border-box}
.cases-proof--video{scroll-behavior:auto}
.cases-proof--video{
      margin:0;
      color:var(--ink);
      background:var(--paper);
      font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;
      -webkit-font-smoothing:antialiased;
    }
.cases-proof--video img, .cases-proof--video video{display:block;width:100%}
.cases-proof--video button{font:inherit}
.cases-proof--video .container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.cases-proof--video .eyebrow{
      display:flex;
      align-items:center;
      gap:10px;
      margin:0 0 16px;
      color:var(--accent);
      font-family:Arial,"Segoe UI",sans-serif;
      font-size:12px;
      font-weight:600;
      line-height:1.2;
      letter-spacing:.1em;
      text-transform:uppercase;
    }
.cases-proof--video .eyebrow::before{content:"";width:28px;height:1px;flex:0 0 28px;background:currentColor}
.cases-proof--video h1, .cases-proof--video h2{
      margin:0;
      font-weight:650;
      letter-spacing:-.055em;
      line-height:.95;
      text-wrap:balance;
    }
.cases-proof--video h1{font-size:clamp(43px,5.4vw,76px)}
.cases-proof--video h2{font-size:clamp(42px,5vw,70px)}
.cases-proof--video .lead{margin:0;color:var(--muted);font-size:18px;line-height:1.52}
.cases-proof--video .reviews{
      padding:100px 0 112px;
      background:var(--white);
    }
.cases-proof--video{--support:#9b958f}
.cases-proof--video .reviews{padding-top:46px}
.cases-proof--video .reviews-head{
      display:grid;
      grid-template-columns:1.12fr .88fr;
      gap:70px;
      align-items:end;
      margin-bottom:44px;
    }
.cases-proof--video .reviews-copy{display:grid;gap:20px;max-width:520px;justify-self:end}
.cases-proof--video .reviews-shell{
      padding:12px;
      border-radius:32px;
      background:var(--dark);
    }
.cases-proof--video .reviews-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
    }
.cases-proof--video .review{
      overflow:hidden;
      border:1px solid rgb(255 255 255 / .08);
      border-radius:24px;
      color:#fff;
      background:var(--dark-2);
      box-shadow:0 16px 40px rgb(0 0 0 / .14);
    }
.cases-proof--video .review-media{
      position:relative;
      overflow:hidden;
      aspect-ratio:9/13;
      background:#dedad4;
      cursor:pointer;
    }
.cases-proof--video .review-media video{height:100%;object-fit:cover;transition:transform .55s ease}
.cases-proof--video .review-media:hover video{transform:scale(1.02)}
.cases-proof--video .review-media::after{
      content:"";
      position:absolute;
      inset:auto 0 0;
      height:25%;
      pointer-events:none;
      background:linear-gradient(transparent,rgb(22 22 25 / .56));
    }
.cases-proof--video .sound{
      position:absolute;
      left:14px;
      bottom:14px;
      z-index:2;
      display:inline-flex;
      align-items:center;
      gap:8px;
      min-height:38px;
      padding:0 13px;
      border:1px solid rgb(255 255 255 / .36);
      border-radius:10px;
      color:#fff;
      background:rgb(30 30 34 / .66);
      backdrop-filter:blur(10px);
      font-size:12px;
      font-weight:700;
      cursor:pointer;
    }
.cases-proof--video .sound::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--support)}
.cases-proof--video .sound[aria-pressed="true"]::before{background:var(--accent)}
.cases-proof--video .sound:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.cases-proof--video .review-text{min-height:112px;padding:19px 20px 20px}
.cases-proof--video .review-text strong{display:block;font-size:22px;line-height:1.14;letter-spacing:-.03em}
.cases-proof--video .review-text p{margin:7px 0 0;color:#c5c2c7;font-size:14px;line-height:1.42}
.cases-proof--video .reviews-carousel-controls{display:none}
@media(max-width:900px){
.cases-proof--video .people-head, .cases-proof--video .reviews-head{grid-template-columns:1fr;gap:24px}
.cases-proof--video .reviews-copy{justify-self:start}
.cases-proof--video .reviews-grid{grid-template-columns:1fr 1fr}
.cases-proof--video .reviews-grid .review:last-child{grid-column:1/3}
.cases-proof--video .reviews-grid .review:last-child{width:calc(50% - 7px);justify-self:center}
}
@media(max-width:620px){
.cases-proof--video .container{width:min(calc(100% - 24px),var(--container))}
.cases-proof--video .reviews{padding:66px 0 74px}
.cases-proof--video .reviews{padding-top:30px}
.cases-proof--video h1, .cases-proof--video h2{font-size:43px}
.cases-proof--video .lead{font-size:16px}
.cases-proof--video .reviews-carousel-controls{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:10px;
        margin:-8px 2px 14px;
      }
.cases-proof--video .reviews-carousel-controls button{
        display:grid;
        place-items:center;
        width:44px;
        height:44px;
        padding:0;
        border:1px solid #ded9d2;
        border-radius:50%;
        color:var(--ink);
        background:var(--white);
        box-shadow:0 8px 20px rgb(36 31 49 / .08);
        font-size:23px;
        line-height:1;
        cursor:pointer;
      }
.cases-proof--video .reviews-carousel-controls button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.cases-proof--video .reviews-carousel-counter{min-width:42px;color:#77717b;font-size:13px;font-weight:700;text-align:center}
.cases-proof--video .reviews-shell{overflow:hidden}
.cases-proof--video .reviews-grid{
        display:block;
        grid-template-columns:none;
        gap:0;
        transform:none;
        transition:none;
      }
.cases-proof--video .reviews-grid .review{display:none;width:100%}
.cases-proof--video .reviews-grid .review[aria-current="true"]{display:block;animation:review-card-enter .26s ease both}
.cases-proof--video .reviews-shell{padding:7px;border-radius:24px}
.cases-proof--video .reviews-grid .review:last-child{grid-column:auto;width:100%;justify-self:auto}
.cases-proof--video .review-media{aspect-ratio:9/12.5}
.cases-proof--video .review-text{min-height:0}
}
@keyframes review-card-enter{
      from{opacity:.45;transform:translateX(8px)}
      to{opacity:1;transform:translateX(0)}
    }
@media(prefers-reduced-motion:reduce){
.cases-proof--video{scroll-behavior:auto}
.cases-proof--video .review-media video{transition:none}
.cases-proof--video .reviews-grid .review[aria-current="true"]{animation:none}
}

/* Накладка со standalone-страницы: Manrope и начертания заголовков. */

@font-face{font-family:Manrope;src:url("assets/fonts/Manrope-Variable.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
.cases-proof--video:not(#atri-manrope-specificity-guard), .cases-proof--video *:not(#atri-manrope-specificity-guard):not(svg):not(path):not(use){font-family:Manrope,"Segoe UI",Arial,sans-serif!important}
.cases-proof--video h1, .cases-proof--video h2, .cases-proof--video h3, .cases-proof--video h4{font-weight:500!important}
.cases-proof--video strong, .cases-proof--video b{font-weight:700!important}
.cases-proof--video button, .cases-proof--video input, .cases-proof--video select, .cases-proof--video textarea{font:inherit!important}

/* Накладка atri-embed-integration.css: отступы, когда модуль открыт врезкой. */

.cases-proof--video{
  min-height: 0 !important;
  overflow-x: hidden !important;
  background: #fff !important;
}
.cases-proof--video::before{
  display: none !important;
  opacity: 0 !important;
  background-image: none !important;
}
.cases-proof--video .reviews{
  padding: 72px 0 80px !important;
  background: #fff !important;
}
.cases-proof--video .reviews{
  padding-top: 46px !important;
}
@media (max-width: 720px){
.cases-proof--video .reviews{
    padding: 54px 0 58px !important;
  }
.cases-proof--video .reviews{
    padding-top: 30px !important;
  }
}