.caseport-section{isolation:isolate;background:radial-gradient(at 12% 20%,#013c3b42,#0000 48%),#001116;position:relative;overflow:hidden}.caseport-section:before{content:"";z-index:-1;background-image:linear-gradient(#3ea49a08 1px,#0000 1px),linear-gradient(90deg,#3ea49a08 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000,#0000);mask-image:linear-gradient(#0000,#000,#0000)}.caseport-heading{margin-bottom:36px}.caseport-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.caseport-filters{flex-wrap:wrap;gap:8px;display:flex}.caseport-filters button{color:#b0cac9;font:inherit;cursor:pointer;background:#042428;border:1px solid #31696780;border-radius:99px;padding:9px 17px;font-size:12px;transition:background .2s,border-color .2s,color .2s}.caseport-filters button[aria-pressed=true]{color:#002526;background:#00d4a7;border-color:#00d4a7;font-weight:700}.caseport-filters button:focus-visible,.caseport-card:focus-visible{outline-offset:5px;outline:2px solid #80ffe6}.caseport-count{color:#7fa9aa;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.caseport-count>span{background:#00d4a7;border-radius:50%;width:5px;height:5px}.caseport-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.caseport-grid.caseport-filtered{grid-template-columns:minmax(0,1fr);max-width:760px}.caseport-card{color:#fff;background:#061e23;border:1px solid #28616466;border-radius:21px;min-width:0;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;overflow:hidden}.caseport-card:hover{border-color:var(--case-accent);transform:translateY(-5px);box-shadow:0 20px 70px #0005}.caseport-visual{background:#001014;position:relative;overflow:hidden}.caseport-browser{color:#759496;direction:ltr;background:#062126;border-bottom:1px solid #4f8f8b29;justify-content:space-between;align-items:center;gap:12px;height:30px;padding:0 14px;display:flex}.caseport-browser>span{align-items:center;gap:4px;display:flex}.caseport-browser i{background:#4b6b6b;border-radius:100%;width:5px;height:5px;display:block}.caseport-browser i:first-child{background:var(--case-accent,#00d4a7)}.caseport-browser small{letter-spacing:.8px;font-size:10px}.caseport-viewport{aspect-ratio:1.58;position:relative;overflow:hidden}.caseport-viewport>img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .7s;display:block}.caseport-card:hover .caseport-viewport>img{transform:scale(1.035)}.caseport-mehrad-kavir .caseport-viewport{background:#eaf3fa}.caseport-mehrad-kavir .caseport-viewport>img{object-fit:contain}.caseport-status{color:#b6e1d7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#001b1ee8;border:1px solid #538d825c;border-radius:99px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;line-height:1.6;display:inline-flex}.caseport-visual>.caseport-status{max-width:calc(100% - 30px);position:absolute;inset:auto 15px 13px auto}.caseport-status i{background:#00d4a7;border-radius:100%;width:5px;height:5px;display:block}.caseport-status-ready{color:#c6dcff;background:#071f40eb;border-color:#618dd178}.caseport-status-ready i{background:#67a4ff}.caseport-card-body{padding:25px 28px 22px}.caseport-project-label{color:var(--case-accent);justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:10px;display:flex}.caseport-project-label>span[lang=en]{color:#799d9f;letter-spacing:.4px;font-size:9px}.caseport-card h3{margin:0 0 9px;font-size:22px;font-weight:700;line-height:1.6}.caseport-card-body>p{color:#98b5b7;min-height:48px;margin:0;font-size:12px;line-height:2}.caseport-tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.caseport-tags>span{color:#a5c4c5;background:#0d30353d;border:1px solid #3e73704a;border-radius:5px;padding:5px 10px;font-size:10px;display:inline-flex}.caseport-card-bottom{color:#b0d6d2;border-top:1px solid #275b5e55;justify-content:space-between;align-items:center;margin-top:20px;padding-top:17px;font-size:11px;display:flex}.caseport-open{width:32px;height:32px;color:var(--case-accent);border:1px solid #4d85817a;border-radius:50%;place-items:center;transition:background .25s,color .25s;display:grid}.caseport-card:hover .caseport-open{background:var(--case-accent);color:#002427}.caseport-open svg{transform:rotate(-135deg)}.caseport-trust{border-top:1px solid #2e63646b;grid-template-columns:auto 1fr auto;align-items:start;gap:21px;margin-top:35px;padding:29px 0 0;display:grid}.caseport-trust-icon{color:#00d4a7;background:#0739335c;border:1px solid #327d705c;border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.caseport-trust h3{margin:0 0 8px;font-size:15px;line-height:1.9}.caseport-trust p{color:#85abad;max-width:760px;margin:0;font-size:12px;line-height:2.1}.caseport-trust>.text-link{white-space:nowrap;align-self:center;font-size:11px}.caseport-identity{isolation:isolate;direction:ltr;background:radial-gradient(at 20% 90%,#12695680,#0000 65%),linear-gradient(145deg,#061917,#030808);height:100%;position:relative;overflow:hidden}.caseport-identity:before{content:"";z-index:-1;background-image:linear-gradient(#c5fff006 1px,#0000 1px),linear-gradient(90deg,#c5fff006 1px,#0000 1px);background-size:23px 23px;position:absolute;inset:0}.caseport-identity-orbit{border:1px solid #55dac53a;border-radius:50%;width:250px;height:250px;position:absolute;top:40%;left:-70px;box-shadow:0 0 0 23px #55dac508,0 0 0 55px #55dac506}.caseport-identity-core{letter-spacing:-8px;color:#b2f4e4;opacity:.26;font:900 clamp(25px,5.5vw,80px)/1 system-ui,sans-serif;position:absolute;top:24%;right:6%;transform:rotate(-14deg)}.caseport-identity-core i{color:#41c3a3;margin:0 9px;font-size:60%;font-style:normal}.caseport-identity-copy{color:#e6fff8;position:absolute;top:16%;left:9%}.caseport-identity-copy>span{letter-spacing:2px;color:#5f9b8e;font:8px/1.4 system-ui,sans-serif}.caseport-identity-copy>strong{letter-spacing:-2px;margin:20px 0 12px;font:800 clamp(23px,4vw,47px)/1.05 system-ui,sans-serif;display:block;position:relative}.caseport-identity-copy>strong>span{color:#43d6b4;vertical-align:top;letter-spacing:0;margin-left:5px;font-size:13px}.caseport-identity-copy>small{letter-spacing:1px;color:#8fb5a9;font:11px/1.4 system-ui,sans-serif}.caseport-identity-caption{color:#88b9ac;direction:rtl;font-size:9px;position:absolute;bottom:15px;right:17px}.casepage{background:radial-gradient(at 90% 8%,#07515838,#0000 35%),#001216;min-height:100vh;padding:36px 0 80px}.casepage-breadcrumb{color:#709ca0;flex-wrap:wrap;gap:10px;margin:0 0 55px;font-size:11px;display:flex}.casepage-breadcrumb a{color:#a8c6c7}.casepage-intro{grid-template-columns:1fr 300px;align-items:center;gap:45px;margin-bottom:37px;display:grid}.casepage-intro h1{letter-spacing:-1.6px;margin:9px 0 18px;font-size:clamp(31px,4.3vw,55px);line-height:1.5}.casepage-summary{color:#9fbbbe;max-width:710px;font-size:15px;line-height:2}.casepage-project-meta{border-right:1px solid #315a5b6b;flex-direction:column;align-items:start;gap:10px;padding:8px 28px;display:flex}.casepage-project-meta>span:first-child{color:var(--case-accent);font-size:11px}.casepage-project-meta strong{font:600 18px/1.4 system-ui,sans-serif}.casepage-project-meta>span[dir=ltr]{color:#779da1;letter-spacing:.4px;font-size:12px}.casepage-project-meta>.caseport-status{margin-top:9px}.casepage-preview{background:#061d22;border:1px solid #32646777;border-radius:15px;margin:0;overflow:hidden}.casepage-preview-image{aspect-ratio:1.56;background:#001014;overflow:hidden}.casepage-preview-image>img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.casepage-preview figcaption{color:#7fa7a9;border-top:1px solid #2b555a6b;padding:14px 20px;font-size:11px;line-height:2}.casepage-preview .caseport-identity-copy{top:20%;left:11%}.casepage-preview .caseport-identity-copy>strong{font-size:clamp(40px,6vw,90px)}.casepage-preview .caseport-identity-copy>span{font-size:12px}.casepage-preview .caseport-identity-copy>small{font-size:16px}.casepage-preview .caseport-identity-core{font-size:clamp(60px,13vw,200px)}.casepage-story-grid{grid-template-columns:minmax(0,1fr) 310px;gap:70px;margin:75px 0;display:grid}.casepage-story h2{margin:9px 0 21px;font-size:27px;line-height:1.7}.casepage-story p{color:#a2bfc1;font-size:14px;line-height:2.3}.casepage-story section{margin-top:28px}.casepage-story h3{color:#d8efea;margin:0 0 9px;font-size:19px}.casepage-aside{background:linear-gradient(135deg,#08483c52,#082329);border:1px solid #3b7b705c;border-radius:14px;align-self:start;padding:27px;position:sticky;top:30px}.casepage-aside>svg{color:#00d4a7}.casepage-aside h2{margin:16px 0 10px;font-size:19px;line-height:1.9}.casepage-aside p{color:#91b6b2;margin-bottom:22px;font-size:12px;line-height:2.2}.casepage-aside .button{width:100%;font-size:11px}.casepage-call{text-align:center;color:#9fbdb9;letter-spacing:1.5px;margin-top:17px;font-size:13px;display:block}.casepage-scope{border-top:1px solid #2d616367;margin-top:70px;padding-top:50px}.casepage-scope .chapter-heading h2{font-size:28px}.casepage-scope-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.casepage-scope-grid>article{background:#08272b66;border:1px solid #315c606b;border-radius:13px;padding:24px 21px}.casepage-scope-grid>article>span{color:var(--case-accent);letter-spacing:1px;font:11px/1.4 system-ui,sans-serif}.casepage-scope-grid h3{margin:18px 0 9px;font-size:16px;line-height:1.8}.casepage-scope-grid p{color:#81a7ac;margin:0;font-size:12px;line-height:2.1}.casepage-full-preview{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin:90px 0;display:grid}.casepage-full-preview>div{padding:40px 0;position:sticky;top:40px}.casepage-full-preview h2{font-size:32px;line-height:1.7}.casepage-full-preview p{color:#8aafb4;font-size:14px;line-height:2.2}.casepage-full-preview>a{background:#eaf1f8;border:1px solid #42686d91;border-radius:11px;max-width:500px;display:block;overflow:hidden}.casepage-full-preview img{width:100%;height:auto;display:block}.casepage-full-preview a>span{color:#b4d9db;background:#07232d;justify-content:space-between;align-items:center;padding:14px 18px;font-size:11px;display:flex}.casepage-project-link{border-bottom:1px solid #2a585d73;justify-content:space-between;align-items:center;gap:20px;padding:36px 0;display:flex}.casepage-project-link>p{color:#89b2bb;align-items:center;gap:12px;max-width:700px;margin:0;font-size:13px;line-height:2;display:flex}.casepage-project-link>p>svg{color:#6ba8f0;flex-shrink:0}.casepage-project-link>.text-link{white-space:nowrap;font-size:12px}.casepage-related{margin-top:60px}.casepage-related>h2{margin:10px 0 28px;font-size:27px}.casepage-related>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.casepage-related>div>a{background:#08272a66;border:1px solid #2e60676b;border-radius:12px;padding:24px 26px;text-decoration:none;display:block;position:relative}.casepage-related a>span{color:#00cba6;font-size:11px}.casepage-related h3{margin:10px 0;font-size:20px}.casepage-related p{color:#8dafb3;max-width:90%;font-size:12px;line-height:2}.casepage-related a>svg{color:#78c4ba;position:absolute;top:26px;left:25px;transform:rotate(-135deg)}.casepage-cta{background:radial-gradient(at 5% 80%,#0f78564f,#0000 65%),#062f2c;border:1px solid #34746794;border-radius:17px;justify-content:space-between;align-items:center;gap:30px;margin-top:70px;padding:36px 42px;display:flex}.casepage-cta h2{margin:8px 0 12px;font-size:30px}.casepage-cta p{color:#a1c3ba;margin:0;font-size:13px;line-height:2}.casepage-cta>.button{white-space:nowrap}.casepage a:focus-visible{outline-offset:5px;outline:2px solid #00e6bd}@media (min-width:1400px){.caseport-identity-copy>strong{font-size:55px}}@media (max-width:1000px){.caseport-trust{grid-template-columns:auto 1fr}.caseport-trust>.text-link{grid-column:2;justify-self:start}.caseport-card-body{padding:22px}.caseport-project-label{flex-wrap:wrap}.casepage-story-grid{grid-template-columns:minmax(0,1fr) 270px;gap:35px}.casepage-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.casepage-intro{grid-template-columns:1fr 250px;gap:25px}.casepage-full-preview{gap:35px}}@media (max-width:700px){.caseport-toolbar{flex-direction:column;align-items:start;gap:12px}.caseport-filters{gap:6px}.caseport-filters button{padding:7px 12px;font-size:10px}.caseport-grid{grid-template-columns:minmax(0,1fr);gap:21px}.caseport-card{border-radius:16px}.caseport-card-body{padding:20px}.caseport-card h3{font-size:22px}.caseport-card-body>p{min-height:auto;font-size:12px}.caseport-identity-copy>strong{font-size:clamp(31px,9vw,60px)}.caseport-identity-core{font-size:clamp(60px,17vw,115px)}.caseport-identity-copy>span{font-size:7px}.caseport-trust{gap:13px}.caseport-trust-icon{border-radius:10px;width:40px;height:40px}.caseport-trust h3{font-size:13px}.caseport-trust p{font-size:11px}.caseport-trust>.text-link{grid-column:1/-1}.casepage{padding-top:23px}.casepage-breadcrumb{gap:7px;margin-bottom:35px;font-size:10px}.casepage-intro{grid-template-columns:minmax(0,1fr);gap:25px}.casepage-intro h1{letter-spacing:-1px;font-size:34px}.casepage-summary{font-size:13px}.casepage-project-meta{border-top:1px solid #315a5b6b;border-right:0;grid-template-columns:1fr 1fr;gap:10px;padding:20px 0;display:grid}.casepage-project-meta strong{text-align:left;font-size:15px}.casepage-project-meta>.caseport-status{justify-self:end;margin-top:0;font-size:9px}.casepage-preview{border-radius:10px}.casepage-preview figcaption{padding:11px 14px;font-size:10px}.casepage-story-grid{grid-template-columns:minmax(0,1fr);gap:25px;margin:43px 0}.casepage-story h2{font-size:23px}.casepage-story p{font-size:13px}.casepage-aside{padding:24px;position:static}.casepage-scope{margin-top:40px;padding-top:35px}.casepage-scope .chapter-heading h2{font-size:24px}.casepage-scope-grid{gap:12px}.casepage-scope-grid>article{padding:19px 15px}.casepage-scope-grid h3{font-size:14px}.casepage-scope-grid p{font-size:11px}.casepage-full-preview{grid-template-columns:minmax(0,1fr);gap:15px;margin:45px 0}.casepage-full-preview>div{padding:0;position:static}.casepage-full-preview h2{font-size:25px}.casepage-full-preview p{font-size:12px}.casepage-full-preview>a{justify-self:center;max-width:401px}.casepage-project-link{flex-direction:column;align-items:start;padding:25px 0}.casepage-project-link>p{font-size:12px}.casepage-related{margin-top:35px}.casepage-related>div{grid-template-columns:minmax(0,1fr);gap:13px}.casepage-related>h2{font-size:23px}.casepage-related>div>a{padding:20px}.casepage-related h3{font-size:18px}.casepage-cta{flex-direction:column;align-items:start;margin-top:40px;padding:25px}.casepage-cta h2{font-size:25px}.casepage-cta p{font-size:12px}.casepage-preview .caseport-identity-copy>strong{font-size:clamp(37px,10vw,70px)}.casepage-preview .caseport-identity-copy>span{font-size:8px}.casepage-preview .caseport-identity-copy>small{font-size:11px}}@media (prefers-reduced-motion:reduce){.caseport-card,.caseport-viewport>img,.caseport-open,.caseport-filters button{transition:none}.caseport-card:hover,.caseport-card:hover .caseport-viewport>img{transform:none}}
