.roles{grid-template-columns:1fr;gap:18px;max-width:940px}.roles article{position:relative;display:grid;grid-template-columns:36% 1fr;align-items:center;gap:26px;min-height:150px;padding:28px 44px;overflow:hidden;border-radius:20px;background:linear-gradient(112deg,#d93931 0%,#b91d17 50%,#79120f 100%);box-shadow:inset 0 1px #ffffff2e,0 10px 24px #6c17141e;color:#fff}.roles article::after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-120px;top:-160px;background:#ffffff12;filter:blur(2px)}.roles article:nth-child(2){background:linear-gradient(112deg,#cf312b 0%,#a81712 54%,#6f0f0c 100%)}.roles article:nth-child(3){background:linear-gradient(112deg,#df4037 0%,#be211a 48%,#80130e 100%)}.roles article:hover{transform:translateY(-6px)!important}.roles b{position:relative;z-index:1;margin:0;color:#fff;font-family:"Days One",Manrope,Arial,sans-serif;font-size:22px;line-height:1.24;letter-spacing:-.7px}.roles p{position:relative;z-index:1;max-width:570px;margin:0;color:#fff;font-family:Manrope,Arial,sans-serif;font-size:17px;font-style:normal;line-height:1.34;letter-spacing:-.25px}.roles .role-icon{display:none}@media(max-width:700px){.roles{gap:13px}.roles article{grid-template-columns:1fr;gap:14px;min-height:0;padding:26px 25px;border-radius:14px;text-align:left}.roles b{font-size:17px}.roles p{font-size:14px}.roles article:nth-child(2),.roles article:nth-child(3){animation-delay:0s}}