html{scroll-behavior:smooth}.portfolio-sidebar{display:none}@media screen and (min-width:1300px){.portfolio-sidebar{display:flex;position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100;padding:.75rem .5rem;border-radius:3rem;background:linear-gradient(135deg,#191919c7,#0f0f0f80);backdrop-filter:blur(20px) saturate(1.4) brightness(.95);-webkit-backdrop-filter:blur(20px) saturate(1.4) brightness(.95);border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 15px 40px #0000008c,0 0 40px #c9183c0f,inset 0 1px #ffffff12,inset 0 0 20px #00000026}.sidebar__nav{display:flex;flex-direction:column;align-items:center;gap:.25rem}.sidebar__link{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.sidebar__link:hover{background:#ffffff0f}.sidebar__dot{width:5px;height:5px;border-radius:50%;background:#fff3;transition:all .35s cubic-bezier(.4,0,.2,1)}.sidebar__link:hover .sidebar__dot{background:#fff9;transform:scale(1.3)}.sidebar__link.active-category .sidebar__dot{width:7px;height:7px;background:var(--first-color);box-shadow:0 0 8px #c9183c80,0 0 20px #c9183c33}.sidebar__link:before{content:attr(data-label);position:absolute;right:calc(100% + 10px);white-space:nowrap;font-size:.65rem;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:#ffffffd9;background:#191919bf;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);padding:.3rem .6rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.06);opacity:0;transform:translate(6px);pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar__link:hover:before{opacity:1;transform:translate(0)}.sidebar__link.active-category:before{color:var(--first-color)}}.portfolio-page-header{text-align:center;padding-bottom:3rem}.portfolio-page-header .section__title{margin-bottom:1rem}.portfolio-page-meta{display:inline-flex;align-items:center;gap:.5rem;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-color-light);border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:.4rem 1rem;border-radius:2rem;margin-bottom:3rem}.portfolio-page-meta i{color:var(--first-color);font-size:.9rem}.section__subtitle{margin-bottom:4rem}.category-wrapper{position:relative;margin-bottom:4rem;width:100%;scroll-margin-top:calc(var(--header-height) + 1rem)}@media screen and (min-width:640px)and (max-width:1299px){.category-wrapper{scroll-margin-top:calc(var(--header-height) + 3.5rem)}}@media screen and (min-width:1300px){.category-wrapper{scroll-margin-top:calc(var(--header-height) + 1rem)}}.category-title{font-size:.75rem;font-weight:700;font-family:var(--second-font);letter-spacing:2px;text-transform:uppercase;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;color:var(--text-color-light);padding-left:.5rem;scroll-margin-top:50vh}.category-title i{color:var(--first-color);font-size:1rem}.category-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#ffffff1a,#fff0);margin-left:.5rem}.category-swiper{padding:1.5rem .75rem!important;margin:-1.5rem -.75rem!important}.portfolio-card{position:relative;background:linear-gradient(145deg,#121212d9,#0a0a0a80);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-radius:1.25rem;border:1px solid rgba(255,255,255,.06);overflow:hidden;cursor:pointer;height:100%;display:flex;align-items:stretch;flex-direction:column;z-index:1;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s ease,box-shadow .35s ease}.portfolio-card .blob{position:absolute;top:-2rem;left:-2rem;width:80px;height:80px;background:var(--first-color);filter:blur(35px);opacity:0;border-radius:50%;z-index:-1;transition:opacity .4s ease,transform .4s ease}.portfolio-card:hover .blob{opacity:.5;transform:scale(1.4)}.portfolio-card:hover{border-color:#c9183c66;transform:translateY(-4px);box-shadow:0 12px 32px #0006,0 0 0 1px #c9183c26}.portfolio-card:focus-visible{outline:2px solid #c9183c;outline-offset:3px;box-shadow:0 0 0 4px #c9183c33}.portfolio-img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:0;display:block;z-index:2;transition:transform .5s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover .portfolio-img{transform:scale(1.03)}.portfolio-card .cs-badge{position:absolute;bottom:.75rem;left:.75rem;background:#000000bf;backdrop-filter:blur(12px);padding:.25rem .65rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);font-size:.7rem;color:#fff;z-index:10;display:flex;align-items:center;gap:.3rem}.portfolio-card .cs-badge i{color:var(--first-color)}.cat-next,.cat-prev{position:absolute;top:0;width:2rem;height:2rem;background:linear-gradient(145deg,#161616eb,#0a0a0abf);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.09);color:#ffffffbf;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer;transition:all .25s ease;opacity:0;transform:scale(.8)}.category-wrapper:hover .cat-next,.category-wrapper:hover .cat-prev{opacity:1;transform:scale(1)}.cat-next:hover,.cat-prev:hover{background:var(--first-color);border-color:var(--first-color);color:#fff;box-shadow:0 0 16px #c9183c73}.cat-next{right:0}.cat-prev{right:2.5rem;left:auto}@media screen and (max-width:968px){.cat-next,.cat-prev,.swiper-pagination{display:none!important}.portfolio-card{border-radius:.875rem;border-color:#ffffff0a}.portfolio-card:hover{transform:none;box-shadow:none;border-color:#ffffff12}.portfolio-card:hover .portfolio-img{transform:none}.category-title{font-size:.68rem;margin-bottom:.75rem;padding-left:.25rem;gap:.5rem}.category-title i{font-size:.85rem}.category-wrapper{margin-bottom:2.5rem}.category-swiper{padding:.75rem .5rem!important;margin:-.75rem -.5rem!important}.section{padding-block:2.5rem .5rem}.section__title{margin-bottom:1.5rem}.container{padding-left:.75rem;padding-right:0}.portfolio-page-meta{font-size:10px;padding:.35rem .85rem}}.showcase-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--second-font);font-size:.813rem;font-weight:500;letter-spacing:.5px;color:var(--title-color);padding:.75rem 1.75rem;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);border-radius:3rem;background:linear-gradient(145deg,#16161699,#0c0c0c59);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);transition:all .35s ease;text-decoration:none}.showcase-btn:hover{color:#fff;border-color:var(--first-color);background:#c9183c26;box-shadow:0 0 20px #c9183c33;transform:translateY(-2px)}.showcase-btn i{font-size:1rem;color:var(--first-color);transition:transform .3s ease}.showcase-btn:hover i:last-child{transform:translate(2px,-2px)}.experimental-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.25rem}.experimental-card{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:.875rem;border:1px solid rgba(255,255,255,.05);transition:transform .35s ease,border-color .35s ease}.experimental-card:hover{transform:translateY(-3px);border-color:#c9183c4d}.experimental-card .portfolio-img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .5s ease;z-index:1}.experimental-card:hover .portfolio-img{transform:scale(1.04)}.experimental-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 40%,transparent 100%);z-index:2;pointer-events:none}.experimental-label{position:absolute;bottom:.65rem;left:.65rem;right:.65rem;z-index:3;display:inline-flex;align-items:center;gap:.3rem;width:fit-content;padding:.3rem .65rem;background:#0000008c;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(255,255,255,.1);border-radius:2rem;color:#ffffffe6;font-family:var(--second-font);font-size:.58rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.experimental-label i{color:var(--first-color);font-size:.7rem;flex-shrink:0}@media screen and (max-width:540px){.experimental-grid{grid-template-columns:1fr;gap:.75rem;padding:0}.experimental-card{aspect-ratio:4/3;border-radius:.875rem}.experimental-card:hover{transform:none}.experimental-label{font-size:.688rem;padding:.28rem .6rem;bottom:.6rem;left:.6rem}}@media screen and (min-width:541px)and (max-width:768px){.experimental-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.experimental-card{aspect-ratio:3/4}}.portfolio-tabs{display:none}@media screen and (min-width:640px)and (max-width:1299px){.portfolio-tabs{display:block;position:sticky;top:var(--header-height);z-index:50;background:#000000e0;backdrop-filter:blur(24px) saturate(1.5) brightness(.9);-webkit-backdrop-filter:blur(24px) saturate(1.5) brightness(.9);border-bottom:1px solid rgba(255,255,255,.05);padding:.5rem 0}}.tabs__track{display:flex;gap:.4rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 1rem;scrollbar-width:none;-ms-overflow-style:none}.tabs__track::-webkit-scrollbar{display:none}.tab__pill{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .85rem;border-radius:2rem;font-family:var(--second-font);font-size:.62rem;font-weight:600;letter-spacing:.4px;color:var(--text-color-light);border:1px solid rgba(255,255,255,.07);background:#ffffff08;white-space:nowrap;scroll-snap-align:start;text-decoration:none;transition:all .22s ease;flex-shrink:0}.tab__pill i{font-size:.75rem}.tab__pill:hover{color:var(--title-color);border-color:#ffffff24;background:#ffffff0f}.tab__pill.active{color:#fff;background:var(--first-color);border-color:var(--first-color);box-shadow:0 0 14px #c9183c66}.category-title{position:relative;overflow:visible}.cat-num{position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--second-font);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;color:#ffffff07;line-height:1;pointer-events:none;user-select:none;z-index:0;letter-spacing:-2px}.portfolio-lead{max-width:62ch;margin:-1rem auto 2.25rem;text-align:center;color:var(--text-color);font-size:var(--normal-font-size);line-height:1.7;text-wrap:pretty}.portfolio-stats{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:3rem;flex-wrap:wrap}.portfolio-stat{display:flex;flex-direction:column;align-items:center;padding:.6rem 1.5rem;border-right:1px solid rgba(255,255,255,.06)}.portfolio-stat:last-child{border-right:none}.stat-value{font-family:var(--second-font);font-size:1.25rem;font-weight:800;color:var(--title-color);line-height:1;margin-bottom:.25rem}.stat-value span{color:var(--first-color)}.stat-label{font-size:.688rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-color-light)}@media screen and (max-width:540px){.portfolio-stats{gap:0}.portfolio-stat{padding:.5rem 1rem}.stat-value{font-size:1rem}}.case-study-link{display:block;text-decoration:none}.case-study-badge{position:absolute;bottom:1rem;left:1rem;background:#000000b3;backdrop-filter:blur(12px) saturate(1.3);padding:.25rem .75rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#fff;z-index:10}.stat-value--live{color:var(--first-color)}.showcase-btn-wrap{text-align:center;margin:1rem 0 2.5rem}