/* Frame the supplied screenshot without browser chrome or desktop taskbar. */
.creative-site-project { border: 1px solid #e8e8e8; background: #fff; }
.creative-site-project::after { display: none; }
.creative-site-preview { display: block; position: relative; aspect-ratio: 1362 / 607; overflow: hidden; background: #fff; }
.creative-site-preview img { position: absolute; width: 100.2937%; max-width: none; height: auto; left: 0; top: -19.9341%; }
.creative-site-caption { padding: 24px; }
.creative-site-caption h3 { font-size: 26px; margin-bottom: 12px; }
.creative-site-caption p { font-size: 16px; line-height: 1.6; margin-bottom: 20px; }
.creative-site-preview:focus-visible { outline: 3px solid #010103; outline-offset: -3px; }
.creative-site-preview-salmare { aspect-ratio: 1366 / 607; }
.creative-site-preview-salmare img { width: 100%; left: 0; top: -19.9341%; }
#portfolio .creative-site-project { margin-bottom: 30px; }
.creative-site-preview-oct { aspect-ratio: 1351 / 607; }
.creative-site-preview-oct img { width: 101.1103%; left: 0; top: -19.9341%; }
.creative-site-preview-nabor { aspect-ratio: 1351 / 607; }
.creative-site-preview-nabor img { width: 101.1103%; left: 0; top: -19.9341%; }
.creative-site-preview-apprimore { aspect-ratio: 1356 / 607; }
.creative-site-preview-apprimore img { width: 100.7375%; left: 0; top: -19.9341%; }

.creative-site-preview-premium { aspect-ratio: 1356 / 607; }
.creative-site-preview-premium img { width: 100.7375%; left: 0; top: -19.9341%; }