/* Second row of the Bevica product directory. */
.directory-video-support{
  display:flex;
  flex-direction:column;
  min-height:685px;
  background:linear-gradient(130deg,#123d49,#0a2938 64%,#082632);
}
.directory-video-support:hover{transform:translateY(-4px)}
.directory-video-support{cursor:pointer}
.video-support-intro{display:flex;flex-direction:column;min-width:0}
.directory-video-support .directory-card-top{padding:27px 32px}
.video-support-copy{display:flex;flex-direction:column;align-items:flex-start;padding:29px 32px 19px}
.video-support-kicker{margin:0 0 10px;color:#8fd8dd;font-size:11px;font-weight:800;letter-spacing:.17em}
.video-support-copy h2{margin:0;color:#f4fbfc;font-size:clamp(30px,2.7vw,38px);line-height:1.12;letter-spacing:-.055em}
.video-support-copy p{max-width:550px;margin:13px 0 0;color:#c0d9dd;font-size:14px;line-height:1.58}
.video-support-copy .video-support-lead{margin-top:13px;color:#e5f6f6;font-size:18px;font-weight:690;line-height:1.4}
.video-support-preview{display:flex;min-width:0;flex-direction:column;min-height:267px;margin:auto 32px 0;border:1px solid #83c4ce66;border-radius:13px;background:radial-gradient(circle at 76% 28%,#2c87933e,transparent 49%),linear-gradient(155deg,#123b49bb,#082734df);box-shadow:inset 0 1px #e9ffff1a,0 16px 35px #00121d49;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}
.video-support-preview-top,.video-support-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 21px;color:#afd7db;font-size:10px;font-weight:800;letter-spacing:.13em}
.video-support-preview-top{border-bottom:1px solid #a3d7de2e}
.video-support-preview-top>span:first-child{display:flex;align-items:center;gap:9px}
.video-support-preview-bottom{justify-content:flex-end;margin-top:auto;border-top:1px solid #a3d7de2e;font-size:10px;letter-spacing:0}
.video-support-preview-bottom button{flex:none;min-height:38px;padding:0 13px;border:1px solid #a5dbe0a1;border-radius:6px;background:#bce7e9;color:#0a303b;font-size:11px;font-weight:800;transition:background .2s,transform .2s}
.video-support-preview-bottom button:hover{background:#e1f6f7;transform:translateY(-2px)}
.video-support-workspace{display:flex;flex:1;flex-direction:column;justify-content:center;gap:17px;padding:18px 19px}
.video-support-ticket{display:flex;flex-direction:column;gap:5px;padding:13px 16px;border:1px solid #a2d9dd5a;border-radius:10px;background:linear-gradient(125deg,#2a667168,#0c344086);box-shadow:inset 0 1px #f4ffff20}
.video-support-ticket-label,.video-support-session>div:last-child>span{color:#9fd4d8;font-size:9px;font-weight:800;letter-spacing:.16em}
.video-support-ticket strong{color:#effafa;font-size:16px;line-height:1.3}
.video-support-ticket-meta{color:#b1d0d3;font-size:11px}
.video-support-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.video-support-track::before{content:"";position:absolute;top:15px;left:12%;right:12%;height:2px;background:#6fa9b266}
.video-support-track::after{content:"";position:absolute;top:15px;left:12%;width:var(--flow-progress,0%);height:2px;background:#9ee7e6;box-shadow:0 0 11px #8edfe6;transition:width .45s cubic-bezier(.16,1,.3,1)}
.video-support-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;color:#9fbec3;text-align:center;font-size:11px}
.video-support-step>span{display:block;width:31px;height:31px;border:1px solid #6ba2ad90;border-radius:10px;background:#153e4b;box-shadow:inset 0 1px #ffffff1a;transition:background .3s,border-color .3s,box-shadow .3s}
.video-support-step>span::after{content:"";display:block;width:6px;height:6px;margin:12px auto;border-radius:50%;background:#8fbac1}
.video-support-step.is-complete>span,.video-support-step.is-active>span{border-color:#b6f1ef;background:#378b94;box-shadow:0 0 17px #67d6df57,inset 0 1px #ffffff4a}
.video-support-step.is-active>span{box-shadow:0 0 0 5px #a0e9e724,0 0 18px #67d6df75}
.video-support-step.is-complete>span::after,.video-support-step.is-active>span::after{background:#edffff}
.video-support-step.is-active strong,.video-support-step.is-complete strong{color:#e9fbfb}
.video-support-session{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #9bd5d65b;border-radius:10px;background:#133c4a9c}
.video-support-session>div:last-child{display:flex;flex-direction:column;gap:3px}
.video-support-session strong{color:#f0fbfb;font-size:15px}
.video-support-session-icon{display:flex;align-items:center;justify-content:center;gap:3px;width:34px;height:34px;flex:none;border:1px solid #a1d9de75;border-radius:9px;background:#4aabb62b}
.video-support-session-icon span{width:3px;height:12px;border-radius:3px;background:#b7f1f1;animation:video-support-wave 1.4s ease-in-out infinite}
.video-support-session-icon span:nth-child(2){height:19px;animation-delay:.18s}
.video-support-session-icon span:nth-child(3){height:8px;animation-delay:.36s}
@keyframes video-support-wave{50%{transform:scaleY(.5)}}
@media(max-width:600px){.directory-video-support .directory-card-top{padding:22px}.video-support-copy{padding:24px 22px 19px}.video-support-copy h2{font-size:32px}.video-support-copy .video-support-lead{font-size:17px}.video-support-preview{margin:auto 22px 0}.video-support-preview-top,.video-support-preview-bottom{padding:12px;font-size:8px}.video-support-preview-bottom button{width:100%}.video-support-workspace{gap:17px;padding:16px 13px}.video-support-ticket{padding:12px}.video-support-ticket strong{font-size:15px}.video-support-step{font-size:9px}.video-support-session strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.video-support-session-icon span{animation:none}.video-support-track::after,.video-support-preview-bottom button{transition:none}}

.directory-video-support .directory-card-link a{color:inherit}
.directory-video-support .directory-card-link a:hover{color:#fff}

.directory-portfolio{display:flex;flex-direction:column;min-height:685px;background:linear-gradient(145deg,#173d4b,#0b2c3c 60%,#092632)}
.directory-portfolio:hover{transform:translateY(-4px)}
.portfolio-status{padding:7px 10px;border:1px solid #9ad7da70;border-radius:100px;background:#8ad5d017;color:#d0f3f1;font-size:9px;letter-spacing:.1em;white-space:nowrap}
.portfolio-card-copy{padding:29px 32px 19px}
.portfolio-kicker{margin:0 0 10px;color:#9bdbe1;font-size:11px;font-weight:800;letter-spacing:.17em}
.portfolio-card-copy h2{margin:0;color:#f4fbfc;font-size:clamp(30px,2.7vw,38px);line-height:1.12;letter-spacing:-.055em}
.portfolio-card-copy p{margin:13px 0 0;color:#c0d9dd;font-size:14px;line-height:1.58}
.portfolio-card-copy .portfolio-lead{color:#e5f6f6;font-size:18px;font-weight:690;line-height:1.4}
.portfolio-preview{display:flex;flex-direction:column;justify-content:space-between;min-height:267px;margin:auto 32px 0;border:1px solid #83c4ce66;border-radius:13px;background:radial-gradient(circle at 72% 33%,#6dabb72a,transparent 51%),linear-gradient(145deg,#2253639c,#0d3443e8);box-shadow:inset 0 1px #e9ffff1a,0 16px 35px #00121d49;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}
.portfolio-preview-top,.portfolio-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;color:#afd7db;font-size:9px;font-weight:800;letter-spacing:.12em}
.portfolio-preview-top{border-bottom:1px solid #a3d7de2e}
.portfolio-preview-top>span:first-child{display:flex;align-items:center;gap:9px}
.portfolio-preview-bottom{justify-content:flex-start;flex-wrap:wrap;border-top:1px solid #a3d7de2e;font-size:8px}
.portfolio-preview-bottom span{padding:5px 8px;border:1px solid #9bd1d750;border-radius:5px;background:#98d6dc12}
.portfolio-sources{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:17px 20px 0}
.portfolio-sources span{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #a6d9df78;border-radius:7px;background:#4b99a32c;color:#d7f4f4;font-size:10px;font-weight:800;letter-spacing:.13em}
.portfolio-unified{display:flex;align-items:center;justify-content:center;gap:15px;margin:11px 20px 15px;padding:15px;border:1px solid #a6d9df70;border-radius:9px;background:#b3e6e612;box-shadow:0 0 18px #9fe3df1b}
.portfolio-unified-mark{display:flex;align-items:flex-end;gap:4px;height:28px}
.portfolio-unified-mark i{width:6px;height:13px;border-radius:3px;background:#9fe4e7;box-shadow:0 0 8px #8ed8db70;animation:portfolio-bars 3s ease-in-out infinite}
.portfolio-unified-mark i:nth-child(2){height:24px;animation-delay:.2s}
.portfolio-unified-mark i:nth-child(3){height:17px;animation-delay:.4s}
.portfolio-unified>div{display:flex;flex-direction:column;gap:2px}
.portfolio-unified small{color:#9fd6db;font-size:8px;font-weight:800;letter-spacing:.15em}
.portfolio-unified strong{color:#effbfb;font-size:13px}
.portfolio-card-foot{margin:0 32px;padding:20px 0 25px;border-top:1px solid #a9dce144;color:#c4eef0;font-size:13px;font-weight:750;letter-spacing:.02em}
@keyframes portfolio-bars{50%{transform:scaleY(.68)}}
@media(max-width:1000px){.directory-video-support,.directory-portfolio{min-height:620px}}
@media(max-width:600px){.directory-video-support,.directory-portfolio{min-height:0}.directory-portfolio .directory-card-top{align-items:flex-start;padding:22px}.portfolio-status{font-size:8px}.portfolio-card-copy{padding:24px 22px 19px}.portfolio-card-copy h2{font-size:32px}.portfolio-card-copy .portfolio-lead{font-size:17px}.portfolio-preview{margin:18px 22px 0}.portfolio-preview-top,.portfolio-preview-bottom{padding:12px;font-size:8px}.portfolio-sources{margin:16px 13px 0}.portfolio-unified{margin:11px 13px 14px}.portfolio-card-foot{margin:0 22px;padding:18px 0 21px}}
@media(prefers-reduced-motion:reduce){.portfolio-unified-mark i{animation:none}}