.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.portfolio-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fbfcf7}.portfolio-image{display:block;overflow:hidden;background:#dce5dc}.portfolio-image img{display:block;width:100%;height:auto;aspect-ratio:2.1;object-fit:cover;transition:transform .4s}.portfolio-image:hover img{transform:scale(1.025)}.portfolio-content{padding:26px}.portfolio-content .eyebrow{color:var(--muted);font-size:10px;margin-bottom:12px}.portfolio-content h3{font:600 29px Manrope;margin-bottom:12px}.portfolio-content p{font-size:14px;color:var(--muted);margin-bottom:22px}.portfolio-links{display:flex;gap:25px;align-items:center}.portfolio-links a:first-child{color:var(--orange)}.case-main{padding-top:45px;padding-bottom:70px}.case-back{font-size:12px;color:var(--muted)}.case-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;padding-block:45px}.case-hero h1{font:600 70px Manrope;letter-spacing:-3px;margin-bottom:15px}.case-subtitle{font-size:30px;line-height:1.5;font-weight:500;margin:0;max-width:700px}.case-intro{font-size:16px;color:var(--muted);margin:0 0 24px}.case-cover{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.case-cover img{display:block;width:100%;height:auto}.case-caption{color:var(--muted);font-size:11px;margin-top:10px}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:30px}.case-fact{padding:23px 15px}.case-fact span{display:block;color:var(--muted);font-size:11px}.case-fact b{font-size:14px;font-weight:500}.case-section{padding-top:60px}.case-section>p{max-width:850px;color:var(--muted);font-size:16px}.case-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.case-feature{border-top:1px solid var(--line);padding-top:23px}.case-feature b{color:var(--orange);font:12px Manrope;display:block;margin-bottom:15px}.case-feature h3{font-size:20px}.case-feature p{font-size:14px;color:var(--muted)}.case-journey{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;background:#e8ebdf;border-radius:8px;padding:30px}.case-journey span{font-size:15px}.case-journey i{font-style:normal;color:var(--orange)}.case-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--dark);color:var(--paper);padding:40px;border-radius:8px;margin-top:65px}.case-cta h2{font-size:29px}.case-cta p{font-size:14px;color:#bdc5b3;margin-bottom:0}html[lang=en] .case-hero h1{font-size:70px}html[lang=en] .case-subtitle{font-size:28px}@media(max-width:760px){.portfolio-grid,.case-hero{grid-template-columns:1fr;gap:28px}.portfolio-content{padding:22px}.case-hero{padding-block:28px}.case-hero h1,html[lang=en] .case-hero h1{font-size:48px}.case-subtitle,html[lang=en] .case-subtitle{font-size:23px}.case-facts{grid-template-columns:1fr 1fr}.case-features{grid-template-columns:1fr 1fr}.case-journey{flex-direction:column;align-items:start}.case-journey i{transform:rotate(90deg)}.case-cta{display:block;padding:26px}.case-cta .button{margin-top:25px}.case-cta h2{font-size:24px}}@media(max-width:420px){.case-features{grid-template-columns:1fr}.portfolio-links{gap:18px}.portfolio-content p{font-size:13px}.case-fact{padding-inline:8px}.case-fact b{font-size:12px}}

.portfolio-image img{aspect-ratio:16/9;object-fit:contain;background:var(--paper)}.portfolio-content h3{overflow-wrap:anywhere}.project-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.managed-project-description{white-space:pre-line;overflow-wrap:anywhere}.managed-project-cover img{aspect-ratio:16/9;object-fit:contain;background:var(--paper)}.project-loading{padding-block:50px;color:var(--muted)}

#managed-title{overflow-wrap:anywhere;font-size:clamp(34px,4.8vw,64px)}#managed-category{overflow-wrap:anywhere}

/* Localized project text uses the page's Arabic/English font and direction. */
.portfolio-content h3{font-family:inherit;font-weight:600;line-height:1.5;letter-spacing:normal}
.portfolio-content h3,.project-summary,.managed-project-description,#managed-title,#managed-category{unicode-bidi:isolate;text-align:start;word-break:normal}
html[lang=ar] #managed-title{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;letter-spacing:normal}