.portfolio-label{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.portfolio-label strong{font-size:18px;letter-spacing:.02em;color:var(--ink)}
.portfolio-label span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right}
.portfolio-label-secondary{margin-top:58px}
.product-grid article{min-height:330px}
.product-grid .code{display:block;font-size:11px;line-height:1;letter-spacing:.16em;color:#1769aa}
.product-grid h3{margin-top:23px}
.product-grid article>span{right:24px;left:28px;padding-top:13px;border-top:1px solid rgba(23,105,170,.18);color:#1769aa;letter-spacing:.04em;text-transform:uppercase}
.support-grid{grid-template-columns:repeat(4,1fr)}
.release-note{max-width:1000px;margin:34px 0 0;padding-left:18px;border-left:3px solid var(--red);font-size:13px;line-height:1.6;color:var(--muted)}
@media(max-width:1050px){.support-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.portfolio-label{display:block;margin-bottom:14px}.portfolio-label span{display:block;margin-top:8px;text-align:left;line-height:1.5}.portfolio-label-secondary{margin-top:44px}.product-grid article{min-height:300px}.support-grid{grid-template-columns:1fr}.release-note{margin-top:26px}}