.projects-page{background:radial-gradient(circle at 10% 6%,rgba(var(--site-secondary-rgb),.09),transparent 28rem),radial-gradient(circle at 94% 18%,rgba(var(--site-primary-rgb),.08),transparent 30rem),var(--site-white);}.projects-hero-section{padding-top:0;padding-bottom:2rem;}.projects-hero-panel{position:relative;overflow:hidden;padding:clamp(1.25rem,2.5vw,2.5rem) clamp(3rem,8.5vw,8.5rem);background:linear-gradient(120deg,rgba(var(--site-white-rgb),.96),rgba(var(--site-white-rgb),.88)),radial-gradient(circle at 12% 18%,rgba(var(--site-secondary-rgb),.16),transparent 26rem);box-shadow:var(--shadow-sm);}.projects-hero-section .container-fluid{padding:0;}.projects-hero-bg-circle{position:absolute;width:min(42vw,40rem);height:min(42vw,40rem);right:-9rem;top:1rem;border-radius:50%;background:linear-gradient(135deg,var(--site-primary));}.projects-hero-lines{position:absolute;right:-4rem;top:7rem;width:23rem;height:23rem;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 1rem,rgba(var(--site-secondary-rgb),.7) 1.05rem 1.12rem);opacity:.55;mask-image:linear-gradient(90deg,transparent 0,var(--site-dark) 45%,var(--site-dark) 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,var(--site-dark) 45%,var(--site-dark) 100%);}.projects-hero-dots{position:absolute;top:5.8rem;left:48%;width:7rem;height:7rem;background-image:radial-gradient(rgba(var(--site-secondary-rgb),.9) 1.5px,transparent 1.5px);background-size:.72rem .72rem;opacity:.8;}.projects-breadcrumb{margin-bottom:2rem;color:rgba(var(--site-body-color-rgb),.58);}.projects-breadcrumb strong{color:rgba(var(--site-body-color-rgb),.72);}.projects-kicker{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.1rem;padding:.55rem .9rem;border:1px solid rgba(var(--site-secondary-rgb),.65);border-radius:999px;color:var(--site-secondary);background:rgba(var(--site-secondary-rgb),.08);font-size:.78rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;}.projects-hero-title{max-width:43rem;margin-bottom:1.35rem;color:var(--site-dark);font-size:clamp(2.4rem,5.4vw,5.65rem);font-weight:900;line-height:1.03;letter-spacing:-.06em;}.projects-hero-title span{color:var(--site-primary);}.projects-hero-text{max-width:38rem;margin:0;color:rgba(var(--site-body-color-rgb),.58);font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.85;}.projects-dashboard-wrap{position:relative;min-height:34rem;padding:1rem 0 2.5rem;}.projects-dashboard-card{position:relative;z-index:2;width:min(100%,45rem);margin-left:auto;overflow:hidden;border:1px solid rgba(var(--site-dark-rgb),.1);border-radius:1.45rem;background:rgba(var(--site-white-rgb),.95);box-shadow:var(--shadow-xs);backdrop-filter:blur(14px);}.dashboard-window-bar{height:3.15rem;display:flex;align-items:center;gap:.45rem;padding:0 1.3rem;border-bottom:1px solid rgba(var(--site-dark-rgb),.07);background:rgba(var(--site-bg-light-rgb),.56);}.dashboard-window-bar span{width:.7rem;height:.7rem;border-radius:50%;background:var(--site-accent-2);}.dashboard-window-bar span:nth-child(2){background:var(--site-accent-6)}.dashboard-window-bar span:nth-child(3){background:var(--site-accent-4)}.dashboard-window-bar i{width:10rem;height:.95rem;margin-left:auto;border-radius:999px;background:var(--site-white);}.dashboard-body{display:grid;grid-template-columns:4.2rem minmax(0,1fr);}.dashboard-sidebar{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.4rem .75rem;border-right:1px solid rgba(var(--site-dark-rgb),.07);background:rgba(var(--site-bg-light-rgb),.5);}.dashboard-sidebar span{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;color:rgba(var(--site-body-color-rgb),.56);}.dashboard-sidebar span.active,.dashboard-sidebar span:hover{color:var(--site-primary);background:rgba(var(--site-primary-rgb),.12);}.dashboard-content{padding:1.55rem;}.dashboard-content h2{margin-bottom:1.2rem;font-size:1rem;font-weight:900;}.dashboard-stats>div>div{min-height:5.1rem;padding:1rem;border:1px solid rgba(var(--site-dark-rgb),.08);border-radius:.9rem;background:var(--site-white);}.dashboard-stats small{display:block;margin-bottom:.35rem;color:rgba(var(--site-body-color-rgb),.52);font-size:.72rem;font-weight:700;}.dashboard-stats strong{color:var(--site-primary);font-size:1.38rem;font-weight:900;}.featured-project-box{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(8rem,.8fr);gap:1.2rem;margin-top:1.1rem;padding:1.35rem;border:1px solid rgba(var(--site-dark-rgb),.08);border-radius:1.05rem;background:var(--site-white);}.featured-project-box h3{margin-bottom:.6rem;font-size:1.55rem;font-weight:900;line-height:1.15;}.featured-project-box p{max-width:19rem;margin-bottom:1rem;color:rgba(var(--site-body-color-rgb),.58);font-size:.82rem;line-height:1.6;}.featured-project-box a{display:inline-flex;padding:.65rem 1rem;border-radius:.5rem;color:var(--site-white);background:var(--site-primary);font-size:.82rem;font-weight:800;}.mock-image-icon{min-height:8.2rem;display:grid;place-items:center;border-radius:1rem;color:rgba(var(--site-primary-rgb),.45);background:linear-gradient(135deg,rgba(var(--site-primary-rgb),.12),rgba(var(--site-primary-rgb),.04));font-size:4rem;}.activity-box{margin-top:1.1rem;padding:1.2rem;border:1px solid rgba(var(--site-dark-rgb),.08);border-radius:1rem;background:var(--site-white);}.activity-box strong{font-size:.88rem;}.activity-box button{border:0;border-radius:999px;padding:.45rem .85rem;color:rgba(var(--site-body-color-rgb),.65);background:var(--site-bg-light);font-size:.72rem;font-weight:800;}.activity-box ul{padding:0;margin:0;list-style:none;}.activity-box li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;color:rgba(var(--site-body-color-rgb),.76);font-size:.8rem;}.activity-box li:not(:last-child){border-bottom:1px solid rgba(var(--site-dark-rgb),.07);}.activity-box i{color:var(--site-primary);}.activity-box em{color:rgba(var(--site-body-color-rgb),.46);font-style:normal;white-space:nowrap;}.floating-chart-card,.floating-phone-card{position:absolute;z-index:4;border:1px solid rgba(var(--site-dark-rgb),.1);background:rgba(var(--site-white-rgb),.96);box-shadow:var(--shadow-xs);backdrop-filter:blur(10px);}.floating-chart-card{right:-2.8rem;top:10.5rem;width:17.5rem;padding:1.15rem;border-radius:1rem;}.floating-chart-card strong{font-size:.85rem}.floating-chart-card span{color:rgba(var(--site-body-color-rgb),.56);font-size:.72rem}.floating-chart-card svg{width:100%;height:5rem;color:var(--site-primary)}.floating-chart-card small{color:rgba(var(--site-body-color-rgb),.55)}.floating-chart-card b{color:var(--site-dark);font-size:1.1rem}.floating-phone-card{right:-3.8rem;bottom:-2rem;width:8.6rem;min-height:16.5rem;padding:.9rem;border-radius:1.35rem;}.phone-status{width:3rem;height:.25rem;margin:0 auto .7rem;border-radius:999px;background:rgba(var(--site-dark-rgb),.15);}.phone-brand{display:flex;align-items:center;gap:.35rem;margin-bottom:1.15rem;font-size:.66rem;font-weight:800;}.phone-brand span{width:.75rem;height:.75rem;border-radius:50%;background:var(--site-primary);}.floating-phone-card h4{margin-bottom:.45rem;font-size:.9rem;font-weight:900;line-height:1.2;}.floating-phone-card p{margin-bottom:.85rem;color:rgba(var(--site-body-color-rgb),.6);font-size:.68rem;line-height:1.35;}.floating-phone-card button{width:100%;padding:.45rem;border:0;border-radius:999px;color:var(--site-white);background:var(--site-primary);font-size:.64rem;font-weight:800;}.phone-nav{position:absolute;inset-inline:.9rem;bottom:.85rem;display:flex;justify-content:space-between;}.phone-nav i{width:1.05rem;height:1.05rem;border-radius:.25rem;background:rgba(var(--site-primary-rgb),.16);}.projects-hero-metrics{--bs-gutter-x:0;--bs-gutter-y:0;position:relative;z-index:5;margin-top:3rem;padding:1.15rem 1.5rem;border:1px solid rgba(var(--site-dark-rgb),.08);border-radius:1.25rem;background:rgba(var(--site-white-rgb),.96);box-shadow:var(--shadow-xs);}.projects-hero-metrics>[class*="col-"]{position:relative;display:flex;align-items:center;justify-content:center;}.projects-hero-metrics>[class*="col-"] + [class*="col-"]::before{content:"";position:absolute;left:0;top:50%;width:1px;height:3.6rem;background:rgba(var(--site-dark-rgb),.12);transform:translateY(-50%);}.metric-pill{width:100%;max-width:15rem;height:100%;padding:.9rem;display:flex;align-items:center;justify-content:flex-start;gap:.9rem;}.metric-pill i{flex:0 0 3.1rem;width:3.1rem;height:3.1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.9rem;color:var(--site-primary);background:rgba(var(--site-primary-rgb),.12);font-size:1.3rem;}.metric-pill strong,.metric-pill span{display:block;}.metric-pill strong{color:var(--site-dark);font-size:1.65rem;font-weight:900;line-height:1;}.metric-pill span{margin-top:.25rem;color:rgba(var(--site-body-color-rgb),.58);font-size:.82rem;font-weight:700;}.projects-filter-card{max-width:1280px;margin:0 auto 1.35rem;padding:.95rem;border:1px solid rgba(var(--site-dark-rgb),.08);border-radius:1.25rem;background:var(--site-white);box-shadow:var(--shadow-xs);}.projects-filter-tabs{gap:.8rem;}.projects-filter-tabs .nav-link{min-height:3.75rem;padding:0 1.9rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--site-dark-rgb),.09);border-radius:.85rem;color:var(--site-dark);background:var(--site-white);font-size:.95rem;font-weight:800;}.projects-filter-tabs .nav-link:hover,.projects-filter-tabs .nav-link.active{color:var(--site-white);background:var(--site-primary);border-color:var(--site-primary);}.projects-grid{max-width:1220px;margin-inline:auto;}.project-card{position:relative;overflow:hidden;border:1px solid rgba(var(--site-dark-rgb),.08);border-radius:1rem;background:var(--site-white);box-shadow:var(--shadow-xs);}.project-card:hover{transform:translateY(-6px);border-color:rgba(var(--site-primary-rgb),.28);box-shadow:var(--shadow-xs);}.project-card-stretched-link{color:inherit;}.project-thumb{position:relative;min-height:13.5rem;overflow:hidden;background:var(--site-bg-light);}.project-thumb img{width:100%;height:100%;min-height:13.5rem;display:block;object-fit:cover;object-position:center;}.project-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(var(--site-dark-rgb),.12));pointer-events:none;}.project-card-body{padding:1.35rem 1.45rem 2.45rem;}.project-category{display:block;margin-bottom:.65rem;color:var(--site-primary);font-size:.76rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;}.project-category.startup{color:var(--site-secondary)}.project-category.mobile{color:var(--site-accent-5)}.project-category.production{color:var(--site-accent-3)}.project-category.software{color:var(--site-accent-4)}.project-card h2{margin-bottom:.55rem;font-size:1.28rem;font-weight:900;line-height:1.22;}.project-card p{min-height:3.45rem;margin-bottom:1rem;color:rgba(var(--site-body-color-rgb),.64);font-size:.92rem;line-height:1.55;}.project-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem;}.project-tags span{padding:.42rem .72rem;border-radius:999px;color:rgba(var(--site-body-color-rgb),.64);background:rgba(var(--site-dark-rgb),.045);font-size:.78rem;font-weight:700;}.project-link{position:absolute;right:1rem;bottom:1rem;width:2.65rem;height:2.65rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--site-primary);background:var(--site-bg-light);pointer-events:none;}.project-link:hover{color:var(--site-primary-hover);}.project-link i{font-size:.72rem;}.projects-cta-banner{position:relative;overflow:hidden;max-width:1220px;min-height:14rem;margin:2rem auto 0;padding:clamp(2rem,4vw,3.2rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-radius:1rem;color:var(--site-white);background:radial-gradient(circle at 66% 45%,rgba(var(--site-white-rgb),.14),transparent 14rem),linear-gradient(135deg,var(--site-primary),var(--site-primary-hover));box-shadow:var(--shadow-xs);}.projects-cta-banner::after{content:"";position:absolute;right:-7rem;bottom:-8rem;width:24rem;height:24rem;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 1rem,rgba(var(--site-secondary-rgb),.35) 1.05rem 1.12rem);opacity:.65;}.projects-cta-banner h2{position:relative;z-index:2;margin-bottom:.75rem;font-size:clamp(2rem,3vw,3.15rem);font-weight:900;line-height:1.05;letter-spacing:-.04em;}.projects-cta-banner p{position:relative;z-index:2;max-width:40rem;margin-bottom:1.4rem;color:rgba(var(--site-white-rgb),.78);}.projects-cta-banner .btn-yellow{position:relative;z-index:2;min-height:3.6rem;border-radius:.7rem;}.cta-visual{position:relative;z-index:2;flex:0 0 min(42%,30rem);min-height:12rem;}.cta-user,.cta-target,.cta-chart{position:absolute;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--site-white-rgb),.93);box-shadow:var(--shadow-xs);}.cta-user{width:4.7rem;height:4.7rem;border-radius:50%;color:var(--site-primary);font-size:1.4rem;}.cta-user-one{left:0;top:4.2rem}.cta-user-two{left:5rem;top:1.1rem;color:var(--site-secondary)}.cta-target{left:10.8rem;top:50%;width:9.8rem;height:9.8rem;border-radius:50%;color:var(--site-primary);font-size:6.5rem;transform:translateY(-50%);}.cta-chart{right:1.2rem;bottom:1rem;width:5.8rem;height:5.8rem;border-radius:1.05rem;color:var(--site-secondary);font-size:2.2rem;}@media (max-width:1199.98px){.floating-chart-card{right:1rem;top:9rem}.floating-phone-card{right:1rem}.projects-hero-dots{display:none}}@media (max-width:991.98px){.projects-hero-panel{padding:2rem}.projects-hero-bg-circle,.projects-hero-lines{opacity:.25}.projects-dashboard-wrap{min-height:auto;padding:0}.projects-dashboard-card{margin-inline:auto}.floating-chart-card,.floating-phone-card{display:none}.projects-hero-metrics{max-width:100%;padding:1rem}.projects-hero-metrics>[class*="col-"]::before{display:none}.projects-hero-metrics>[class*="col-"]:nth-child(even)::before{content:"";position:absolute;left:0;top:50%;display:block;width:1px;height:3.6rem;background:rgba(var(--site-dark-rgb),.12);transform:translateY(-50%)}.projects-filter-tabs .nav-link{min-height:3.2rem;padding-inline:1.2rem}.projects-cta-banner{align-items:flex-start;flex-direction:column}.cta-visual{width:100%;flex-basis:auto}}@media (max-width:767.98px){.dashboard-body,.featured-project-box{grid-template-columns:1fr}.dashboard-sidebar{display:none}.projects-filter-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem}.projects-filter-tabs .nav-item{flex:0 0 auto}.project-thumb{min-height:12rem}.project-thumb img{min-height:12rem}.cta-target{left:7rem}.cta-chart{right:0}}@media (max-width:575.98px){.projects-hero-panel{padding:1.25rem;border-radius:1.25rem}.projects-breadcrumb{margin-bottom:1.4rem;font-size:.8rem}.projects-hero-metrics{padding:.65rem}.projects-hero-metrics>[class*="col-"]::before{display:none!important}.metric-pill{max-width:none;align-items:flex-start;flex-direction:column}.metric-pill i{width:2.6rem;height:2.6rem;flex-basis:2.6rem}.dashboard-content{padding:1rem}.projects-filter-card{border-radius:1rem}.projects-cta-banner{min-height:auto;border-radius:1rem}.cta-visual{display:none}}.projects-filter-meta{flex:0 0 auto;min-height:3.25rem;padding:.65rem 1rem;display:inline-flex;align-items:center;gap:.45rem;border-radius:.85rem;color:rgba(var(--site-body-color-rgb),.62);background:rgba(var(--site-primary-rgb),.07);font-size:.86rem;font-weight:700;white-space:nowrap;}.projects-filter-meta strong{color:var(--site-primary);font-size:1rem;font-weight:900;}.project-grid-item{will-change:transform,opacity;}.project-grid-item.is-filter-visible{animation:projectFilterIn .28s ease both;}.project-grid-item.is-filter-hidden{opacity:0;transform:translateY(.75rem) scale(.985);pointer-events:none;transition:opacity .18s ease,transform .18s ease;}.projects-empty-state{max-width:1220px;margin:2rem auto 0;padding:clamp(2rem,4vw,3.2rem);border:1px dashed rgba(var(--site-primary-rgb),.32);border-radius:1.25rem;text-align:center;background:rgba(var(--site-primary-rgb),.05);}.projects-empty-state i{width:4.25rem;height:4.25rem;margin-bottom:1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;color:var(--site-primary);background:var(--site-white);font-size:1.7rem;box-shadow:var(--shadow-xs);}.projects-empty-state h3{margin-bottom:.55rem;color:var(--site-dark);font-size:1.35rem;font-weight:900;}.projects-empty-state p{max-width:32rem;margin:0 auto;color:rgba(var(--site-body-color-rgb),.64);line-height:1.7;}@keyframes projectFilterIn{from{opacity:0;transform:translateY(1rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:991.98px){.projects-filter-meta{align-self:flex-start}}@media (max-width:575.98px){.projects-filter-meta{width:100%;justify-content:center}}