/* =========================================================================
   videos — Figma 1053:1408 "Video testimonials" · mobile 964:807
   Owl carousel of 360×640 cards; the row bleeds past the container (as in Figma),
   Owl's own arrows sit centred below.
   ========================================================================= */
.videos{padding:20px 0 80px;background:var(--white);overflow:hidden}
.videos__title{margin-bottom:50px;line-height:1.05}
.videos__slider{width:calc(100% - 2 * var(--gutter));max-width:1500px;margin:0 auto}
.videos__slider .owl-stage-outer{overflow:visible}
.vcard{height:640px;border-radius:14px;background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.vcard::after{content:"";position:absolute;inset:auto 0 0;height:364px;background:linear-gradient(180deg,rgba(12,14,18,0) 0%,rgba(12,14,18,.92) 69.643%);pointer-events:none}
.vcard__play{top:calc(50% - 40px);z-index:2;display:flex;align-items:center;justify-content:center;width:86px;height:86px;border:1px solid var(--blue);border-radius:50%;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--white)}
.vcard__play svg{width:16px;height:20px;margin-left:4px}
.vcard__play:hover,.vcard__play:focus-visible{background:var(--blue);transform:translate(-50%,-50%) scale(1.06)}
.vcard__info{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 24px 59px;text-align:center}
.vcard__name{font-size:26px;line-height:32px;font-weight:700}
.vcard__role{font-size:16px;line-height:22px;color:rgba(255,255,255,.7)}
.vcard .more{margin-top:10px}

/* Owl nav: two 48px circles, centred under the row (Figma "Arrows") */
.videos .owl-nav{display:flex;justify-content:center;gap:16px;margin-top:50px}
.videos .owl-carousel .owl-nav button.owl-prev,.videos .owl-carousel .owl-nav button.owl-next{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #000!important;border-radius:50%;color:#000}
.videos .owl-nav button svg{width:22px;height:22px}
.videos .owl-nav button.owl-prev svg{transform:scaleX(-1)}
.videos .owl-nav button.disabled{border-color:rgba(0,0,0,.25)!important;color:#9a9a9a;cursor:default}
.videos .owl-nav button:not(.disabled):hover{background:#000!important;color:#fff}

@media (max-width:1100px){
  .vcard{height:560px}
}
@media (max-width:800px){
  .videos{padding:8px 0 56px}
  .videos__title{margin-bottom:28px}
  .vcard{height:470px}
  .vcard__info{padding-bottom:36px}
  .vcard__play{width:70px;height:70px}
  .videos .owl-nav{margin-top:28px}
}