/* 99 Digital v2 — /videos (video library) and /solutions (industry grid + role scene).
   Scoped to .video-page-hero, .video-library, .solution-list, .roles. */
html{--d-dir:-1}
html[dir=ltr]{--d-dir:1}

/* eyebrow bidi fix for mixed Latin/Hebrew labels */
html body main:not(#v2) .video-page-hero>span:has(+h1){unicode-bidi:plaintext}

/* ───────────── Videos ───────────── */
html body main:not(#v2) .video-library{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(18px,2vw,30px)}
html body main:not(#v2) .video-library>article{
  grid-column:span 2;  --mx:50%;--my:50%;position:relative;display:flex;flex-direction:column;padding:clamp(12px,1.2vw,16px)!important;border-radius:clamp(24px,2.6vw,36px)!important;
  background-color:#fff!important;border:1px solid var(--v2-line)!important;box-shadow:0 1px 0 #fff inset,0 24px 50px -36px #10261a50!important;
  transition:transform .6s var(--v2-ease),box-shadow .6s var(--v2-ease),border-color .4s,background-image .4s;
}
html body main:not(#v2) .video-library>article:not(.featured-video):hover{
  transform:translateY(-6px);border-color:#52e3a480!important;background-image:radial-gradient(420px circle at var(--mx) var(--my),#52e3a426,transparent 62%);box-shadow:0 40px 80px -38px #0f4b2455!important;
}
html body main:not(#v2) .video-library .video-frame{
  position:relative;padding-top:56.25%;border-radius:calc(clamp(24px,2.6vw,36px) - 10px)!important;overflow:hidden;background:var(--v2-ink)!important;border:0!important;box-shadow:none!important;
}
html body main:not(#v2) .video-library .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
html body main:not(#v2) .video-library>article>small{
  align-self:flex-start;display:inline-flex;margin:20px clamp(10px,1.2vw,16px) 0!important;padding:6px 16px;border-radius:999px;background:#eaf5ee;color:var(--v2-green)!important;font-size:14px!important;font-weight:600;letter-spacing:0;
}
html body main:not(#v2) .video-library>article>h2{
  color:var(--v2-ink)!important;font-size:clamp(19px,1.6vw,24px)!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.28!important;margin:12px clamp(10px,1.2vw,16px) clamp(8px,1vw,14px)!important;text-wrap:balance;
}

html body main:not(#v2) .video-library>article:last-child:nth-child(6),html body main:not(#v2) .video-library>article:nth-child(5):nth-last-child(2){grid-column:span 3}
/* featured: dark cinematic panel */
html body main:not(#v2) .video-library>.featured-video{
  grid-column:1/-1!important;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:1fr auto;align-items:end;column-gap:clamp(24px,4vw,72px);
  padding:clamp(14px,1.6vw,24px)!important;border:0!important;border-radius:clamp(28px,3.6vw,52px)!important;color:#fff!important;
  background:radial-gradient(900px 520px at 100% 0%,#145833cc,transparent 62%),radial-gradient(640px 420px at 0% 110%,#0c6b4a77,transparent 60%),var(--v2-ink)!important;
  box-shadow:0 60px 110px -60px #06140de0!important;
}
html body main:not(#v2) .video-library>.featured-video .video-frame{grid-column:1;grid-row:1/3;border-radius:clamp(18px,2.4vw,34px)!important;box-shadow:0 0 0 1px #ffffff18,0 40px 80px -30px #000a!important}
html body main:not(#v2) .video-library>.featured-video>small{
  grid-column:2;grid-row:1;align-self:end;justify-self:start;margin:0 0 18px!important;background:#52e3a41a;border:1px solid #52e3a44d;color:var(--v2-mint)!important;
}
html body main:not(#v2) .video-library>.featured-video>h2{
  grid-column:2;grid-row:2;color:#fff!important;font-size:clamp(28px,3.6vw,56px)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.06!important;margin:0 0 clamp(8px,2vw,32px)!important;
}
html body main:not(#v2) .video-library>.featured-video:before{
  content:'';position:absolute;z-index:-1;inset:auto auto -30% -10%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#52e3a433,transparent 65%);filter:blur(20px);animation:d-halo 7s ease-in-out infinite alternate;
}
@keyframes d-halo{from{transform:translate3d(0,0,0) scale(.9);opacity:.55}to{transform:translate3d(10%,-8%,0) scale(1.1);opacity:1}}

html body main:not(#v2) .video-channel-link{margin-top:clamp(40px,5vw,72px)}
html body main:not(#v2) .video-channel-link .btn{
  background:var(--v2-ink)!important;border:0!important;color:#fff!important;border-radius:999px!important;min-height:60px;padding-inline:38px;display:inline-flex;align-items:center;font-weight:700;font-size:18px;
  box-shadow:0 20px 50px -24px #06140d99;transition:transform .35s var(--v2-ease),background .3s,color .3s;
}
html body main:not(#v2) .video-channel-link .btn:hover{background:var(--v2-mint)!important;color:var(--v2-ink)!important}

/* ───────────── Solutions: industries ───────────── */
html body main:not(#v2) .solution-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,28px)}
html body main:not(#v2) .solution-list>article{
  --mx:50%;--my:50%;position:relative;display:flex;flex-direction:column;gap:clamp(36px,4vw,64px);min-height:clamp(280px,25vw,360px);padding:clamp(24px,2.4vw,36px)!important;
  border-radius:clamp(24px,2.6vw,36px)!important;background-color:#fff!important;border:1px solid var(--v2-line)!important;overflow:hidden;
  box-shadow:0 1px 0 #fff inset,0 24px 50px -36px #10261a50!important;transition:transform .6s var(--v2-ease),box-shadow .6s var(--v2-ease),border-color .4s,background-image .4s;
}
html body main:not(#v2) .solution-list>article:hover{
  transform:translateY(-8px);border-color:#52e3a480!important;background-image:radial-gradient(460px circle at var(--mx) var(--my),#52e3a42a,transparent 62%);box-shadow:0 44px 90px -40px #0f4b2466!important;
}
html body main:not(#v2) .solution-list>article>i{
  width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--v2-ink)!important;color:var(--v2-mint)!important;font-size:26px;font-style:normal;line-height:1;
  box-shadow:0 18px 36px -18px #06140d99;transition:transform .7s var(--v2-ease),background .4s,color .4s;
}
html body main:not(#v2) .solution-list>article:hover>i{background:var(--v2-mint)!important;color:var(--v2-ink)!important;transform:rotate(-8deg) scale(1.08)}
html body main:not(#v2) .solution-list>article>div{display:flex;flex-direction:column;flex:1}
html body main:not(#v2) .solution-list h3{color:var(--v2-ink)!important;font-size:clamp(24px,2.1vw,32px)!important;font-weight:800;letter-spacing:-.035em;line-height:1.12;margin:0 0 12px!important}
html body main:not(#v2) .solution-list p{color:var(--v2-muted)!important;font-size:clamp(15.5px,1.1vw,17px)!important;line-height:1.7;margin:0}
html body main:not(#v2) .solution-list small{
  margin-top:auto;padding-top:clamp(20px,2vw,28px);color:var(--v2-green-2)!important;font-size:14px!important;font-weight:600;letter-spacing:0;
}
html body main:not(#v2) .solution-list p+small{display:block}
html body main:not(#v2) .solution-list>article>div:after{content:'';display:block;height:0}

/* ───────────── Solutions: roles on dark ───────────── */
html body main:not(#v2) .section.soft{
  position:relative;isolation:isolate;overflow:hidden;margin-inline:0;border-radius:clamp(28px,4.4vw,64px);
  background:radial-gradient(1000px 560px at 50% -10%,#14583390,transparent 62%),radial-gradient(700px 440px at 100% 100%,#0c6b4a55,transparent 60%),var(--v2-ink)!important;color:var(--v2-on-dark)!important;
}
html body main:not(#v2) .section.soft:before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#9bf0c82e 1px,transparent 1.4px);background-size:34px 34px;
  mask-image:radial-gradient(ellipse 75% 65% at 50% 30%,#000 5%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 30%,#000 5%,transparent 75%);
}
html body main:not(#v2) .section.soft .heading>span{color:var(--v2-mint)!important}
html body main:not(#v2) .section.soft .heading h2{color:#fff!important}
html body main:not(#v2) .roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
html body main:not(#v2) .roles>article{
  --mx:50%;--my:50%;position:relative;overflow:hidden;padding:clamp(14px,1.4vw,20px)!important;border-radius:clamp(22px,2.4vw,32px)!important;background:#ffffff0b!important;border:1px solid #ffffff1f!important;box-shadow:none!important;
  transition:transform .7s var(--v2-ease),border-color .5s,background .5s,opacity .5s;
}
html body main:not(#v2) .roles>article:before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(360px circle at var(--mx) var(--my),#52e3a433,transparent 62%);
}
html body main:not(#v2) .roles>article:hover:before,html body main:not(#v2) .roles>article.is-on:before{opacity:1}
html body main:not(#v2) .roles>article:hover,html body main:not(#v2) .roles>article.is-on{border-color:#52e3a499!important;background:#ffffff14!important}
html body main:not(#v2) .roles>article.is-on{transform:translateY(-12px)}
html body main:not(#v2) .roles .role-art{height:clamp(120px,11vw,160px);border-radius:20px;margin-bottom:22px;transition:transform .8s var(--v2-ease)}
html body main:not(#v2) .roles>article:hover .role-art,html body main:not(#v2) .roles>article.is-on .role-art{transform:scale(1.04)}
html body main:not(#v2) .roles>article>small{
  display:inline-flex;margin:0 clamp(6px,.8vw,10px);color:var(--v2-mint)!important;font-size:14px!important;font-weight:600;letter-spacing:0;
}
html body main:not(#v2) .roles>article>h3{color:#fff!important;font-size:clamp(20px,1.7vw,26px)!important;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:10px clamp(6px,.8vw,10px) 12px!important}
html body main:not(#v2) .roles>article>p{color:var(--v2-on-dark-muted)!important;font-size:clamp(15px,1.05vw,16.5px)!important;line-height:1.7;margin:0 clamp(6px,.8vw,10px) clamp(6px,.8vw,10px)!important}
html body main:not(#v2) .section.soft p.center{margin-top:clamp(36px,4.4vw,64px)}
html body main:not(#v2) .section.soft p.center .btn{
  background:var(--v2-mint)!important;border-color:var(--v2-mint)!important;color:var(--v2-ink)!important;border-radius:999px!important;min-height:62px;padding-inline:42px;display:inline-flex;align-items:center;font-weight:800;font-size:19px;
  box-shadow:0 14px 44px #52e3a444!important;
}

/* ───────────── Tablet / mobile ───────────── */
@media(max-width:1000px){
  html body main:not(#v2) .video-library{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body main:not(#v2) .video-library>article:not(.featured-video){grid-column:auto!important}
  html body main:not(#v2) .video-library>.featured-video{grid-template-columns:1fr;grid-template-rows:auto;row-gap:0}
  html body main:not(#v2) .video-library>.featured-video .video-frame{grid-column:1;grid-row:1}
  html body main:not(#v2) .video-library>.featured-video>small{grid-column:1;grid-row:2;margin:22px 8px 0!important;align-self:start}
  html body main:not(#v2) .video-library>.featured-video>h2{grid-column:1;grid-row:3;margin:14px 8px 10px!important}
  html body main:not(#v2) .solution-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body main:not(#v2) .roles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  html body main:not(#v2) .video-library,html body main:not(#v2) .solution-list,html body main:not(#v2) .roles{grid-template-columns:1fr}
  html body main:not(#v2) .video-library>article:not(.featured-video){grid-column:auto!important}
  html body main:not(#v2) .solution-list>article{min-height:0;gap:28px}
  
  html body main:not(#v2) .video-channel-link .btn{width:100%;justify-content:center}
}