/* OPERATION R6 — FEATURED WORK V10 */
.work-v10{
  position:relative;
  overflow:hidden;
  padding-top:44px;
  padding-bottom:46px;
  border-top:1px solid #4d0a0e;
  border-bottom:1px solid #4d0a0e;
  background:
    radial-gradient(circle at 18% 45%,rgba(120,0,8,.34),transparent 34%),
    radial-gradient(circle at 78% 28%,rgba(96,0,8,.22),transparent 30%),
    linear-gradient(180deg,#260508 0%,#180305 48%,#100203 100%);
}
.work-v10:before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:linear-gradient(to bottom,transparent,black 12%,black 90%,transparent);
  pointer-events:none;
}
.work-v10:after{
  content:"";
  position:absolute;left:4vw;right:4vw;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(186,22,30,.8),transparent);
  box-shadow:0 0 18px rgba(179,18,27,.35);
}
.work-energy{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.work-beam{
  position:absolute;height:2px;width:50%;
  background:linear-gradient(90deg,transparent,rgba(179,18,27,.1),rgba(255,45,54,.9),rgba(179,18,27,.12),transparent);
  box-shadow:0 0 14px rgba(200,20,28,.55);
  opacity:.45;
  animation:workSweep 8s linear infinite;
}
.beam-a{top:24%;left:-42%;transform:rotate(-6deg)}
.beam-b{bottom:17%;right:-42%;transform:rotate(5deg);animation-delay:-4s}
.work-ring{
  position:absolute;border:1px solid rgba(201,28,36,.16);border-radius:50%;
  box-shadow:0 0 24px rgba(179,18,27,.05);
  animation:workOrbit 20s linear infinite;
}
.ring-a{width:520px;height:520px;left:-280px;top:-230px}
.ring-b{width:620px;height:620px;right:-330px;bottom:-380px;animation-direction:reverse;animation-duration:26s}
.work-pulse{
  position:absolute;width:9px;height:9px;border-radius:50%;
  background:#c41821;box-shadow:0 0 16px #c41821,0 0 32px rgba(196,24,33,.65);
  animation:workPulse 3.2s ease-in-out infinite;
}
.pulse-a{left:13%;top:18%}.pulse-b{right:10%;bottom:14%;animation-delay:-1.4s}
@keyframes workSweep{0%{translate:-10% 0;opacity:.06}45%{opacity:.52}100%{translate:150% 0;opacity:.06}}
@keyframes workOrbit{to{transform:rotate(360deg)}}
@keyframes workPulse{50%{transform:scale(1.6);opacity:.35}}

.work-v10 .work-head{position:relative;z-index:2;margin-bottom:24px}
.work-v10 .work-head h2{font-size:44px;letter-spacing:-.5px}
.work-v10 .work-head h2 span{color:#d01b24}
.work-v10 .work-head>a{color:#f1f1f2;transition:color .2s ease,transform .2s ease}
.work-v10 .work-head>a span{color:#d01b24;margin-left:8px}
.work-v10 .work-head>a:hover{color:#fff;transform:translateX(3px)}

.work-v10 .work-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.work-v10 .work-card{
  position:relative;min-height:220px;padding:24px 26px 22px;
  border:1px solid rgba(130,42,46,.72);
  background:linear-gradient(145deg,rgba(58,6,10,.92),rgba(17,3,5,.96) 55%,rgba(8,2,3,.97));
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 14px 30px rgba(0,0,0,.24);
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.work-v10 .work-card:before{
  content:"";position:absolute;left:0;top:0;width:34%;height:3px;
  background:linear-gradient(90deg,#70090e,#b3121b,#e32b33);
  box-shadow:0 0 16px rgba(179,18,27,.58);
}
.work-v10 .work-card:after{
  content:"";position:absolute;inset:auto -18% -34% -18%;height:46%;
  background:radial-gradient(ellipse,rgba(207,22,31,.24),transparent 68%);
  opacity:.45;transform:translateY(18px);
  transition:opacity .3s ease,transform .3s ease;
}
.work-v10 .work-card:hover{
  transform:translateY(-6px);
  border-color:#8e2a30;
  box-shadow:0 20px 44px rgba(0,0,0,.36),0 0 30px rgba(179,18,27,.12);
}
.work-v10 .work-card:hover:after{opacity:.9;transform:translateY(0)}
.work-v10 .work-index{
  position:absolute;right:22px;top:17px;
  font:800 32px/1 'Barlow Condensed';
  color:rgba(255,255,255,.055);
  letter-spacing:1px;
}
.work-v10 .work-card label{
  display:inline-block;
  background:rgba(115,8,13,.74);
  border:1px solid rgba(186,35,43,.52);
  color:#f4d6d8;
  padding:5px 9px;
  font:700 9px/1 'Barlow Condensed';
  letter-spacing:1.1px;
}
.work-v10 .work-card h3{margin:26px 0 9px;font:800 22px/.95 'Barlow Condensed';color:#fff}
.work-v10 .work-card p{margin:0;max-width:92%;color:#b5aaac;font-size:12px;line-height:1.55}
.work-v10 .work-card>a{
  position:absolute;left:26px;bottom:22px;z-index:2;
  color:#ef4047;text-decoration:none;
  font:700 10px 'Barlow Condensed';letter-spacing:1.3px;
}
.work-v10 .work-card>a span{display:inline-block;margin-left:9px;transition:transform .2s ease}
.work-v10 .work-card:hover>a span{transform:translateX(5px)}

@media(max-width:1050px){.work-v10 .work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
  .work-v10{padding-left:22px;padding-right:22px}
  .work-v10 .work-head{display:block}
  .work-v10 .work-head>a{display:inline-block;margin-top:14px}
  .work-v10 .work-grid{grid-template-columns:1fr}
  .work-v10 .work-card{min-height:205px}
}