/* Portfolio cards: artwork proportions and filtering remain unchanged. */
#projects.grid{gap:18px 14px}
#projects .project-card-link{display:block;min-width:0;border-radius:18px}
#projects .cover{position:relative;overflow:hidden;border-radius:18px}
#projects .cover::after{content:"";display:block;position:absolute;inset:32% 0 0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.16) 44%,rgba(0,0,0,.80) 100%)}
#projects .gl-project-title{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;margin:0;max-width:calc(100% - 44px);color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(17px,1.45vw,21px);font-weight:700;line-height:1.35;letter-spacing:.09em;text-transform:uppercase;text-align:left;white-space:normal;overflow-wrap:anywhere;pointer-events:none;text-shadow:0 1px 12px rgba(0,0,0,.25)}
#projects .cover img{transition:transform .5s cubic-bezier(.2,.65,.25,1)}
#projects .caption{display:none!important}
#projects[data-preview-limit]>.project-card-link:nth-child(n+21){display:none}
#projects[data-preview-limit]{margin-bottom:28px}
.gl-all-projects{display:flex;justify-content:center;padding:0 24px 64px}
.gl-all-projects[hidden]{display:none}
.gl-all-projects-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;max-width:100%;padding:13px 25px;border:1px solid #b8c9ab70;border-radius:999px;background:#b8c9ab0a;color:var(--fg);font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.5;text-align:center;white-space:normal;transition:background .2s,border-color .2s}
.gl-all-projects-button:hover{background:#b8c9ab18;border-color:var(--green)}
.gl-all-projects-button:focus-visible{outline:2px solid var(--green);outline-offset:5px}
html[lang=he] #projects .gl-project-title{font-family:Assistant,Heebo,Arial,sans-serif;letter-spacing:0}
html[lang=he] .gl-all-projects-button{font-family:Heebo,Arial,sans-serif;letter-spacing:0}
@media(any-hover:hover) and (any-pointer:fine){#projects .project-card-link:hover .cover img{transform:scale(1.035)!important}}
@media(max-width:700px){#projects.grid{gap:14px}#projects .gl-project-title{left:18px;right:18px;bottom:18px;max-width:calc(100% - 36px);font-size:18px;letter-spacing:.075em}.gl-all-projects{padding:0 18px 44px}.gl-all-projects-button{font-size:14px}}
@media(prefers-reduced-motion:reduce){#projects .cover img,.gl-all-projects-button{transition:none}#projects .project-card-link:hover .cover img{transform:none!important}}