.section-labs-portfolio{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(247,249,252,.72),rgba(255,255,255,.98));border-block:1px solid rgba(15,42,78,.08)}
.section-labs-portfolio::before{content:"";position:absolute;inset:-20% auto auto 50%;width:42rem;height:42rem;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(71,111,184,.12),transparent 68%);pointer-events:none}
.labs-portfolio-groups{position:relative;display:grid;gap:2rem;margin-top:2.5rem}
.labs-portfolio-group{padding:1.25rem;border:1px solid rgba(20,52,91,.11);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 24px 70px rgba(17,42,76,.07);backdrop-filter:blur(16px)}
.labs-portfolio-group-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}
.labs-portfolio-group-head h3{margin:0;color:#102844;font-size:clamp(1.05rem,2vw,1.35rem)}
.labs-portfolio-group-head span{font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:#5d7189}
.labs-portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}
.labs-portfolio-card{display:flex;min-height:190px;flex-direction:column;padding:1.05rem;border:1px solid rgba(23,57,98,.1);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,248,253,.88));text-decoration:none;color:#102844;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.labs-portfolio-card:hover,.labs-portfolio-card:focus-visible{transform:translateY(-4px);border-color:rgba(61,105,174,.4);box-shadow:0 16px 38px rgba(18,52,95,.12);outline:none}
.labs-portfolio-relation{align-self:flex-start;margin-bottom:.8rem;padding:.3rem .55rem;border-radius:999px;background:rgba(28,74,133,.08);font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:#315d91}
.labs-portfolio-card strong{font-size:1rem;line-height:1.25}
.labs-portfolio-card p{margin:.65rem 0 1rem;color:#5a6d82;font-size:.88rem;line-height:1.55}
.labs-portfolio-link{margin-top:auto;font-size:.8rem;font-weight:600;color:#255d9e}
@media(max-width:1100px){.labs-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.labs-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.labs-portfolio-group{padding:.85rem;border-radius:18px}.labs-portfolio-group-head{align-items:flex-start;flex-direction:column}.labs-portfolio-grid{grid-template-columns:1fr}.labs-portfolio-card{min-height:auto}}
@media(prefers-reduced-motion:reduce){.labs-portfolio-card{transition:none}.labs-portfolio-card:hover,.labs-portfolio-card:focus-visible{transform:none}}