.hr-comp{background:var(--hr-surface);padding:var(--section-y) 0}.hr-comp__container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-pad)}.hr-comp__head{margin:0 auto var(--sp-7,40px);max-width:640px;text-align:center}.hr-comp__eyebrow{color:var(--hr-blue);font-size:var(--fs-eyebrow,12px);font-weight:var(--fw-bold,700);letter-spacing:var(--tracking-eyebrow,.14em);margin:0 0 var(--sp-2,8px);text-transform:uppercase}.hr-comp__eyebrow,.hr-comp__h2{font-family:var(--font-display)}.hr-comp__h2{color:var(--hr-navy);font-size:var(--fs-h2,22px);font-weight:var(--fw-extrabold,800);line-height:var(--lh-tight,1.15);margin:0}.hr-comp__grid{display:grid;gap:var(--sp-4,16px);grid-template-columns:1fr}@media (min-width:768px){.hr-comp__grid{grid-template-columns:1.4fr 1fr}}.hr-comp__card{background:var(--hr-navy);border-radius:var(--r-lg);box-shadow:var(--shadow-md);color:var(--hr-text-on-color,#fff);display:block;min-height:300px;overflow:hidden;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur,.22s) var(--ease-out,ease),box-shadow var(--dur,.22s) var(--ease-out,ease)}@media (min-width:768px){.hr-comp__card{min-height:380px}}@media (min-width:1024px){.hr-comp__card{min-height:440px}}.hr-comp__card:focus-visible{box-shadow:var(--shadow-focus),var(--shadow-md);outline:none}@media (hover:hover){.hr-comp__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}}.hr-comp__img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hr-comp__card:after{background:linear-gradient(to top,color-mix(in srgb,var(--hr-navy) 92%,transparent) 0,color-mix(in srgb,var(--hr-navy) 55%,transparent) 40%,color-mix(in srgb,var(--hr-navy) 0%,transparent) 70%);content:"";inset:0;position:absolute;z-index:1}.hr-comp__body{bottom:0;display:block;left:0;padding:var(--sp-5,20px);position:absolute;right:0;z-index:2}.hr-comp__kicker{color:var(--hr-blue-100);display:block;font-family:var(--font-display);font-size:var(--fs-eyebrow,12px);font-weight:var(--fw-bold,700);letter-spacing:.1em;margin-bottom:var(--sp-2,8px);text-transform:uppercase}.hr-comp__title{color:var(--hr-text-on-color,#fff);font-family:var(--font-display);font-size:var(--fs-h5,18px);font-weight:var(--fw-extrabold,800);line-height:var(--lh-snug,1.25);margin:0 0 6px}.hr-comp__desc{color:color-mix(in srgb,var(--hr-text-on-color,#fff) 92%,transparent);display:block;font-family:var(--font-sans);font-size:var(--fs-small,14px);line-height:var(--lh-base,1.5);margin-bottom:var(--sp-3,12px);max-width:46ch}@media (min-width:768px){.hr-comp__desc{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:4.5em;overflow:hidden}}.hr-comp__link{align-items:center;color:var(--hr-text-on-color,#fff);display:inline-flex;font-family:var(--font-display);font-size:var(--fs-small,14px);font-weight:var(--fw-bold,700);gap:6px}.hr-comp__arrow{flex:0 0 auto;transition:transform var(--dur,.22s) var(--ease-out)}@media (hover:hover){.hr-comp__card:hover .hr-comp__arrow{transform:translateX(3px)}}.hr-comp__card:focus-visible .hr-comp__arrow{transform:translateX(3px)}@media (prefers-reduced-motion:reduce){.hr-comp__arrow,.hr-comp__card{transition:none!important}.hr-comp__card:hover{transform:none!important}.hr-comp__card:focus-visible .hr-comp__arrow,.hr-comp__card:hover .hr-comp__arrow{transform:none!important}}