/* Masayel shares the existing project shell and accessible image viewer. */
.masayel-page .dm-hero>img{object-position:center 48%}
.masayel-page .dm-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.14),transparent 30%,rgba(0,0,0,.03) 58%,rgba(0,0,0,.67))}
.masayel-page .dm-image-link>span{top:14px;bottom:auto}
.ms-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}
.ms-designs{border-top:1px solid var(--line)}
.ms-floor-nav{display:flex;gap:28px;align-items:center;font-size:12px;color:var(--muted)}
.ms-floor-nav a{padding-bottom:5px;border-bottom:1px solid var(--line)}
.ms-floor-nav a:hover{color:var(--ink);border-color:var(--brand)}
.ms-floor+.ms-floor{margin-top:85px;padding-top:32px;border-top:1px solid var(--line)}
.ms-floor-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}
.ms-floor-heading h3{font-size:22px;font-weight:400;line-height:1.7}
.ms-floor-heading>span{font-size:11px;color:var(--muted)}
.ms-design-gallery .dm-image-link{aspect-ratio:16/9}
.ms-design-gallery .dm-image-link>img{object-fit:contain}
.ms-design-gallery figcaption>span:last-child{font-size:10px;white-space:nowrap}
.ms-ground-gallery>.ms-feature{grid-column:1/-1}
@media(max-width:760px){
  .ms-render-tag{top:96px;right:16px;font-size:10px;padding:8px 12px}
  .ms-floor-nav{margin-top:20px;font-size:11px;gap:24px}
  .ms-floor+.ms-floor{margin-top:50px;padding-top:24px}
  .ms-floor-heading{margin-bottom:20px}
  .ms-floor-heading h3{font-size:20px}
  .ms-floor-heading>span{font-size:10px}
  .ms-ground-gallery>.ms-feature{grid-column:auto}
  .ms-design-gallery figcaption>span:last-child{font-size:9px}
}