/* Built For Your Role — velvet luxury cards (design only, wording untouched) */
html body #main .role-inquiry-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin-top:18px!important}
html body #main .role-inquiry{--a1:#E71467;--a2:#5b4bd6;--a3:#2b5bd7;position:relative!important;isolation:isolate;overflow:hidden!important;display:flex!important;flex-direction:column!important;
  min-height:300px;padding:24px 24px 62px!important;border-radius:24px!important;text-decoration:none!important;border:1px solid transparent!important;
  background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)) padding-box,linear-gradient(var(--ang,135deg),var(--a1),var(--a2),var(--a3),var(--a1)) border-box!important;
  box-shadow:0 24px 50px -30px rgba(91,75,214,.45),0 2px 6px rgba(15,27,61,.04)!important;
  animation:rvAng 10s linear infinite;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s!important}
@property --ang{syntax:'<angle>';inherits:false;initial-value:135deg}
@keyframes rvAng{to{--ang:495deg}}
html body #main .role-inquiry--cco{animation-delay:-2.5s}html body #main .role-inquiry--cae{animation-delay:-5s}html body #main .role-inquiry--ciso{animation-delay:-7.5s}
/* velvet: soft folds of cloth drifting like a curtain */
html body #main .role-inquiry::before{content:""!important;position:absolute!important;inset:-30% -40% auto -40%!important;height:95%;z-index:-1;pointer-events:none;border-radius:0!important;
  background:repeating-linear-gradient(100deg,rgba(43,91,215,.0) 0 6%,rgba(43,91,215,.20) 11%,rgba(255,255,255,.0) 17%,rgba(91,75,214,.22) 24%,rgba(255,255,255,0) 31%,rgba(43,91,215,.18) 38%,rgba(255,255,255,0) 45%)!important;
  background-size:200% 100%!important;filter:blur(14px);opacity:.75;
  -webkit-mask:linear-gradient(180deg,#000 30%,transparent 95%);mask:linear-gradient(180deg,#000 30%,transparent 95%);
  animation:rvVelvet 14s ease-in-out infinite alternate,rvSway 7s ease-in-out infinite alternate;transform-origin:50% 0}
html body #main .role-inquiry--cco::before{animation-delay:-3s,-2s}html body #main .role-inquiry--cae::before{animation-delay:-6s,-4s}html body #main .role-inquiry--ciso::before{animation-delay:-9s,-6s}
@keyframes rvVelvet{from{background-position:0 0}to{background-position:-100% 0}}
@keyframes rvSway{0%{transform:skewX(-6deg) scaleY(1)}100%{transform:skewX(6deg) scaleY(1.08)}}
/* arrow seal */
html body #main .role-inquiry::after{content:"→"!important;position:absolute!important;right:22px!important;bottom:18px!important;top:auto!important;left:auto!important;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
  color:#3b2a8a;font:400 17px/1 "DM Sans",sans-serif;background:#fff;border:1px solid rgba(91,75,214,.25);box-shadow:0 8px 18px -10px rgba(91,75,214,.6);transition:all .45s ease}
html body #main .role-inquiry:hover{transform:translateY(-8px)!important;box-shadow:0 36px 60px -28px rgba(231,20,103,.45),0 2px 6px rgba(15,27,61,.05)!important}
html body #main .role-inquiry:hover::before{opacity:1}
html body #main .role-inquiry:hover::after{background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;border-color:transparent;transform:translateX(4px)}
html body #main .role-inquiry:focus-visible{outline:2px solid var(--a2)!important;outline-offset:4px}
/* icon + monogram row */
html body #main .role-inquiry .rv-head{display:flex;align-items:center;gap:14px;margin:0 0 20px}
html body #main .role-inquiry .rv-ico{position:relative;flex:0 0 52px;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff!important;
  background:linear-gradient(135deg,var(--a1),var(--a2) 60%,var(--a3))!important;box-shadow:0 12px 24px -12px rgba(91,75,214,.8),inset 0 1px 0 rgba(255,255,255,.35)!important;animation:rvFloat 4s ease-in-out infinite}
html body #main .role-inquiry .rv-ico::after{content:"";position:absolute;inset:-5px;border-radius:20px;border:1px dashed rgba(91,75,214,.35);animation:rvSpin 18s linear infinite}
html body #main .role-inquiry .rv-ico svg{width:26px!important;height:26px!important;display:block!important;stroke:#fff!important;opacity:1!important}
html body #main .role-inquiry .rv-ico svg .dr{stroke-dasharray:60;stroke-dashoffset:60;animation:rvDraw 3.2s ease-in-out infinite alternate}
@keyframes rvFloat{50%{transform:translateY(-3px)}}@keyframes rvSpin{to{transform:rotate(360deg)}}@keyframes rvDraw{to{stroke-dashoffset:0}}
html body #main .role-inquiry .role-inquiry-mark{all:unset;font:600 34px/1 "Space Grotesk",sans-serif!important;letter-spacing:-.01em;
  background:linear-gradient(90deg,var(--a1),var(--a2),var(--a3))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
html body #main .role-inquiry .role-inquiry-copy{display:flex;flex-direction:column}
html body #main .role-inquiry small{display:block;font:500 12px/1 "DM Sans",sans-serif!important;text-transform:uppercase!important;letter-spacing:.14em!important;color:#b0125a!important;-webkit-text-fill-color:currentColor!important;margin:0 0 8px!important}
html body #main .role-inquiry h3{font:600 20px/1.25 "Space Grotesk",sans-serif!important;color:#0f1b3d!important;-webkit-text-fill-color:#0f1b3d!important;margin:0 0 12px!important;padding-bottom:12px!important;border-bottom:1px solid transparent!important;
  border-image:linear-gradient(90deg,rgba(43,91,215,.45),rgba(91,75,214,.25),transparent) 1!important}
html body #main .role-inquiry p{font:400 16px/1.55 "DM Sans",sans-serif!important;color:#3b4366!important;-webkit-text-fill-color:currentColor!important;margin:0!important}
@media (max-width:1100px){html body #main .role-inquiry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){html body #main .role-inquiry-grid{grid-template-columns:1fr!important}html body #main .role-inquiry{min-height:0}}
@media (prefers-reduced-motion:reduce){html body #main .role-inquiry,html body #main .role-inquiry *,html body #main .role-inquiry::before{animation:none!important;transition:none!important}html body #main .role-inquiry .rv-ico svg .dr{stroke-dashoffset:0}}