/* Scoped portfolio gallery. Original artwork remains unchanged. */
.portfolio-page .phead{padding:50px var(--pad) 0;max-width:1500px;margin:auto}.portfolio-page .phead .sh{padding:32px 0;text-align:right;display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid #d8daed}.portfolio-page .phead .tag{background:#1ea891;color:#102f32;align-self:start;padding:10px 18px}.portfolio-page .phead h1{font-size:clamp(40px,5.7vw,78px);line-height:1.08;letter-spacing:-.035em;margin:0;max-width:700px}.portfolio-page .phead h1 br{display:none}.portfolio-page .filters{padding:24px 0;gap:8px;align-items:center}.portfolio-page .filters button{border:1px solid #daddec;background:transparent;padding:12px 22px;min-height:48px}.portfolio-page .filters button.on{background:#1b1d4f;border-color:#1b1d4f;color:#fff}.portfolio-page .filters button:hover{border-color:#1ea891}.portfolio-page .result-count{margin-inline-start:auto;color:#575b83;font-size:16px}.portfolio-page .works{padding:12px var(--pad) 72px;max-width:1500px;margin:auto}.portfolio-page #all{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.portfolio-page .work-card{display:flex;flex-direction:column;min-width:0;position:relative;color:#1b1d4f;border-radius:24px;background:#fff;overflow:hidden;border:1px solid #e5e7f0;transition:border-color .2s,box-shadow .2s}.portfolio-page .work-card:hover{border-color:#1ea891;box-shadow:0 16px 34px #1b1d4f0e}.portfolio-page .work-visual{position:relative;aspect-ratio:1.4;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e9ebf4;padding:24px;box-sizing:border-box}.portfolio-page .work-visual img,.portfolio-page .work-visual svg{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .4s}.portfolio-page .work-card:hover .work-visual img{transform:scale(1.025)}.portfolio-page .work-card[data-work-kind=site] .work-visual{padding:34px 20px 0;background:linear-gradient(140deg,#d9eae9,#ecebf7)}.portfolio-page .work-card[data-work-kind=site] .work-visual:before{content:'•••';position:absolute;inset:12px 23px auto;direction:ltr;letter-spacing:4px;color:#6e8c91;font-size:18px}.portfolio-page .work-card[data-work-kind=site] .work-visual img{object-fit:cover;object-position:top;border-radius:10px 10px 0 0;box-shadow:0 10px 24px #24335a12}.portfolio-page .work-card[data-work-kind=site] img[src*="maayan-pt"]{object-fit:contain!important;object-position:center!important;background:#fff}.portfolio-page .work-body{padding:23px 25px 25px;display:grid;grid-template-columns:1fr 44px;gap:9px 18px;align-items:center}.portfolio-page .work-type{font-size:14px;color:#526479;display:flex;gap:8px;align-items:center;grid-column:1}.portfolio-page .work-type:before{content:'';height:6px;width:6px;border-radius:50%;background:#1ea891}.portfolio-page .work-body h2{font-size:clamp(24px,2.4vw,32px);line-height:1.15;grid-column:1;margin:0;overflow-wrap:anywhere}.portfolio-page .work-body p{grid-column:1;font-size:17px;line-height:1.5;color:#5a5e7a;margin:0;max-width:50ch;overflow-wrap:anywhere}.portfolio-page .work-arrow{grid-column:2;grid-row:1/4;display:grid;place-items:center;border:1px solid #d9dcec;border-radius:50%;width:44px;height:44px;font-size:22px;transition:background .2s}.portfolio-page .work-card:hover .work-arrow{background:#1ea891;border-color:#1ea891}.portfolio-page .work-card:focus-visible{outline:3px solid #1ea891;outline-offset:4px}.portfolio-page #all>.mc{min-width:0}.portfolio-page .empty{padding:32px 0}
@media(min-width:1000px){.portfolio-page #all>.work-card:nth-child(4n+2){margin-top:50px}.portfolio-page #all>.work-card:nth-child(4n+1){margin-bottom:50px}}
@media(max-width:760px){.portfolio-page .phead{padding-top:28px}.portfolio-page .phead .sh{display:block;padding:22px 0 26px}.portfolio-page .phead .tag{display:inline-block;margin-bottom:18px}.portfolio-page .phead h1{font-size:44px;max-width:340px}.portfolio-page .filters{padding:20px 0;gap:8px}.portfolio-page .filters button{font-size:15px;padding:10px 15px}.portfolio-page .result-count{flex-basis:100%;margin:6px 0 0;font-size:14px}.portfolio-page #all{grid-template-columns:1fr;gap:24px}.portfolio-page .works{padding-top:4px}.portfolio-page .work-visual{padding:20px;aspect-ratio:1.25}.portfolio-page .work-body{padding:20px;gap:8px 12px}.portfolio-page .work-body h2{font-size:27px}.portfolio-page .work-body p{font-size:16px}.portfolio-page .work-card{border-radius:20px}.portfolio-page .phead,.portfolio-page .works{padding-inline:24px}}
@media(prefers-reduced-motion:reduce){.portfolio-page .work-card,.portfolio-page .work-visual img{transition:none}}

.portfolio-page .phead .sh{flex-direction:column;align-items:flex-start}.portfolio-page .phead .tag{margin-bottom:0}.portfolio-page #all{padding:0}.portfolio-page .work-card[data-work-kind=project] .work-visual{background:#eeedf5}

.portfolio-page #all{display:block}.portfolio-page .work-group{margin-bottom:72px}.portfolio-page .work-group-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.portfolio-page .work-group-head h2{font-size:30px;margin:0}.portfolio-page .group-count{font-size:15px;color:#575b83}.portfolio-page .work-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.portfolio-page .load-more-area{text-align:center;padding-top:28px}.portfolio-page .load-more{display:inline-flex;gap:24px;min-width:180px;justify-content:space-between}.portfolio-page .load-more[hidden]{display:none}.portfolio-page .load-feedback{font-size:16px;color:#575b83;margin:14px 0 0;min-height:24px}.portfolio-page .work-group-grid[aria-busy=true]{opacity:.8}@media(min-width:1000px){.portfolio-page .work-group-grid>.work-card:nth-child(4n+2){margin-top:40px}.portfolio-page .work-group-grid>.work-card:nth-child(4n+1){margin-bottom:40px}}@media(max-width:760px){.portfolio-page .work-group-grid{grid-template-columns:1fr;gap:24px}.portfolio-page .work-group-head{align-items:baseline}.portfolio-page .work-group-head h2{font-size:25px}.portfolio-page .group-count{font-size:13px}.portfolio-page .work-group{margin-bottom:48px}}

.portfolio-page .work-card[data-work-kind=site] img[src*="/matara/"]{object-fit:contain!important;object-position:center!important;background:#fff}