/* LOOM Studio — "Why LOOM" differentiator cards (repurposed SERVICES rows).
   Premium restyle: accent-tinted glass, glow orb, big number, visible sub,
   sheen sweep, strong hover, animated arrow. */
.wl-card{
  position:relative !important; overflow:hidden !important; border-radius:22px !important;
  background:
    radial-gradient(115% 95% at 100% 0%, color-mix(in srgb, var(--acc) 30%, transparent), transparent 58%),
    linear-gradient(155deg, color-mix(in srgb, var(--acc) 17%, #0b0a15), #090812 74%) !important;
  box-shadow:0 24px 54px -32px #000, inset 0 0 0 1px color-mix(in srgb, var(--acc) 28%, #ffffff10) !important;
  transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease !important;
}
.wl-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 42px 84px -30px #000d, 0 0 74px -24px var(--acc), inset 0 0 0 1px color-mix(in srgb, var(--acc) 62%, transparent) !important;
}
/* soft accent glow orb, top-right */
.wl-card::before{
  content:""; position:absolute; right:-14%; top:-42%; width:56%; height:96%; z-index:0; pointer-events:none;
  background:radial-gradient(circle, var(--acc), transparent 67%); opacity:.22; filter:blur(28px); transition:opacity .5s ease;
}
.wl-card:hover::before{ opacity:.5; }
/* diagonal sheen sweep on hover */
.wl-card::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:0;
  background:linear-gradient(115deg, transparent 38%, #ffffff1f 50%, transparent 62%);
  transform:translateX(-40%); transition:opacity .5s ease, transform .9s ease;
}
.wl-card:hover::after{ opacity:1; transform:translateX(40%); }

.wl-card .wl-eyebrow, .wl-card .wl-title, .wl-card .wl-sub{ position:relative; z-index:2; }
.wl-eyebrow{ color:var(--acc) !important; font:800 13px/1 "neuehaasdisplayroman",sans-serif !important; letter-spacing:3px !important; }
.wl-title{ letter-spacing:-1px !important; }
.wl-sub{ display:block !important; opacity:.78 !important; max-width:90% !important; }

/* arrow image → white, slides on hover */
.wl-card img{ filter:brightness(0) invert(1) !important; opacity:.9; transition:transform .4s ease, opacity .4s; }
.wl-card:hover img{ transform:translateX(8px); opacity:1; }

.wl-1{ --acc:#7c6bff; }   /* one team — violet */
.wl-2{ --acc:#ff9a3d; }   /* speed — amber */
.wl-3{ --acc:#37d39e; }   /* craft — emerald */
.wl-4{ --acc:#ff6ad5; }   /* partner — pink */

@media (prefers-reduced-motion:reduce){ .wl-card,.wl-card::after,.wl-card img{ transition:none !important; } }

/* ── capability marquee pills (was loud cyan) → frosted glass ── */
.carousel-item{
  background:linear-gradient(135deg,#ffffff18,#ffffff08) !important;
  color:#fff !important;
  border:1px solid #ffffff22 !important;
  border-radius:100px !important;
  box-shadow:0 12px 28px -18px #000, inset 0 1px 0 #ffffff1f !important;
  backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px);
}
.carousel-item span{ color:#fff !important; font-weight:600 !important; letter-spacing:.2px !important; }
.carousel-item img{ filter:brightness(0) invert(1) !important; opacity:.9 !important; }