.featured-projects { width: min(100%, 650px); margin-inline: auto; background: #fdfdff; overflow: hidden; }
.projects-mobile-heading { display: block; width: 100%; height: auto; }
.projects-window { overflow: hidden; scrollbar-width: none; overscroll-behavior-x: contain; scroll-behavior: auto; padding: 15px 0 24px; }
.projects-window.is-manual { overflow-x: auto; }
.projects-window::-webkit-scrollbar { display: none; }
.projects-window:focus-visible { outline: 3px solid #aa64ff; outline-offset: -3px; }
.projects-track { position: relative; display: flex; width: max-content; transform: translate3d(0, 0, 0); will-change: transform; backface-visibility: hidden; }
.projects-group { display: flex; flex: none; align-items: center; gap: 32px; list-style: none; margin: 0; padding: 0 32px 0 0; }
.projects-group li { flex: none; }
.project-logo { display: block; width: 140px; height: 145px; padding: 10px; background: none; border: 0; border-radius: 12px; }
.project-logo img { width: 100%; height: 100%; object-fit: contain; transition: transform .18s ease; user-select: none; -webkit-user-drag: none; }
.project-logo:hover img { transform: scale(1.045); }
.project-logo:focus-visible { outline-offset: -3px; }
@media (min-width: 768px) {
  .featured-projects { width: 100%; padding-top: 22px; }
  .projects-mobile-heading { display: none; }
  .projects-ribbon { background: #1d1d1b; padding: 22px 0; transform: rotate(-1.5deg); }
  .projects-ribbon p { margin-block: 0; font: 700 48px/1.05 'Supay PDF Bold', Arial, sans-serif; color: #fdfdff; letter-spacing: -.5px; }
  .projects-ribbon span { color: #aa64ff; }
  .projects-window { margin-top: 32px; padding-block: 12px 32px; }
  .projects-group { gap: 64px; padding-right: 64px; }
  .project-logo { width: 230px; height: 230px; padding: 12px; }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .projects-ribbon p { font-size: 39px; }
}
@media (prefers-reduced-motion: reduce) {
  .projects-window { overflow-x: auto; }
  .projects-track { will-change: auto; }
  .projects-group[aria-hidden="true"] { display: none; }
  .project-logo img { transition: none; }
  .project-logo:hover img { transform: none; }
}