/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.9.3
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/

/*
 * D. 홈 포트폴리오 그리드 레이아웃 이동(CLS) 줄이기 (2026-10, 작업 기록 11.5절)
 */

/* 1) WPBakery 전체 폭 행: JS가 화면 폭으로 늘리는 순간 행 전체가 옆으로 이동해 CLS로 잡힘(데스크톱 약 0.22).
      늘리기 전에는 숨겨 둠. 홈에서 이 행 안에는 그리드뿐이고, 그리드는 원래 JS 전에는 보이지 않음 */
.home .vc_row[data-vc-full-width="true"][data-vc-full-width-init="false"] {
    visibility: hidden;
}

/* 2) 그리드 항목: JS(isotope)가 배치하기 전에는 한 줄로 쌓였다가 격자로 옮겨지면서 이동이 잡힘(약 0.44~0.59).
      JS와 같은 칸 크기(그리드 스크립트 calculate_portfolio_item_width_with_gutter 기준)로 미리 나란히 놓음.
      칸 수: 1025px 이상 3칸, 768~1024px 2칸, 767px 이하 1칸 (홈 그리드 설정) */
.home #ut-portfolio-items-2951 {
    display: flow-root;
}

.home #ut-portfolio-items-2951 > .ut-portfolio-article {
    float: left;
    width: calc(33.3333% - 20.1px);
}

@media (max-width: 1024px) {
    .home #ut-portfolio-items-2951 > .ut-portfolio-article {
        width: calc(50% - 20.1px);
    }
}

@media (max-width: 767px) {
    .home #ut-portfolio-items-2951 > .ut-portfolio-article {
        width: calc(100% - 20.1px);
    }
}