.hr-projects-grid{background:var(--hr-bg);padding:var(--section-y,clamp(48px,7vw,96px)) 0}.hr-projects-grid__inner{margin-inline:auto;max-width:var(--container-max,1240px);padding-inline:var(--container-pad,clamp(20px,5vw,48px))}.hr-projects-grid__head{margin-bottom:var(--sp-6,32px);max-width:60ch}.hr-projects-grid__eyebrow{color:var(--hr-blue);font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:var(--fw-bold,700);letter-spacing:var(--tracking-eyebrow,.14em);margin:0 0 var(--sp-2,8px);text-transform:uppercase}.hr-projects-grid__h2{color:var(--hr-text-strong,var(--hr-navy));font-family:var(--font-display);font-size:var(--fs-h2);font-weight:var(--fw-extrabold,800);line-height:var(--lh-tight,1.14);margin:0}.hr-projects-grid__lead{color:var(--hr-body);font-family:var(--font-sans);font-size:var(--fs-lead);line-height:var(--lh-relaxed,1.6);margin:var(--sp-3,12px) 0 0}.hr-projects-grid__filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3,12px) var(--sp-5,20px);justify-content:space-between;margin-bottom:var(--sp-4,16px)}.hr-projects-grid__filter{align-items:center;display:inline-flex;gap:10px}.hr-projects-grid__filter-label{color:var(--hr-text-muted,#5a6b7b);font-family:var(--font-display);font-size:13px;font-weight:var(--fw-bold,700);letter-spacing:.04em;text-transform:uppercase}.hr-projects-grid__filter-select{appearance:none;-webkit-appearance:none;background-color:var(--hr-surface,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%231c75bc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid var(--hr-border-strong,#b8c5d1);border-radius:var(--r-md,10px);color:var(--hr-text-strong,var(--hr-navy));cursor:pointer;font-family:var(--font-display);font-size:15px;font-weight:var(--fw-semibold,600);min-height:46px;min-width:220px;padding:0 42px 0 16px}.hr-projects-grid__filter-select:focus-visible{border-color:var(--hr-blue,#1c75bc);box-shadow:var(--shadow-focus,0 0 0 3px rgba(28,117,188,.35));outline:none}.hr-projects-grid__count{color:var(--hr-text-muted);font-family:var(--font-sans);font-size:var(--fs-small);margin:0}.hr-projects-grid__grid{display:grid;gap:var(--sp-5,24px);grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.hr-projects-grid__card-wrap{display:block}.hr-projects-grid__card-wrap[hidden]{display:none}.hr-projects-grid__card{background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--r-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:transform var(--dur,.22s) var(--ease-out,ease),box-shadow var(--dur,.22s) var(--ease-out,ease),border-color var(--dur,.22s) var(--ease-out,ease)}.hr-projects-grid__card:hover{border-color:var(--hr-border-strong,var(--hr-border));box-shadow:var(--shadow-md,0 14px 30px -18px rgba(8,23,42,.28));text-decoration:none;transform:translateY(-3px)}.hr-projects-grid__card:hover .hr-projects-grid__img{transform:scale(1.04)}.hr-projects-grid__card:focus-visible{outline:3px solid var(--hr-green);outline-offset:2px}.hr-projects-grid__thumb{aspect-ratio:4/3;background:var(--hr-surface-alt);overflow:hidden}.hr-projects-grid__img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform var(--dur-slow,.36s) var(--ease-out,ease);width:100%}.hr-projects-grid__body{display:flex;flex-direction:column;gap:var(--sp-1,4px);padding:var(--sp-4,16px)}.hr-projects-grid__title{color:var(--hr-navy);display:-webkit-box;font-family:var(--font-display);font-size:var(--fs-h5);font-weight:var(--fw-bold,700);-webkit-line-clamp:2;line-height:var(--lh-snug,1.3);margin:0;-webkit-box-orient:vertical;min-height:calc(var(--lh-snug, 1.3)*2em);overflow:hidden}.hr-projects-grid__meta{font-size:var(--fs-small);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-projects-grid__empty,.hr-projects-grid__meta{color:var(--hr-text-muted);font-family:var(--font-sans)}.hr-projects-grid__empty{font-size:var(--fs-lead);margin:var(--sp-6,32px) 0;text-align:center}.hr-projects-grid__reveal{margin-top:var(--sp-6,28px);position:relative;text-align:center}.hr-projects-grid__sentinel{height:1px;width:100%}.hr-projects-grid__loader{align-items:center;color:var(--hr-text-muted);display:flex;font-family:var(--font-sans);font-size:var(--fs-small,14px);gap:10px;justify-content:center}.hr-projects-grid__loader[hidden]{display:none}.hr-projects-grid__spinner{animation:hr-pg-spin .7s linear infinite;border:2px solid var(--hr-border-strong,#b8c5d1);border-radius:50%;border-top-color:var(--hr-blue,#1c75bc);height:18px;width:18px}@keyframes hr-pg-spin{to{transform:rotate(1turn)}}.hr-projects-grid__end{color:var(--hr-text-subtle,var(--hr-text-muted));font-family:var(--font-sans);font-size:var(--fs-small);margin:0}@media (max-width:1023px){.hr-projects-grid__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.hr-projects-grid__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hr-projects-grid__card,.hr-projects-grid__filter-select,.hr-projects-grid__img{transition:none}.hr-projects-grid__card:hover,.hr-projects-grid__card:hover .hr-projects-grid__img{transform:none}.hr-projects-grid__spinner{animation-duration:1.4s}}.hr-projects-grid.is-bg-white{background:var(--hr-surface)}.hr-projects-grid.is-bg-soft{background:var(--hr-bg)}.hr-projects-grid.is-bg-blue{background:var(--hr-blue-50)}.hr-projects-grid.is-bg-navy{background:var(--hr-navy);color:#fff;--hr-surface:color-mix(in srgb,#fff 9%,var(--hr-navy));--hr-bg:color-mix(in srgb,#fff 6%,var(--hr-navy));--hr-surface-alt:color-mix(in srgb,#fff 13%,var(--hr-navy));--hr-border:hsla(0,0%,100%,.16);--hr-border-strong:hsla(0,0%,100%,.3);--hr-text-strong:#fff;--hr-text:hsla(0,0%,100%,.92);--hr-body:hsla(0,0%,100%,.82);--hr-text-muted:hsla(0,0%,100%,.66);--hr-text-subtle:hsla(0,0%,100%,.45);--hr-blue:#79b4ec;--hr-blue-700:#9ecbf5;--hr-blue-50:rgba(121,180,236,.16);--hr-green:#a6d96a;--hr-green-700:#a6d96a;--hr-green-50:rgba(140,198,63,.18)}