/* Home · Our consultants, taken further (docs-home.js); the stage and rail live in home-docs.css */
.feat { overflow: hidden; }
.feat .ph img { z-index: 1; }
/* plates: full role, a pill, a sweep */
#grid4 .dcard { position: relative; overflow: hidden; transform-style: preserve-3d; }
#grid4 .dcard .t small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: -webkit-line-clamp 0s; }
#grid4 .dcard:hover .t small, #grid4 .dcard:focus-visible .t small { -webkit-line-clamp: 6; }
#grid4 .dcard .t { transition: transform 520ms var(--ease-out); }
#grid4 .dcard:hover .t, #grid4 .dcard:focus-visible .t { transform: translateY(-44px); }
.dh-pill { position: absolute; z-index: 3; inset-inline-start: 20px; bottom: 18px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: #fff; color: var(--navy); font-size: 13px; font-weight: 700;
  opacity: 0; transform: translateY(14px); transition: opacity 300ms var(--ease-out), transform 480ms var(--ease-out), background 200ms; pointer-events: none; cursor: pointer; }
#grid4 .dcard:hover .dh-pill, #grid4 .dcard:focus-visible .dh-pill, #grid4 .dcard .dh-pill:hover { pointer-events: auto; }
.dh-pill:hover { background: var(--sky); }
#grid4.dealing .dcard { will-change: transform; }
.dh-pill svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
[dir="rtl"] .dh-pill svg { transform: scaleX(-1); }
#grid4 .dcard:hover .dh-pill, #grid4 .dcard:focus-visible .dh-pill { opacity: 1; transform: none; transition-delay: 80ms; }
.dh-sweep { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, #8fc1ff, #fff, #8fc1ff, transparent); transform: scaleX(0); opacity: 0; pointer-events: none; }
#grid4 .dcard:hover .dh-sweep { animation: dhSweep 900ms var(--ease-out) forwards; }
@keyframes dhSweep { 0% { transform: scaleX(0); opacity: 1; } 70% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(1); opacity: .5; } }
#grid4 .dcard:not(:hover):not(:focus-visible) > .dh-pill, #grid4 .dcard:not(:hover) > .dh-sweep { opacity: 0 !important; }
@media (hover: none) { .dh-pill { opacity: 1; transform: none; pointer-events: auto; } #grid4 .dcard .t { transform: translateY(-44px); } #grid4 .dcard > .dh-pill { opacity: 1 !important; } }
html.rm .dh-pill, html.rm #grid4 .dcard > .dh-pill { opacity: 1 !important; transform: none; pointer-events: auto; } html.rm #grid4 .dcard .t { transform: translateY(-44px); }
@media (prefers-reduced-motion: reduce) { .dh-pill, #grid4 .dcard > .dh-pill { opacity: 1 !important; transform: none; pointer-events: auto; } #grid4 .dcard .t { transform: translateY(-44px); } }