.portfolio-hero{box-sizing:border-box;color:#fff;background:0 0;align-items:center;width:100%;min-height:390px;padding:165px 8% 55px;display:flex;position:relative;overflow:hidden}.portfolio-hero-content{z-index:2;width:100%;max-width:1100px;position:relative}.portfolio-hero h1{letter-spacing:-.07em;color:#fff;margin:0;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(58px,6.2vw,96px);font-weight:900;line-height:.9}.portfolio-hero h1 span{color:#3478f6;font-style:italic}.portfolio-hero p{color:#8fa4bd;letter-spacing:-.015em;max-width:900px;margin:32px 0 0;font-family:Outfit,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.55}@media (max-width:900px){.portfolio-hero{min-height:350px;padding:135px 6% 50px}.portfolio-hero h1{font-size:clamp(52px,9vw,78px)}.portfolio-hero p{max-width:700px;font-size:17px}}@media (max-width:600px){.portfolio-hero{min-height:320px;padding:125px 6% 45px}.portfolio-hero h1{font-size:clamp(44px,13vw,68px);line-height:.92}.portfolio-hero p{margin-top:25px;font-size:15px;line-height:1.5}}
.portfolio-card-wrapper{width:100%;min-width:0}.portfolio-card{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(40px,4.7vw,90px);width:100%;min-width:0;display:grid}.portfolio-card-image{aspect-ratio:1.48;isolation:isolate;background:#15181e;border-radius:24px;width:100%;position:relative;overflow:hidden}.portfolio-image-link{border-radius:inherit;cursor:pointer;display:block;position:absolute;inset:0;overflow:hidden}.portfolio-image-link>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .25s;animation:.35s portfolio-image-enter;display:block}.portfolio-image-link:hover>img{transform:scale(1.025)}.portfolio-card-image-app{background:#101116}.portfolio-card-image-app .portfolio-image-link{background:#101116;justify-content:center;align-items:center;display:flex}.portfolio-card-image-app .portfolio-image-link>img{object-fit:contain;object-position:center;width:100%;height:100%}.portfolio-card-image-app .portfolio-image-link:hover>img{transform:scale(1.015)}.portfolio-image-visit{color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#080808a6;border:1px solid #fff3;border-radius:50%;place-items:center;width:40px;height:40px;transition:opacity .2s,transform .2s,background .2s;display:grid;position:absolute;top:18px;right:18px;transform:translateY(5px)}.portfolio-card-image:hover .portfolio-image-visit,.portfolio-image-link:focus-visible .portfolio-image-visit{opacity:1;transform:translateY(0)}.portfolio-image-link:hover .portfolio-image-visit{background:#3478f6}.portfolio-image-link:focus-visible{outline-offset:-3px;outline:2px solid #3478f6}@keyframes portfolio-image-enter{0%{opacity:.65}to{opacity:1}}.portfolio-image-arrow{z-index:3;color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080808a6;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:opacity .2s,background .2s,border-color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-card-image:hover .portfolio-image-arrow,.portfolio-image-arrow:focus-visible{opacity:1}.portfolio-image-arrow:hover{background:#3478f6;border-color:#3478f6}.portfolio-image-prev{left:18px}.portfolio-image-next{right:18px}.portfolio-image-indicators{z-index:3;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080808a6;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;transition:opacity .2s;display:flex;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.portfolio-card-image:hover .portfolio-image-indicators,.portfolio-image-indicators:focus-within{opacity:1}.portfolio-image-dot{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;width:6px;height:6px;padding:0;transition:width .2s,background .2s}.portfolio-image-dot-active{background:#fff;border-radius:999px;width:19px}.portfolio-image-counter{z-index:3;color:#fff;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080808a6;border:1px solid #ffffff24;border-radius:999px;padding:7px 10px;font-family:Outfit,Arial,sans-serif;font-size:11px;position:absolute;bottom:17px;right:17px}.portfolio-card-content{min-width:0;padding:20px 0}.portfolio-card-meta{color:#8fa4bd;letter-spacing:.13em;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:25px;font-family:Outfit,Arial,sans-serif;font-size:12px;font-weight:500;display:flex}.portfolio-meta-separator{color:#3478f6}.portfolio-card-content h2{color:#fff;letter-spacing:-.045em;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(30px,2.6vw,47px);font-weight:500;line-height:1.12}.portfolio-card-content p{color:#a0a8b5;max-width:540px;margin:24px 0 0;font-family:Outfit,Arial,sans-serif;font-size:16px;line-height:1.75}.portfolio-card-technologies{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.portfolio-card-technologies span{color:#d5dbe5;background:#ffffff06;border:1px solid #ffffff21;border-radius:999px;padding:8px 14px;font-family:Outfit,Arial,sans-serif;font-size:12px;font-weight:400}@media (max-width:1000px){.portfolio-card{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:35px}.portfolio-card-image{border-radius:20px}.portfolio-card-content h2{font-size:clamp(28px,3.3vw,38px)}.portfolio-card-content p{margin-top:18px;font-size:15px}.portfolio-card-technologies{margin-top:20px}}@media (max-width:700px){.portfolio-card{grid-template-columns:1fr;gap:22px}.portfolio-card-image{aspect-ratio:1.25;border-radius:17px}.portfolio-card-image-app{aspect-ratio:1}.portfolio-image-arrow{opacity:1;width:38px;height:38px}.portfolio-image-prev{left:12px}.portfolio-image-next{right:12px}.portfolio-image-indicators{opacity:1;bottom:14px}.portfolio-image-counter{font-size:10px;bottom:14px;right:12px}.portfolio-image-visit{opacity:1;width:36px;height:36px;top:12px;right:12px;transform:none}.portfolio-card-content{padding:0 2px 12px}.portfolio-card-meta{gap:9px;margin-bottom:17px;font-size:10px}.portfolio-card-content h2{font-size:clamp(28px,7vw,38px)}.portfolio-card-content p{margin-top:15px;font-size:14px;line-height:1.65}.portfolio-card-technologies{gap:7px;margin-top:18px}.portfolio-card-technologies span{padding:7px 11px;font-size:11px}}@media (hover:none){.portfolio-image-arrow,.portfolio-image-indicators,.portfolio-image-visit{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.portfolio-image-link>img{transition:none;animation:none}.portfolio-image-arrow,.portfolio-image-dot,.portfolio-image-visit{transition:none}}.portfolio-card-wrapper:nth-child(2n) .portfolio-card{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.portfolio-card-wrapper:nth-child(2n) .portfolio-card-image{order:2}.portfolio-card-wrapper:nth-child(2n) .portfolio-card-content{order:1}@media (max-width:1000px) and (min-width:701px){.portfolio-card-wrapper:nth-child(2n) .portfolio-card{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}}@media (max-width:700px){.portfolio-card-wrapper:nth-child(2n) .portfolio-card{grid-template-columns:1fr}.portfolio-card-wrapper:nth-child(2n) .portfolio-card-image,.portfolio-card-wrapper:nth-child(2n) .portfolio-card-content{order:0}}
.portfolio-work-section{z-index:3;box-sizing:border-box;background:0 0;width:100%;padding:55px 7% 120px;position:relative;overflow:visible}.portfolio-work-inner{z-index:4;width:100%;max-width:1470px;margin:0 auto;position:relative}.portfolio-filters{z-index:5;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:75px;padding-top:5px;display:flex;position:relative;overflow:visible}.portfolio-filter{z-index:6;color:#8e9caf;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;height:55px;padding:0 27px;font-family:Outfit,Arial,sans-serif;font-size:14px;font-weight:500;transition:color .25s,background .25s,border-color .25s,transform .25s;position:relative}.portfolio-filter:hover{color:#fff;background:#3478f60f;border-color:#3478f673;transform:translateY(-2px)}.portfolio-filter-active{color:#fff;background:#3478f6;border-color:#3478f6}.portfolio-filter-active:hover{background:#3478f6;border-color:#3478f6}.portfolio-work-grid{z-index:2;grid-template-columns:minmax(0,1fr);gap:100px;display:grid;position:relative}@media (max-width:1000px){.portfolio-work-section{padding-left:5%;padding-right:5%}.portfolio-filters{margin-bottom:60px}.portfolio-work-grid{gap:75px}}@media (max-width:700px){.portfolio-work-section{padding:35px 5% 80px}.portfolio-filters{scrollbar-width:none;flex-wrap:nowrap;gap:10px;margin-bottom:40px;overflow-x:auto}.portfolio-filters::-webkit-scrollbar{display:none}.portfolio-filter{height:46px;padding:0 18px;font-size:12px}.portfolio-work-grid{gap:55px}}.portfolio-content{background:#080808;position:relative;overflow:hidden}.portfolio-content-sections{z-index:2;position:relative}