html[lang="he"] .projects-shell{max-width:1660px;display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:38px;align-items:start;padding:24px 32px}
.projects-header,#projects-main,.projects-footer{grid-column:1}
.portfolio-sidebar{grid-column:2;grid-row:1 / span 3;text-align:center;padding:60px 8px 30px;position:sticky;top:0}
.four-squares{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:260px;margin:0 auto 26px}
.four-squares a{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;gap:10px;text-decoration:none;background:#fff9;border:3px solid white;border-radius:20px;box-shadow:0 8px 24px #534c3810;font-size:14px;color:#20372e}
.four-squares a:nth-child(2){background:#e8f2ec}.four-squares a:nth-child(3){background:#f8ead5}.four-squares a:nth-child(4){background:#e8eaf3}.four-squares span{font-size:42px;line-height:1}.four-squares a:hover{background:white;transform:translateY(-2px)}
.portfolio-sidebar h2{font-size:32px;margin:0 0 8px}.portfolio-sidebar p{font-size:17px;line-height:1.8}.portfolio-sidebar .sidebar-role{font-size:18px;margin:0}.portfolio-sidebar .sidebar-note{font-style:italic;font-size:21px;margin-top:38px;transform:rotate(-6deg)}
html[lang="he"] .page-heading{margin:22px 0 20px;max-width:none;text-align:center}html[lang="he"] .page-heading h1{font-size:42px}html[lang="he"] .page-heading>p:last-child{font-size:16px;margin:auto;max-width:700px}.page-heading .eyebrow{display:none}
.project-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 8px}.project-filters button{border:0;border-radius:24px;padding:11px 24px;background:#fff9;font:inherit;font-size:13px;cursor:pointer}.project-filters button[aria-pressed=true]{background:#dcb579;color:white}.project-filters button:focus-visible,.four-squares a:focus-visible{outline:3px solid #417b73;outline-offset:3px}#filter-count{font-size:12px;color:#647266;margin:8px 2px 12px}
html[lang="he"] .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}html[lang="he"] .projects-page .project{min-height:270px;border-radius:18px;background:#fffffff0;overflow:hidden}html[lang="he"] .projects-page .project .project-art{height:145px;min-height:145px;flex-basis:145px;border:0;border-radius:12px 12px 0 0;box-shadow:none;margin:8px 8px 0}html[lang="he"] .projects-page .project .project-content{padding:13px}html[lang="he"] .projects-page .project h2{font-size:18px;min-height:44px;margin:4px 0 10px}html[lang="he"] .projects-page .project .project-type{font-size:10px}html[lang="he"] .projects-page .project .project-link{background:#f2d2a2;color:#172526;border-radius:10px;padding:9px 12px;font-size:12px;min-height:38px;justify-content:space-between;width:100%}html[lang="he"] .projects-page .project .project-actions{width:100%}html[lang="he"] .projects-page .project .project-link:hover{background:#e9bd80}html[lang="he"] .projects-page .project[hidden]{display:none!important}
@media(max-width:1200px){html[lang="he"] .projects-shell{grid-template-columns:minmax(0,1fr) 240px;gap:24px;padding:24px}.portfolio-sidebar h2{font-size:27px}html[lang="he"] .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){html[lang="he"] .projects-shell{display:flex;flex-direction:column;padding:20px}.projects-header,#projects-main,.projects-footer{width:100%}.portfolio-sidebar{position:static;width:100%;padding:12px;order:1}.portfolio-sidebar .four-squares{grid-template-columns:repeat(4,1fr);max-width:520px;gap:8px;margin-bottom:12px}.four-squares span{font-size:30px}.four-squares a{font-size:11px;border-radius:14px}.portfolio-sidebar p,.portfolio-sidebar h2{display:none}.projects-header{order:0}#projects-main{order:2}.projects-footer{order:3}html[lang="he"] .page-heading h1{font-size:34px}}
@media(max-width:520px){html[lang="he"] .projects-shell{padding:14px}html[lang="he"] .projects-grid{grid-template-columns:minmax(0,1fr)}.project-filters{gap:6px}.project-filters button{padding:9px 14px}html[lang="he"] .projects-page .project .project-art{height:175px;min-height:175px;flex-basis:175px}}

html[lang="he"] .projects-page #atmosphere .project-art{height:205px;min-height:205px;flex-basis:205px}

html[lang="he"] .projects-shell{display:flex;flex-direction:column;gap:0}html[lang="he"] .projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:899px){html[lang="he"] .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){html[lang="he"] .projects-grid{grid-template-columns:minmax(0,1fr)}}
html[lang="he"] .projects-page #language-file-generator{height:auto}html[lang="he"] .projects-page #language-file-generator .project-description{font-size:14px;line-height:1.65;margin:0 0 12px;color:#505852}

/* Keep the action next to the content instead of stretching cards to a fixed height. */
html[lang="he"] .projects-grid{align-items:start}
html[lang="he"] .projects-page .project{height:auto;min-height:0}
html[lang="he"] .projects-page .project .project-content{flex:0 0 auto;padding:12px;overflow:visible}
html[lang="he"] .projects-page .project .project-type{min-height:0;margin:0 0 4px}
html[lang="he"] .projects-page .project h2{min-height:0;margin:4px 0 8px;line-height:1.3}
html[lang="he"] .projects-page .project .project-description{margin:0 0 8px;line-height:1.55}
html[lang="he"] .projects-page .project .project-actions{margin:8px 0 0;padding-top:0}
html[lang="he"] .projects-page #atmosphere .project-art{height:145px;min-height:145px;flex-basis:145px}
@media(max-width:520px){html[lang="he"] .projects-page #atmosphere .project-art{height:175px;min-height:175px;flex-basis:175px}}