/* Interior-design projects from the MONDA archive (9 pages) and their compact grid on the home page. */
.design-page .dm-hero>img{object-position:center 50%}
.design-page .dm-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 32%,rgba(0,0,0,.05) 58%,rgba(0,0,0,.7))}
.dg-render-tag{position:absolute;top:110px;right:40px;display:block;border:1px solid rgba(255,255,255,.35);background:rgba(18,18,18,.75);color:#fff;padding:9px 15px;font-size:11px;line-height:1.6}
.dg-designs{border-top:1px solid var(--line)}
.dg-gallery .dm-image-link{aspect-ratio:16/9}
.dg-gallery .dm-image-link>img{object-fit:contain}
.dg-gallery .dm-image-link>span{top:14px;bottom:auto;left:auto;right:14px}
.dg-gallery>.dg-feature{grid-column:1/-1}
.dg-gallery.dg-gallery--photo .dm-image-link{aspect-ratio:4/3}
.dg-gallery figcaption>span:last-child{font-size:10px;white-space:nowrap}
.design-page .dm-contact{justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.dg-next{display:inline-flex;align-items:center;gap:22px;font-size:14px;line-height:1.8;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:10px}
.dg-next:hover{color:var(--ink);border-color:var(--brand)}
.dg-next>span{font-family:Arial,sans-serif;font-size:20px}
@media(max-width:760px){
  .dg-render-tag{top:96px;right:16px;font-size:10px;padding:8px 12px}
  .dg-gallery>.dg-feature{grid-column:auto}
  .dg-gallery figcaption>span:last-child{font-size:9px}
  .design-page .dm-contact{flex-direction:column-reverse;align-items:flex-end}
  .dg-next{font-size:13px}
}

/* Home page: compact grid for the archive projects */
.home-page .mp-design-projects{border-top:1px solid #3e3c39}
.home-page .mp-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 20px}
.home-page .mp-grid--compact .mp-card-image{aspect-ratio:4/3;border-radius:22px}
.home-page .mp-grid--compact .mp-card:first-child .mp-card-image img,
.home-page .mp-grid--compact .mp-card:last-child .mp-card-image img{object-position:50% 50%}
.home-page .mp-grid--compact .mp-card-caption{padding-top:14px}
.home-page .mp-grid--compact .mp-card-caption h3{font-size:clamp(19px,1.6vw,26px)}
.home-page .mp-grid--compact .mp-card-type{top:14px;right:14px;padding:7px 12px;font-size:10px}
.home-page .mp-grid--compact .mp-card-arrow{right:14px;bottom:14px;width:44px;height:44px;font-size:22px}
@media(max-width:1100px){.home-page .mp-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .home-page .mp-grid--compact{grid-template-columns:1fr;gap:30px}
  .home-page .mp-grid--compact .mp-card-caption h3{font-size:24px}
}

/* Bayan: two-column masonry keeps every execution photo in its own aspect ratio */
.dg-gallery.dg-masonry{display:block;columns:2;column-gap:25px}
.dg-masonry>figure{break-inside:avoid;margin:0 0 52px}
.dg-gallery.dg-masonry .dm-image-link{aspect-ratio:auto;display:block}
.dg-masonry .dm-image-link>img{height:auto}
@media(max-width:760px){.dg-gallery.dg-masonry{columns:1}.dg-masonry>figure{margin-bottom:38px}}