.chazaq-divisions { --cd-bg:#031D44; --cd-color:#fff; --cd-gap:0px; --cd-row:clamp(200px,25vw,460px); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:var(--cd-row); gap:var(--cd-gap); width:100%; }
.chazaq-divisions,.chazaq-divisions * { box-sizing:border-box; }
.chazaq-divisions .cd-tile { display:block; position:relative; min-width:0; overflow:hidden; margin:0; background:var(--cd-bg); color:var(--cd-color); text-decoration:none; }
.chazaq-divisions .cd-featured { grid-column:span 2; grid-row:span 2; }
.chazaq-divisions .cd-wide { grid-column:span 2; }
.chazaq-divisions .cd-tile img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:var(--cd-position,50% 50%); transition:transform .45s ease; }
.chazaq-divisions .cd-panel { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; background:var(--cd-bg); color:var(--cd-color); opacity:0; transition:opacity .3s ease; }
.chazaq-divisions .cd-title { font-family:inherit; font-size:clamp(22px,2.1vw,40px); font-weight:600; line-height:1.18; text-align:center; overflow-wrap:anywhere; }
.chazaq-divisions .cd-tile:hover .cd-panel,.chazaq-divisions .cd-tile:focus .cd-panel,.chazaq-divisions.cd-preview .cd-panel { opacity:1; }
.chazaq-divisions .cd-tile:hover img { transform:scale(1.035); }
.chazaq-divisions .cd-tile:focus-visible { outline:3px solid #fff; outline-offset:-6px; z-index:1; }
@media(max-width:1024px) { .chazaq-divisions { grid-template-columns:repeat(2,minmax(0,1fr)); --cd-row:clamp(210px,38vw,380px); } .chazaq-divisions .cd-featured { grid-row:span 1; } }
@media(max-width:767px) { .chazaq-divisions { grid-template-columns:minmax(0,1fr); --cd-row:300px; } .chazaq-divisions .cd-featured,.chazaq-divisions .cd-wide { grid-column:span 1; grid-row:span 1; } }
@media(hover:none),(pointer:coarse),(max-width:767px) { .chazaq-divisions .cd-panel { inset:auto 0 0; min-height:64px; padding:18px; opacity:1; } .chazaq-divisions .cd-title { font-size:24px; } }
@media(prefers-reduced-motion:reduce) { .chazaq-divisions .cd-panel,.chazaq-divisions .cd-tile img { transition:none; } .chazaq-divisions .cd-tile:hover img { transform:none; } }

/* Fit the complete desktop mosaic into one viewport. */
@media(min-width:1025px) { .chazaq-divisions { height:var(--cd-gallery-height,100vh); grid-auto-rows:minmax(0,1fr); } .chazaq-divisions .cd-tile { min-height:0; } }