.hr-surfaces{background:var(--hr-surface);padding:var(--section-y) 0}.hr-surfaces__container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-pad)}.hr-surfaces__head{margin:0 0 var(--sp-7,32px);max-width:60ch}.hr-surfaces__eyebrow{color:var(--hr-blue);font-family:var(--font-display);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-surfaces__h2{color:var(--hr-text);font-family:var(--font-display);font-size:var(--fs-h2,22px);font-weight:var(--fw-extrabold,800);line-height:var(--lh-tight,1.15);margin:0 0 var(--sp-3,12px)}.hr-surfaces__lead{color:var(--hr-body);font-family:var(--font-sans);font-size:var(--fs-lead,18px);line-height:var(--lh-relaxed,1.6);margin:0}.hr-surfaces__grid{display:grid;gap:var(--sp-4,16px);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.hr-surfaces__item{display:flex;min-width:0}.hr-surfaces__tile{aspect-ratio:15/14;background:var(--hr-navy);border-radius:var(--r-lg,16px);box-shadow:var(--shadow-md);color:var(--hr-text-on-color,#fff);display:block;overflow:hidden;position:relative;text-decoration:none;transition:transform var(--dur,.22s) var(--ease-out,ease),box-shadow var(--dur,.22s) var(--ease-out,ease);width:100%}.hr-surfaces__tile:focus-visible{box-shadow:var(--shadow-focus),var(--shadow-md);outline:none}@media (hover:hover){.hr-surfaces__tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}}.hr-surfaces__img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%;-webkit-user-drag:none;user-select:none}.hr-surfaces__scrim{background:linear-gradient(to bottom,color-mix(in srgb,var(--hr-navy) 0%,transparent) 30%,color-mix(in srgb,var(--hr-navy) 55%,transparent) 62%,color-mix(in srgb,var(--hr-navy) 92%,transparent) 100%);inset:0;position:absolute;transition:opacity var(--dur,.22s) var(--ease-out,ease)}@media (hover:hover){.hr-surfaces__scrim{opacity:.92}.hr-surfaces__tile:focus-visible .hr-surfaces__scrim,.hr-surfaces__tile:hover .hr-surfaces__scrim{opacity:1}}.hr-surfaces__body{bottom:0;color:var(--hr-text-on-color,#fff);display:block;left:0;padding:var(--sp-5,20px);position:absolute;right:0}.hr-surfaces__title{color:var(--hr-text-on-color,#fff);font-family:var(--font-display);font-size:20px;font-weight:var(--fw-extrabold,800);letter-spacing:-.01em;line-height:var(--lh-snug,1.3);margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-surfaces__oneliner{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:color-mix(in srgb,var(--hr-text-on-color,#fff) 90%,transparent);line-height:var(--lh-base,1.5);min-height:4.5em;overflow:hidden}.hr-surfaces__oneliner,.hr-surfaces__reveal{font-family:var(--font-sans);font-size:var(--fs-small,14px)}.hr-surfaces__reveal{color:var(--hr-text-on-color,#fff);font-weight:var(--fw-bold,700);gap:5px;margin-top:var(--sp-3,12px)}.hr-surfaces__reveal,.hr-surfaces__reveal-icon{align-items:center;display:inline-flex}@media (hover:hover){.hr-surfaces__reveal{margin-top:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(4px);transition:opacity var(--dur,.22s) var(--ease-out,ease),max-height var(--dur,.22s) var(--ease-out,ease),transform var(--dur,.22s) var(--ease-out,ease),margin-top var(--dur,.22s) var(--ease-out,ease)}.hr-surfaces__tile:focus-visible .hr-surfaces__reveal,.hr-surfaces__tile:hover .hr-surfaces__reveal{margin-top:var(--sp-3,12px);max-height:3em;opacity:1;transform:none}}@media (max-width:1023px){.hr-surfaces__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.hr-surfaces__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hr-surfaces__reveal,.hr-surfaces__scrim,.hr-surfaces__tile{transition:none!important}.hr-surfaces__tile:hover{transform:none!important}.hr-surfaces__tile:focus-visible .hr-surfaces__reveal,.hr-surfaces__tile:hover .hr-surfaces__reveal{transform:none}}