.anyware-portfolio-grid { display: grid; gap: 2rem; grid-template-columns: repeat(3, minmax(250px, 1fr)); justify-items: center; }
.anyware-portfolio-card { text-align: center; width: 250px; }
.anyware-portfolio-card img { box-sizing: content-box; display: block; height: 160px; object-fit: cover; width: 250px; }
.anyware-portfolio-card h3 { font-size: 1rem; line-height: 1.3; margin: .75rem 0 0; }
.anyware-portfolio-card h3 a { text-decoration: none; }
.anyware-portfolio-carousel { position: relative; }
.anyware-portfolio-carousel__viewport { overflow: hidden; scroll-behavior: smooth; }
.anyware-portfolio-carousel__track { display: flex; }
.anyware-portfolio-carousel__slide { background: transparent; border: 0; cursor: pointer; flex: 0 0 33.333%; margin: 0; padding: 0 .75rem; }
.anyware-portfolio-carousel__slide:hover,
.anyware-portfolio-carousel__slide:focus,
.anyware-portfolio-carousel__slide:focus-visible,
.anyware-portfolio-carousel__slide:active { background-color: transparent !important; background-image: none !important; }
.anyware-laptop { display: block; position: relative; width: 100%; }
.anyware-laptop__screen { display: block; inset: 18% 20.721% 21.5% 21.622%; overflow: hidden; position: absolute; }
.anyware-laptop__screen img { display: block; height: 100%; object-fit: cover; width: 100%; }
.anyware-laptop__frame { display: block; height: auto; pointer-events: none; position: relative; width: 100%; }
.anyware-portfolio-carousel__preframed { display: block; height: auto; width: 100%; }
@media (max-width: 980px) { .anyware-portfolio-grid { grid-template-columns: repeat(2, minmax(250px, 1fr)); } .anyware-portfolio-carousel__slide { flex-basis: 50%; } }
@media (max-width: 600px) { .anyware-portfolio-grid { grid-template-columns: 1fr; } .anyware-portfolio-carousel__slide { flex-basis: 100%; } }
@media (prefers-reduced-motion: reduce) { .anyware-portfolio-carousel__viewport { scroll-behavior: auto; } }