/**
 * CLS (Cumulative Layout Shift) Fix
 * Prevents layout shifts by reserving space for images and dynamic content
 */

/* Image containers - reserve space to prevent CLS */
.project-image,
.blog-img,
.resource-image {
    aspect-ratio: 2 / 1; overflow: hidden; position: relative; }

.project-image img,
.blog-img img,
.resource-image img {
    width: 100%; height: 100%; object-fit: cover; display: block; }

/* Profile image - maintain aspect ratio */
.profile-image-container {
    border-radius: 50%; }

/* Hero section - reserve space */
.hero {
    min-height: 100vh; }

/* Navbar - prevent shifts */
.navbar {
    top: 0; left: 0; right: 0; }

/* Font loading - prevent shifts */
@font-face {
    font-family: 'Montserrat'; font-display: swap; }