/* paragraph indent for .indent */
        .indent {
            text-indent: 2em;
            text-align: justify;
        }

        /* make images responsive and avoid forcing immediate load */
        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* placeholder + transition for lazy images */
        .lazy {
            opacity: 0;
            transition: opacity 300ms ease-in;
            background: #f5f5f5;
            min-height: 80px;
            /* helps browser reserve space to avoid layout shifts */
        }

        .lazy.loaded {
            opacity: 1;
        }

        /* optional small visual for preview icons */
        .portfolio-info i {
            font-size: 1.2rem;
        }

        /* ensure isotope container has relative positioning */
        .isotope-container {
            position: relative;
        }