.dillon-locations-photo-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:20px; padding:64px 5vw; background:#ececea; box-sizing:border-box; width:100%; }
/* Retain the shared hero's light copy against native post-rule specificity. */
.dillon-interior .dillon-locations-hero .elementor-widget-text-editor.dillon-interior-copy { color:#dbe6ec; }
.dillon-locations-photo-grid > .dillon-locations-photo-grid-card { grid-column:span 2; position:relative; isolation:isolate; display:flex; min-width:0; aspect-ratio:4/5; border-radius:16px; overflow:hidden; background:#16263c; cursor:pointer; text-decoration:none; }
/* Half-card tracks center the final three without changing card width or gaps. */
.dillon-locations-photo-grid > .dillon-locations-photo-grid-card:nth-child(9) { grid-column:2 / span 2; }
.dillon-locations-photo-grid-card > .dillon-locations-photo-grid-photo { position:absolute; inset:0; width:100%; height:100%; line-height:0; z-index:-2; }
.dillon-locations-photo-grid-photo .elementor-widget-container { height:100%; }
.dillon-locations-photo-grid-photo img { width:100%; height:100%; max-width:none; object-fit:cover; transform:scale(1); transition:transform .6s ease; }
.dillon-locations-photo-grid-card::after { content:""; position:absolute; inset:auto 0 0; height:55%; z-index:-1; background:linear-gradient(0deg,rgba(13,36,64,.94),rgba(13,36,64,.6) 55%,rgba(13,36,64,0))!important; opacity:1!important; }
.dillon-locations-photo-grid-card { display:flex; flex-direction:column; justify-content:flex-end; padding:24px; box-sizing:border-box; }
.dillon-locations-photo-grid-name { margin:0; }
.dillon-locations-photo-grid-name .elementor-heading-title { margin:0; color:#fff; font:700 clamp(1.5rem,2.2vw,2.125rem)/1.1 "DM Sans",sans-serif; letter-spacing:-.01em; text-shadow:0 1px 12px rgba(13,36,64,.5); }
@media(min-width:1025px) {
  /* Equal two-line label slots, aligned by the last line rather than the first.
     The card geometry, photo crop and typography remain unchanged. */
  .dillon-locations-photo-grid-card > .dillon-locations-photo-grid-name { margin-top:auto!important; margin-bottom:0!important; flex:0 0 auto; align-self:stretch; }
  .dillon-locations-photo-grid-name .elementor-heading-title { display:flex; align-items:flex-end; min-height:2.2em; }
}
.dillon-locations-photo-grid-card:is(:hover,:focus-visible,:focus-within) .dillon-locations-photo-grid-photo img { transform:scale(1.06); }
.dillon-locations-photo-grid-card:focus-visible, .dillon-locations-photo-grid-card:focus-within { outline:3px solid #16263c; outline-offset:4px; }
@media(max-width:1024px) {
  .dillon-locations-photo-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:48px 24px; }
  .dillon-locations-photo-grid > .dillon-locations-photo-grid-card, .dillon-locations-photo-grid > .dillon-locations-photo-grid-card:nth-child(9) { grid-column:span 2; aspect-ratio:4/5; }
  .dillon-locations-photo-grid > .dillon-locations-photo-grid-card:last-child { grid-column:2 / span 2; }
}
@media(max-width:560px) {
  .dillon-locations-photo-grid { grid-template-columns:minmax(0,1fr); padding:32px 16px; }
  .dillon-locations-photo-grid > .dillon-locations-photo-grid-card, .dillon-locations-photo-grid > .dillon-locations-photo-grid-card:nth-child(9), .dillon-locations-photo-grid > .dillon-locations-photo-grid-card:last-child { grid-column:auto; aspect-ratio:4/3; }
}
@media(prefers-reduced-motion:reduce) { .dillon-locations-photo-grid-photo img { transition:none; transform:none!important; } }
.dillon-locations-photo-grid-credits { position:relative; z-index:1; box-sizing:border-box; width:100%; margin:-48px 0 0; padding:0 5vw 24px; background:#ececea; color:#16263c; font-size:14px; line-height:24px; }
.dillon-locations-photo-grid-credits summary { cursor:pointer; width:fit-content; }
.dillon-locations-photo-grid-credits summary:focus-visible { outline:2px solid #c32026; outline-offset:3px; }
.dillon-locations-photo-grid-credits a { color:inherit; text-decoration:underline; }
.dillon-locations-photo-grid-credits ul { padding-left:20px; margin:12px 0 0; }
@media(max-width:1024px) { .dillon-locations-photo-grid-credits { margin-top:-32px; padding:0 24px 8px; } }
@media(max-width:560px) { .dillon-locations-photo-grid-credits { margin-top:-24px; padding:0 16px; } }