.project-showcase{padding:78px 0 46px;background:#0b1728;overflow:hidden;border-top:1px solid #ffffff0d}.project-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.project-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#6ee7ff;margin:0 0 17px}.project-section-head h2{font-size:clamp(34px,4.3vw,54px);line-height:1.14;margin:0 0 23px}.project-intro{font-size:17px;color:#b6c6d8;max-width:670px;margin:0;line-height:1.7}.project-controls{display:flex;flex-direction:column;align-items:end;gap:14px;flex-shrink:0}.project-controls>span{font-size:11px;color:#8fa4bb}.project-pause{font:inherit;color:#dbe7f3;background:transparent;border:1px solid #58718c;border-radius:30px;padding:10px 18px;cursor:pointer;font-size:12px}.project-pause:hover{border-color:#6ee7ff;background:#6ee7ff0b}.project-marquee{overflow:hidden;padding:18px 0 12px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.project-track{display:flex;width:max-content;animation:portfolio-right 78s linear infinite;will-change:transform}.project-group{display:flex;align-items:start;gap:28px;padding-right:28px}.project-mockup{flex:0 0 460px;width:460px;transition:transform .35s ease}.project-mockup:hover{transform:translateY(-7px)}.project-browser{border:1px solid #45617e;border-radius:13px 13px 8px 8px;background:#101e32;overflow:hidden;box-shadow:0 12px 30px #0004}.project-browserbar{display:flex;align-items:center;gap:16px;padding:11px 12px;background:#182b42;border-bottom:1px solid #435971}.project-dots{display:flex;gap:5px;flex-shrink:0}.project-dots i{width:6px;height:6px;border-radius:50%;background:#ff928b}.project-dots i:nth-child(2){background:#ebca6b}.project-dots i:nth-child(3){background:#75bea6}.project-domain{color:#b3c6da;background:#0b1728;border-radius:4px;flex:1;text-align:center;font-size:9px;line-height:1.4;padding:4px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-open{color:#9ab6d0;font-size:14px;line-height:1}.project-display{aspect-ratio:1905/920;overflow:hidden;background:#091323}.project-display img{width:100%;height:100%;object-fit:contain;object-position:top;display:block;filter:saturate(.95);transition:filter .4s}.project-mockup:hover img{filter:saturate(1.1)}.project-caption{display:flex;align-items:center;justify-content:space-between;padding:18px 5px 10px;gap:18px}.project-caption p{font-size:11px;color:#8ea6c0;margin:0 0 5px}.project-caption h3{font-size:22px;line-height:1.3;color:#f7fbff;margin:0;letter-spacing:-.025em}.project-arrow{font-size:22px;color:#6ee7ff}.project-bottom{margin-top:20px;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:12px}.project-bottom p{color:#8ea6c0;max-width:610px;margin:0}.project-bottom a{color:#6ee7ff;white-space:nowrap}.project-marquee:hover .project-track,.project-marquee:focus-within .project-track,.project-marquee.is-touched .project-track,.project-showcase.is-paused .project-track{animation-play-state:paused!important}.project-showcase.is-outside .project-track{animation-play-state:paused}.motion-paused .project-track{animation-play-state:paused!important}@keyframes portfolio-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:900px){.project-section-head{display:block}.project-controls{align-items:start;flex-direction:row;justify-content:space-between;align-items:center;margin-top:26px}.project-bottom{display:block}.project-bottom a{display:inline-block;margin-top:15px}.project-mockup{width:390px;flex-basis:390px}}
@media(max-width:560px){.project-showcase{padding:52px 0 35px}.project-section-head h2{font-size:34px}.project-intro{font-size:15px}.project-section-head{margin-bottom:22px}.project-controls{gap:12px}.project-controls>span{font-size:10px;max-width:150px;text-align:right}.project-mockup{width:300px;flex-basis:300px}.project-group{gap:18px;padding-right:18px}.project-browserbar{padding:8px;gap:9px}.project-domain{font-size:8px;padding:3px 5px}.project-caption h3{font-size:20px}.project-caption p{font-size:10px}.project-marquee{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.project-bottom{font-size:11px}.project-bottom a{white-space:normal}.project-track{animation-duration:70s}}
@media(prefers-reduced-motion:reduce){.project-marquee{mask-image:none;overflow:visible;padding:0 20px}.project-track{animation:none!important;width:100%;transform:none!important;will-change:auto}.project-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;width:100%;padding:0}.project-duplicate{display:none}.project-mockup{width:auto;min-width:0}.project-pause{display:none}.project-caption h3{font-size:19px}.project-mockup:hover{transform:none}@media(max-width:900px){.project-group{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.project-group{grid-template-columns:1fr}}}