@import url("/static/app/internal-pages.v28.1.css?v=v28-2-base-20260901");

/* AppNegar V28.2 — poster-first horizontal portfolio catalogue + richer detail page. */
.portfolio-index{width:min(1500px,calc(100% - clamp(20px,3.5vw,64px)));padding-bottom:34px}
.portfolio-index>.portfolio-catalog-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.portfolio-scroll-controls{display:flex;gap:8px;flex:0 0 auto}
.portfolio-scroll-controls button{width:44px;height:44px;border:1px solid #d7e3f0;border-radius:14px;background:#fff;color:#072b63;box-shadow:0 7px 20px rgba(15,39,72,.06);font:950 18px/1 Vazirmatn,Tahoma,sans-serif;cursor:pointer}
.portfolio-scroll-controls button:hover{border-color:#9dbbdc;background:#f4f9ff;transform:translateY(-1px)}
.portfolio-index .portfolio-grid{display:flex!important;grid-template-columns:none!important;gap:18px!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:7px 3px 25px;margin:0;scrollbar-width:thin;scrollbar-color:#b6c8dc transparent}
.portfolio-index .portfolio-grid::-webkit-scrollbar{height:9px}.portfolio-index .portfolio-grid::-webkit-scrollbar-track{background:transparent}.portfolio-index .portfolio-grid::-webkit-scrollbar-thumb{background:#c4d3e3;border-radius:999px;border:2px solid #fff}
.portfolio-index .portfolio-card{flex:0 0 clamp(300px,27vw,374px);scroll-snap-align:start;min-height:520px!important;contain-intrinsic-size:540px;overflow:hidden}
.portfolio-index .portfolio-card[hidden]{display:none!important}
.portfolio-index .portfolio-media-link,.portfolio-index .portfolio-media-shell{aspect-ratio:4/5!important;min-height:0!important;background:#06182f}
.portfolio-index .portfolio-media,.portfolio-index .portfolio-card .portfolio-media{object-fit:var(--poster-fit,cover)!important;object-position:var(--poster-x,50%) var(--poster-y,50%)!important;transform:scale(var(--poster-zoom,1))!important;transform-origin:var(--poster-x,50%) var(--poster-y,50%)!important;transition:none!important}
.portfolio-index .portfolio-card:hover .portfolio-media{transform:scale(var(--poster-zoom,1))!important}
.portfolio-index .project-number{top:14px;right:14px}
.portfolio-filter-status{margin-bottom:12px!important}

/* Detail page: a real case-study shell rather than a plain article. */
.portfolio-detail{max-width:1480px!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
.portfolio-detail .portfolio-hero-grid{position:relative;grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:clamp(32px,5vw,74px);align-items:center;padding:clamp(28px,4vw,54px);border:1px solid #dbe6f1;border-radius:34px;background:radial-gradient(circle at 92% 8%,rgba(50,139,218,.12),transparent 28rem),linear-gradient(145deg,#fff,#f6faff);box-shadow:0 24px 70px rgba(15,39,72,.09);overflow:hidden}
.portfolio-detail .portfolio-hero-grid:before{content:"";position:absolute;inset:auto -110px -155px auto;width:360px;height:360px;border:52px solid rgba(35,104,179,.055);border-radius:50%;pointer-events:none}
.portfolio-detail-media{position:relative;z-index:1;width:100%!important;max-width:460px!important;aspect-ratio:4/5!important;border:8px solid #fff!important;border-radius:30px!important;background:#06182f!important;box-shadow:0 25px 65px rgba(15,39,72,.2),0 0 0 1px #d8e3ef!important}
.portfolio-detail-media .portfolio-media{object-fit:var(--poster-fit,cover)!important;object-position:var(--poster-x,50%) var(--poster-y,50%)!important;transform:scale(var(--poster-zoom,1))!important;transform-origin:var(--poster-x,50%) var(--poster-y,50%)!important}
.portfolio-summary{position:relative;z-index:1}.portfolio-summary .badge{background:#e9f3ff;color:#0b4f92;border:1px solid #cfe2f6}.portfolio-summary h1{font-size:clamp(31px,4vw,52px)!important;line-height:1.55!important;letter-spacing:-.025em}.portfolio-summary .lead{max-width:850px;color:#344761;font-size:clamp(15px,1.4vw,18px);line-height:2.1}.portfolio-summary .project-status{display:inline-flex;gap:6px;align-items:center;margin:16px 0 4px;padding:7px 12px;border:1px solid #d9e6f3;border-radius:999px;background:#fff;color:#31506f;font-size:12px}.portfolio-summary>.meta{max-width:800px;color:#64748b;line-height:1.9}
.portfolio-detail .project-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.portfolio-detail .project-facts li{padding:13px 15px;border-color:#dce7f2;background:rgba(255,255,255,.82)}
.portfolio-detail .actions{gap:10px}.portfolio-detail .actions .cta{min-height:50px;padding-inline:20px;border-radius:15px}
.portfolio-detail>.portfolio-detail-nav{display:flex;gap:8px;overflow-x:auto;margin:20px 0 0;padding:12px 3px 5px;scrollbar-width:none}.portfolio-detail>.portfolio-detail-nav::-webkit-scrollbar{display:none}.portfolio-detail-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid #d9e5f1;border-radius:999px;background:#fff;color:#174f91;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 5px 16px rgba(15,39,72,.04)}
.portfolio-detail>.content,.portfolio-detail>.case-study,.portfolio-detail>.portfolio-media-section,.portfolio-detail>.related,.portfolio-detail>section:not(.portfolio-media-section){margin-top:22px;padding:clamp(21px,3vw,32px);border:1px solid #dfe8f2;border-radius:25px;background:#fff;box-shadow:0 10px 34px rgba(15,39,72,.045)}
.portfolio-detail>.case-study-summary{background:linear-gradient(145deg,#eef7ff,#fbfdff);border-color:#c9def6}
.portfolio-detail .case-study-toc{position:sticky;top:78px;z-index:12;background:rgba(248,251,255,.94);backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(15,39,72,.05)}
.portfolio-detail .case-study-features li{background:#f9fcff;box-shadow:0 5px 18px rgba(15,39,72,.035)}
.portfolio-detail .portfolio-media-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px}.portfolio-detail .portfolio-inline-media{border-radius:24px;box-shadow:0 10px 26px rgba(15,39,72,.05)}
.portfolio-detail .related ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.portfolio-detail .related a{min-height:92px;background:linear-gradient(145deg,#fff,#f8fbff);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.portfolio-detail .related a:hover{transform:translateY(-2px);border-color:#aec9e5;box-shadow:0 10px 25px rgba(15,39,72,.07)}
.portfolio-detail .bottom-actions{margin-top:26px;padding:25px;border:1px solid #d5e4f3;border-radius:24px;background:linear-gradient(125deg,#edf6ff,#f9fcff);box-shadow:0 10px 32px rgba(15,39,72,.045)}

@media(max-width:900px){.portfolio-index>.portfolio-catalog-header{align-items:flex-start}.portfolio-detail .portfolio-hero-grid{grid-template-columns:1fr}.portfolio-detail-media{margin-inline:auto}.portfolio-detail .case-study-toc{position:static}}
@media(max-width:760px){.portfolio-index{width:calc(100% - 16px)}.portfolio-index .portfolio-card{flex-basis:min(84vw,338px);min-height:0!important}.portfolio-scroll-controls{display:none}.portfolio-index .portfolio-grid{gap:13px!important;padding-bottom:18px}.portfolio-detail .portfolio-hero-grid{padding:20px;border-radius:24px;gap:25px}.portfolio-detail-media{max-width:350px!important;border-width:5px!important;border-radius:24px!important}.portfolio-detail .project-facts{grid-template-columns:1fr 1fr}.portfolio-detail>.content,.portfolio-detail>.case-study,.portfolio-detail>.portfolio-media-section,.portfolio-detail>.related,.portfolio-detail>section:not(.portfolio-media-section){padding:18px;border-radius:19px}}
@media(max-width:430px){.portfolio-detail .project-facts{grid-template-columns:1fr}.portfolio-detail .portfolio-hero-grid{padding:16px}.portfolio-summary h1{font-size:28px!important}}

/* Fast project overview directly below the case-study hero. */
.portfolio-detail>.project-overview{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:11px;margin-top:18px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.project-overview-item{display:grid;gap:5px;min-height:92px;padding:17px 18px;border:1px solid #dce7f2;border-radius:20px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 8px 24px rgba(15,39,72,.04)}
.project-overview-item span{color:#708097;font-size:11px;font-weight:900}.project-overview-item b{color:#0b2d5b;font-size:14px;line-height:1.8;font-weight:950;overflow-wrap:anywhere}
@media(max-width:540px){.portfolio-detail>.project-overview{grid-template-columns:1fr 1fr}.project-overview-item{min-height:82px;padding:14px}.project-overview-item b{font-size:12px}}
/* V28.6 technical case-study résumé */
.portfolio-detail .architecture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}.portfolio-detail .architecture-item{padding:17px;border:1px solid #dbe5f0;border-radius:18px;background:#f8fbff}.portfolio-detail .architecture-item>span{display:block;margin-bottom:7px;color:#2368b3;font-size:12px;font-weight:950}.portfolio-detail .architecture-item p{font-size:14px!important;margin:0!important}.portfolio-detail .decision-grid,.portfolio-detail .challenge-grid{display:grid;gap:14px}.portfolio-detail .decision-card,.portfolio-detail .challenge-card{padding:18px;border:1px solid #dbe5f0;border-radius:18px;background:#fff}.portfolio-detail .decision-card h3,.portfolio-detail .challenge-card h3{margin-top:0!important}.portfolio-detail .decision-card p,.portfolio-detail .challenge-card p{font-size:14px!important}.portfolio-detail .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}.portfolio-detail .result-card{padding:16px;border:1px solid #dce6f2;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#fff)}.portfolio-detail .result-card>span{display:block;color:#64748b;font-size:11px;font-weight:900}.portfolio-detail .result-card>strong{display:block;color:#072b63;font-size:20px;line-height:1.6;margin-top:4px}.portfolio-detail .result-card>p{font-size:13px!important;margin:5px 0!important}.portfolio-detail .result-card>small{color:#64748b;font-weight:800}.portfolio-detail .result-card>small.verified{color:#047857}.portfolio-detail .scope-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.portfolio-detail .scope-grid>div{padding:16px;border-radius:18px;border:1px solid #dbe5f0;background:#fbfdff}.portfolio-detail .case-study-custom{display:grid;gap:16px}.portfolio-detail .case-section-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.portfolio-detail .case-study-custom.layout-media-left,.portfolio-detail .case-study-custom.layout-media-right{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);align-items:start}.portfolio-detail .case-study-custom.layout-media-left .case-section-media{order:-1}.portfolio-detail .case-study-custom.layout-gallery .case-section-media{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}@media(max-width:760px){.portfolio-detail .case-study-custom.layout-media-left,.portfolio-detail .case-study-custom.layout-media-right{grid-template-columns:1fr}.portfolio-detail .case-study-custom.layout-media-left .case-section-media{order:0}}