.portfolio-shell{background:#f6f7fb}.portfolio-intro{padding:92px 0 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;align-items:end}.portfolio-intro h2{font:500 clamp(2.4rem,4.5vw,4.8rem)/1.03 'Manrope',sans-serif;letter-spacing:-.055em;margin:16px 0 0}.portfolio-intro p{margin:0;color:#606a77;max-width:520px}.portfolio-feature{position:relative;min-height:610px;background:#030a2a;color:#fff;overflow:hidden}.portfolio-feature-media{position:absolute;inset:0 35% 0 0;overflow:hidden}.portfolio-feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,#030a2a),linear-gradient(0deg,rgba(0,11,79,.5),transparent 50%)}.portfolio-feature-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.portfolio-feature:hover img{transform:scale(1.045)}.portfolio-feature-content{position:relative;z-index:2;width:42%;margin-left:auto;min-height:610px;padding:70px 58px;display:flex;flex-direction:column;justify-content:center}.portfolio-kicker{display:flex;align-items:center;gap:12px;color:#b9aee3;font-size:.63rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.portfolio-kicker:before{content:"";width:26px;height:1px;background:currentColor}.portfolio-feature h3{font:500 clamp(2.1rem,3.5vw,3.8rem)/1.08 'Manrope',sans-serif;letter-spacing:-.045em;margin:20px 0}.portfolio-feature p{color:#b9c0d5}.portfolio-meta{display:flex;gap:26px;margin-top:25px;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#d7dbeb}.portfolio-meta span{padding-inline-start:14px;border-inline-start:1px solid #9080c8}.portfolio-toolbar{position:sticky;top:0;z-index:20;margin-top:80px;background:rgba(246,247,251,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portfolio-toolbar-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:35px}.portfolio-filters{display:flex;gap:7px;flex-wrap:wrap}.portfolio-filter{border:1px solid transparent;background:transparent;padding:11px 15px;color:#626b76;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:.25s}.portfolio-filter:hover{color:var(--brand)}.portfolio-filter.active{background:var(--brand);color:#fff;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.portfolio-count{font-size:.67rem;color:#717985;white-space:nowrap}.portfolio-count strong{font:500 1.5rem 'Manrope';color:var(--brand);margin-inline-end:7px}.portfolio-stream{padding:42px 0 120px}.portfolio-item{display:grid;grid-template-columns:1.05fr .95fr;min-height:500px;border-bottom:1px solid var(--line);padding:52px 0;transition:opacity .25s}.portfolio-item:first-child{border-top:1px solid var(--line)}.portfolio-item:nth-child(even) .portfolio-item-media{order:2}.portfolio-item:nth-child(even) .portfolio-item-content{padding-left:0;padding-right:8vw}.portfolio-item.is-hidden{display:none}.portfolio-item-media{height:500px;overflow:hidden;position:relative}.portfolio-item-media:after{content:"↗";position:absolute;right:22px;top:22px;width:48px;height:48px;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--brand);font-size:1.2rem;transform:translateY(-10px);opacity:0;transition:.4s var(--ease)}.portfolio-item:hover .portfolio-item-media:after{opacity:1;transform:none}.portfolio-item-media img{width:100%;height:100%;filter:saturate(.78);transition:transform .8s var(--ease),filter .8s}.portfolio-item:hover img{transform:scale(1.04);filter:saturate(1)}.portfolio-item-content{padding:45px 0 45px 8vw;display:flex;flex-direction:column;justify-content:center}.portfolio-number{font:500 3.3rem 'Manrope';color:transparent;-webkit-text-stroke:1px #9080c8;line-height:1}.portfolio-item h3{font:500 clamp(1.8rem,3vw,3rem)/1.12 'Manrope';letter-spacing:-.045em;margin:28px 0 14px}.portfolio-item p{color:#626b76;max-width:500px}.portfolio-item .text-link{margin-top:28px}.portfolio-empty{display:none;text-align:center;padding:70px;color:#6c7480}.portfolio-empty.show{display:block}html[dir="rtl"] .portfolio-intro h2,html[dir="rtl"] .portfolio-feature h3,html[dir="rtl"] .portfolio-item h3{font-family:'Noto Kufi Arabic',Tahoma,sans-serif;letter-spacing:-.03em}html[dir="rtl"] .portfolio-feature-media{inset:0 0 0 35%}html[dir="rtl"] .portfolio-feature-media:after{background:linear-gradient(-90deg,transparent 58%,#030a2a),linear-gradient(0deg,rgba(0,11,79,.5),transparent 50%)}html[dir="rtl"] .portfolio-feature-content{margin-left:0;margin-right:auto}html[dir="rtl"] .portfolio-item-content{padding-left:0;padding-right:8vw}html[dir="rtl"] .portfolio-item:nth-child(even) .portfolio-item-content{padding-right:0;padding-left:8vw}html[dir="rtl"] .portfolio-item-media:after{right:auto;left:22px}html[dir="rtl"] .portfolio-filter{font-family:'Noto Kufi Arabic',Tahoma,sans-serif}
@media(max-width:900px){.portfolio-intro{grid-template-columns:1fr;gap:25px}.portfolio-feature{min-height:720px}.portfolio-feature-media{inset:0 0 42%}.portfolio-feature-media:after,html[dir="rtl"] .portfolio-feature-media:after{background:linear-gradient(0deg,#030a2a,transparent 70%)}.portfolio-feature-content,html[dir="rtl"] .portfolio-feature-content{width:100%;min-height:auto;position:absolute;left:0;right:0;bottom:0;padding:42px}.portfolio-toolbar{position:relative;margin-top:50px}.portfolio-toolbar-inner{align-items:flex-start;flex-direction:column;padding:24px 0}.portfolio-item{grid-template-columns:1fr;min-height:0}.portfolio-item:nth-child(even) .portfolio-item-media{order:0}.portfolio-item-content,.portfolio-item:nth-child(even) .portfolio-item-content,html[dir="rtl"] .portfolio-item-content,html[dir="rtl"] .portfolio-item:nth-child(even) .portfolio-item-content{padding:36px 0}.portfolio-item-media{height:430px}}
@media(max-width:600px){.portfolio-intro{padding:65px 0 45px}.portfolio-intro h2{font-size:2.35rem}.portfolio-feature{min-height:640px}.portfolio-feature-media{inset:0 0 47%}.portfolio-feature-content{padding:28px}.portfolio-feature h3{font-size:2rem}.portfolio-meta{flex-wrap:wrap;gap:12px}.portfolio-toolbar{margin-top:35px}.portfolio-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.portfolio-filter{padding:10px 8px}.portfolio-count{display:none}.portfolio-stream{padding-bottom:75px}.portfolio-item{padding:34px 0}.portfolio-item-media{height:300px}.portfolio-number{font-size:2.5rem}.portfolio-item h3{font-size:1.75rem;margin-top:20px}html[dir="rtl"] .portfolio-intro h2{font-size:2rem}html[dir="rtl"] .portfolio-feature h3{font-size:1.75rem}html[dir="rtl"] .portfolio-item h3{font-size:1.55rem}}
.portfolio-toolbar{top:112px}
.portfolio-toolbar{position:relative;top:auto;margin:0 0 58px}.portfolio-filter{font-family:inherit}.portfolio-feature,.portfolio-item{transition:opacity .26s var(--ease),transform .26s var(--ease)}.portfolio-feature.is-filtering-out,.portfolio-item.is-filtering-out{opacity:0;transform:translateY(18px) scale(.985)}.portfolio-feature[hidden],.portfolio-item[hidden]{display:none}.portfolio-placeholder-note{position:absolute;z-index:2;right:18px;bottom:18px;padding:7px 10px;background:rgba(3,10,42,.78);color:#c9c0ec;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px)}html[dir="rtl"] .portfolio-placeholder-note{right:auto;left:18px}html[dir="rtl"] .portfolio-count strong{font-family:'Noto Kufi Arabic',Tahoma,sans-serif}
@media(max-width:900px){.portfolio-toolbar{margin-bottom:35px}.portfolio-toolbar-inner{padding-top:18px;padding-bottom:18px}}