.project-list{padding-bottom:90px}.project-grid{grid-template-columns:1fr 1fr;gap:65px 34px;display:grid}.project-card{min-width:0}.featured-project{grid-column:1/-1}.project-visual{background:#171a29;border:1px solid #ffffff13;border-radius:12px;display:block;position:relative;overflow:hidden}.featured-project .project-visual{background:radial-gradient(at 50% 10%,#302b46,#191b2a 60%);height:515px;padding:60px 100px 0}.visual-label{letter-spacing:1.6px;color:#d7d1e6;background:#10121cd9;border:1px solid #ffffff14;border-radius:4px;padding:7px 10px;font-size:7px;position:absolute;bottom:20px;left:24px}.project-caption{justify-content:space-between;gap:30px;padding-top:24px;display:flex}.project-caption h2{margin-top:18px;font-size:29px}.project-caption p{color:var(--muted);max-width:540px;font-size:13px}.circle-link{border:1px solid #ffffff2c;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;margin-top:25px;display:grid}.circle-link:hover{background:var(--violet);color:var(--bg)}.dashboard{background:#111421;border:1px solid #9393b83b;border-radius:10px;grid-template-columns:185px 1fr;min-height:435px;display:grid;overflow:hidden;transform:rotate(-2deg);box-shadow:0 20px 80px #0005}.dash-sidebar{background:#191b2a;border-right:1px solid #ffffff0c;flex-direction:column;gap:10px;padding:23px 18px;display:flex}.dash-sidebar strong{margin-bottom:29px;font:600 24px Space Grotesk Variable,sans-serif}.dash-sidebar strong span{color:#86889e;font:8px Inter Variable,sans-serif}.dash-sidebar>span{color:#9397ae;border-radius:4px;padding:8px;font-size:10px}.dash-sidebar .selected{color:var(--violet);background:#b5a1fa19}.dash-sidebar small{color:#777c93;letter-spacing:1px;margin-top:auto;font-size:6px}.dash-main{padding:23px 26px}.dash-top{color:#8c91a6;justify-content:space-between;margin-bottom:29px;font-size:8px;display:flex}.dash-main h3{font-size:24px}.dash-main>p{color:#969bb0;margin:10px 0 24px;font-size:9px}.dash-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dash-stats>div{background:#1b1e2e;border:1px solid #fff1;border-radius:6px;padding:14px}.dash-stats span{color:#a1a5b8;font-size:8px;display:block}.dash-stats strong{margin-top:10px;font:500 30px Space Grotesk Variable,sans-serif;display:block}.dash-stats strong span{font:16px Space Grotesk Variable,sans-serif;display:inline}.dash-stats small{color:#8bddd0a8;font-size:6px}.dash-bottom{grid-template-columns:1.3fr 1fr;gap:16px;margin-top:18px;display:grid}.chart,.dash-tasks{background:#191c2b;border:1px solid #ffffff0c;border-radius:6px;padding:15px}.chart>span,.dash-tasks>span{color:#b0b3c4;font-size:8px}.bars{align-items:flex-end;gap:10px;height:85px;margin-top:20px;display:flex}.bars i{background:linear-gradient(#b5a1fac9,#b5a1fa22);border-radius:3px 3px 0 0;flex:1}.dash-tasks p{color:#959cb3;border-bottom:1px solid #ffffff0b;padding-block:5px;font-size:7px}.dash-tasks i{border:1px solid #8bddd066;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.detail-visual{background:radial-gradient(at 50% 0,#302b46,#191b2a);border:1px solid #ffffff18;border-radius:12px;overflow:hidden}.detail-visual:has(.dashboard){height:545px;padding:70px 130px 0}.case-body,.article-body{grid-template-columns:260px minmax(0,710px);gap:90px;margin-block:85px;display:grid}.case-body aside,.article-body aside{flex-direction:column;align-self:start;align-items:flex-start;gap:20px;display:flex;position:sticky;top:35px}.case-body aside a,.article-body aside a{color:var(--muted);font-size:11px}.case-body aside a:hover,.article-body aside a:hover{color:var(--violet)}.case-body>div>section{margin-bottom:55px}.case-body h2{font-size:37px}.case-body p,.case-body li{color:var(--muted);font-size:14px;line-height:1.9}.case-body ul{margin-top:25px;padding-left:19px}.case-body li{margin-bottom:10px;padding-left:8px}.case-body li::marker{color:var(--violet)}.case-body .eyebrow{margin-bottom:18px}@media (width<=1100px){.featured-project .project-visual{height:475px;padding:55px 55px 0}.dashboard{grid-template-columns:150px 1fr}.dash-sidebar{padding:18px 12px}.dash-main{padding:22px}.dash-stats>div{padding:12px}.case-body,.article-body{grid-template-columns:200px minmax(0,1fr);gap:45px}.detail-visual:has(.dashboard){height:495px;padding:55px 65px 0}}@media (width<=600px){.project-grid{grid-template-columns:1fr;gap:38px}.featured-project{grid-column:auto}.project-list{padding-bottom:55px}.featured-project .project-visual{height:295px;padding:28px 20px 0}.dashboard{transform-origin:0 0;grid-template-columns:110px 1fr;min-width:530px;min-height:340px;transform:rotate(-2deg)scale(.73)}.dash-sidebar{padding:15px 9px}.dash-sidebar strong{font-size:19px}.dash-sidebar strong span{display:none}.dash-sidebar>span{padding-inline:2px;font-size:8px}.dash-main{padding:19px}.dash-main h3{font-size:21px}.dash-top{margin-bottom:20px}.dash-stats{gap:7px}.dash-stats>div{padding:10px}.dash-stats strong{font-size:25px}.dash-stats>div>span{font-size:7px}.dash-stats small{font-size:5px}.dash-bottom{gap:9px}.bars{gap:6px;height:65px}.visual-label{letter-spacing:1px;font-size:6px;bottom:12px;left:13px}.project-caption{gap:15px;padding-top:20px}.project-caption h2{font-size:28px}.project-caption p{font-size:15px}.project-caption .tags span{font-size:10px}.circle-link{width:33px;height:33px}.detail-visual:has(.dashboard){height:310px;padding:30px 20px 0}.case-body,.article-body{grid-template-columns:1fr;gap:34px;margin-block:45px}.case-body aside,.article-body aside{border-bottom:1px solid var(--line);gap:13px;padding-bottom:26px;position:static}.case-body h2{font-size:31px}.case-body p,.case-body li{font-size:15px}.case-body>div>section{margin-bottom:37px}}.tags .project-status{color:var(--mint);background:#8bddd00a;border-color:#8bddd044}