.block-projects__grid{display:grid;gap:clamp(1.5rem,3vw,2.25rem);grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr))}.block-projects__card{background:oklch(1 0 0/.5);border:1px solid var(--hairline-light);border-radius:6px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;transition:border-color .26s var(--ease-out),transform .26s var(--ease-out)}@media(hover:hover)and (pointer:fine){.block-projects__card:hover{border-color:var(--brand);transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.block-projects__card{transition:opacity .2s ease}}.block-projects__media{aspect-ratio:4/3;background:var(--bg-light-2);overflow:hidden;position:relative}.block-projects__image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s var(--ease-out);width:100%}@media(hover:hover)and (pointer:fine){.block-projects__card:hover .block-projects__image{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.block-projects__image{transition:opacity .2s ease}}.block-projects__area{background:var(--brand);border-radius:999px;color:var(--on-brand);font-size:.8125rem;font-weight:620;left:.875rem;letter-spacing:.01em;padding:.375rem .75rem;position:absolute;top:.875rem}.block-projects__body{display:flex;flex:1;flex-direction:column;padding:clamp(1.375rem,2.5vw,1.875rem)}.block-projects__name{color:var(--ink-on-light);font-size:1.625rem;font-stretch:80%;font-weight:720;letter-spacing:-.02em;line-height:1.1}.block-projects__text,.block-projects__version{color:var(--muted-on-light);font-size:.9531rem;hyphens:auto;-webkit-hyphens:auto;line-height:1.65;margin-top:.875rem;text-align:justify;text-wrap:pretty}.block-projects__version{font-style:italic}.block-projects__specs{margin-top:1.125rem}.block-projects__link{color:var(--brand-deep);margin-top:auto;padding-top:1.5rem}@media(hover:hover)and (pointer:fine){.block-projects__card:hover .block-projects__link-icon{transform:translateX(4px)}}@media(min-width:62rem){.block-projects__card--wide{align-items:stretch;flex-direction:row;grid-column:span 2}.block-projects__card--wide .block-projects__media{aspect-ratio:auto;flex:1 1 48%;min-height:24rem}.block-projects__card--wide .block-projects__body{flex:1 1 52%;justify-content:center;padding:clamp(1.875rem,3vw,2.75rem)}.block-projects__card--wide .block-projects__name{font-size:2rem}.block-projects__card--wide .block-projects__link{margin-top:1.75rem;padding-top:0}}