#home-portfolio{--gp-paper:var(--color-page-bg);--gp-ink:var(--color-text-primary);--gp-muted:var(--color-text-secondary);--gp-blue:var(--color-accent);--gp-rule:var(--color-border);--gp-radius:14px;container-type:inline-size;background:var(--gp-paper);color:var(--gp-ink);font-family:var(--font-primary);direction:rtl;isolation:isolate;color-scheme:light}#home-portfolio *{box-sizing:border-box}#home-portfolio a{color:inherit;text-decoration:none}#home-portfolio button{font-family:inherit}#home-portfolio .gp-inner{max-width:1320px;margin-inline:auto;padding:56px 30px 28px}#home-portfolio .gp-header{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:end;margin-bottom:32px}#home-portfolio .gp-eyebrow{display:block;color:var(--gp-blue);font-size:15px;font-weight:700;line-height:1.4;margin-bottom:14px}#home-portfolio .gp-title{color:var(--gp-ink);font-size:clamp(38px,6.9cqw,72px);font-weight:900;line-height:1.05;letter-spacing:-.025em;margin:0}#home-portfolio .gp-title span{display:block;color:var(--gp-blue)}#home-portfolio .gp-intro{font-size:17px;line-height:1.6;margin:0 0 18px;max-width:30ch;color:var(--gp-muted)}#home-portfolio .gp-toplink{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:700;min-height:44px;color:var(--gp-blue)}#home-portfolio .gp-toplink i,#home-portfolio .gp-toplink svg{width:17px;height:17px}#home-portfolio .gp-filters{border-block:1px solid var(--gp-rule);display:flex;flex-wrap:wrap;gap:4px 8px;padding:12px 0;margin-bottom:24px}#home-portfolio .gp-filter{border:0;background:transparent;color:var(--gp-muted);border-radius:6px;padding:11px 12px;min-height:44px;font-size:15px;font-weight:400;line-height:1.3;cursor:pointer;transition:background .15s,color .15s}#home-portfolio .gp-filter[aria-pressed=true]{background:var(--gp-blue);color:#fff;font-weight:700}#home-portfolio .gp-filter:hover:not([aria-pressed=true]){background:#e8edf3;color:var(--gp-blue)}#home-portfolio .gp-grid{display:grid;grid-template-columns:minmax(0,calc(50% + 20px)) repeat(2,minmax(0,1fr));gap:20px 14px}#home-portfolio .gp-project{margin:0;min-width:0}#home-portfolio .gp-project:first-child{grid-row:span 2}#home-portfolio .gp-projectlink{display:flex;flex-direction:column;height:100%;min-width:0}#home-portfolio .gp-image{position:relative;aspect-ratio:1;overflow:hidden;background:#eee8e2;border-radius:var(--gp-radius)}#home-portfolio .gp-project:first-child .gp-image{aspect-ratio:auto;flex:1;min-height:260px}#home-portfolio .gp-image img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.2,.65,.3,1)}#home-portfolio .gp-image .gp-open{position:absolute;bottom:12px;left:12px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gp-paper);color:var(--gp-blue);box-shadow:0 2px 8px #0000000c;transition:background .18s,color .18s,transform .18s}#home-portfolio .gp-open svg,#home-portfolio .gp-open i{width:17px;height:17px}#home-portfolio .gp-project:first-child .gp-open{width:46px;height:46px;bottom:16px;left:16px}#home-portfolio .gp-caption{padding-top:10px;min-height:56px}#home-portfolio .gp-name{font-size:19px;line-height:1.2;font-weight:700;margin:0 0 4px;overflow-wrap:anywhere}#home-portfolio .gp-project:first-child .gp-name{font-size:24px}#home-portfolio .gp-service{font-size:13px;line-height:1.4;color:var(--gp-muted);margin:0}#home-portfolio .gp-projectlink:hover .gp-image img{transform:scale(1.035)}#home-portfolio .gp-projectlink:hover .gp-open{transform:translate(-2px,-2px);background:var(--gp-blue);color:#fff}#home-portfolio .gp-projectlink:hover .gp-name{color:var(--gp-blue)}#home-portfolio .gp-bottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--gp-rule);display:flex;gap:16px;align-items:center;justify-content:space-between}#home-portfolio .gp-selection{margin:0;font-size:14px;color:var(--gp-muted);line-height:1.4}#home-portfolio .gp-more{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;border-radius:8px;padding:12px 18px;background:var(--gp-blue);color:#fff;font-size:15px;font-weight:700;line-height:1.4;text-align:center}#home-portfolio .gp-more:hover{background:#124078}#home-portfolio .gp-more svg,#home-portfolio .gp-more i{width:18px;height:18px;flex-shrink:0}#home-portfolio .gp-grid[data-count="1"],#home-portfolio .gp-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}#home-portfolio .gp-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}#home-portfolio .gp-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}#home-portfolio .gp-grid:not([data-count="5"]) .gp-project:first-child{grid-row:auto}#home-portfolio .gp-grid:not([data-count="5"]) .gp-project:first-child .gp-image{aspect-ratio:1;min-height:0;flex:none}#home-portfolio .gp-grid[data-count="1"] .gp-project{grid-column:1/-1}#home-portfolio .gp-grid[data-count="1"] .gp-projectlink{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}#home-portfolio .gp-grid[data-count="1"] .gp-name{font-size:34px;margin-bottom:12px}#home-portfolio .gp-grid[data-count="1"] .gp-service{font-size:17px}#home-portfolio[data-layout=grid] .gp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#home-portfolio[data-layout=grid] .gp-project:first-child{grid-row:auto}#home-portfolio[data-layout=grid] .gp-project:first-child .gp-image{aspect-ratio:1;min-height:0;flex:none}#home-portfolio[data-layout=grid] .gp-project:first-child .gp-name{font-size:19px}#home-portfolio[data-layout=grid] .gp-grid[data-count="1"],#home-portfolio[data-layout=grid] .gp-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width:1000px){#home-portfolio .gp-inner{padding:80px 48px 44px}#home-portfolio .gp-header{margin-bottom:40px}#home-portfolio .gp-intro{font-size:21px}#home-portfolio .gp-filter{font-size:17px;padding-inline:18px}#home-portfolio .gp-grid{gap:28px 22px}#home-portfolio .gp-name{font-size:24px}#home-portfolio .gp-service{font-size:16px}#home-portfolio .gp-caption{min-height:66px}#home-portfolio .gp-project:first-child .gp-name{font-size:30px}#home-portfolio .gp-bottom{margin-top:36px}#home-portfolio .gp-more{font-size:17px}}@container (max-width:600px){#home-portfolio .gp-inner{padding:38px 20px 24px}#home-portfolio .gp-header{grid-template-columns:1fr;gap:18px;margin-bottom:24px}#home-portfolio .gp-title{font-size:42px}#home-portfolio .gp-intro{max-width:none;margin-bottom:6px}#home-portfolio .gp-eyebrow{font-size:14px;margin-bottom:10px}#home-portfolio .gp-filters{gap:4px;padding-block:10px}#home-portfolio .gp-filter{padding:10px;font-size:14px}#home-portfolio .gp-grid,#home-portfolio[data-layout=grid] .gp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}#home-portfolio .gp-project:first-child{grid-column:1/-1;grid-row:auto}#home-portfolio .gp-project:first-child .gp-image{aspect-ratio:1.06;min-height:0;flex:none}#home-portfolio .gp-project:first-child .gp-name{font-size:24px}#home-portfolio .gp-name{font-size:18px}#home-portfolio .gp-grid:not([data-count="5"]) .gp-project:first-child{grid-column:auto}#home-portfolio .gp-grid[data-count="1"] .gp-project:first-child{grid-column:1/-1}#home-portfolio .gp-grid[data-count="1"] .gp-projectlink{display:flex;gap:0}#home-portfolio .gp-grid[data-count="1"] .gp-image{width:100%}#home-portfolio .gp-grid[data-count="1"] .gp-name{font-size:24px;margin-bottom:4px}#home-portfolio .gp-grid[data-count="1"] .gp-service{font-size:14px}#home-portfolio .gp-bottom{flex-direction:column;align-items:stretch;gap:14px}#home-portfolio .gp-selection{text-align:center}#home-portfolio .gp-more{justify-content:space-between}#home-portfolio[data-layout=grid] .gp-project:first-child{grid-column:auto}#home-portfolio[data-layout=grid] .gp-grid[data-count="1"] .gp-project:first-child{grid-column:1/-1}#home-portfolio[data-layout=grid] .gp-project:first-child .gp-name{font-size:18px}}@container (max-width:350px){#home-portfolio .gp-inner{padding-inline:16px}#home-portfolio .gp-title{font-size:37px}#home-portfolio .gp-name{font-size:17px}#home-portfolio .gp-service{font-size:12px}}@media(prefers-reduced-motion:reduce){#home-portfolio *,#home-portfolio *:before,#home-portfolio *:after{transition:none!important;animation:none!important}#home-portfolio .gp-projectlink:hover .gp-image img{transform:none}}#home-portfolio .gp-grid[data-count="0"]{display:block}#home-portfolio .gp-empty{margin:0;padding:32px 12px;font-size:17px;color:var(--gp-muted)}