/* Media-wall portfolio additions; the core visual system is shared with fitted wardrobes. */
.mdl-media-portfolio .mdl-portfolio__title { max-width: 980px; }
.mdl-media-portfolio .mdl-portfolio__hero-copy { max-width: 560px; }
.mdl-media-portfolio .mdl-project__image:first-child img { object-position: center; }
.mdl-media-area { padding: clamp(5rem, 10vw, 9rem) 0; background: #e9e4dc; color: #1b1b19; }
.mdl-media-area__inner { display: grid; grid-template-columns: minmax(150px,.45fr) 1.55fr; gap: clamp(2rem,7vw,8rem); align-items: start; }
.mdl-media-area h2 { max-width: 880px; margin: 0 0 1.5rem; font: 300 clamp(2.7rem,5.7vw,5.8rem)/.96 "Cormorant Garamond",serif; letter-spacing: -.035em; }
.mdl-media-area p:not(.mdl-portfolio__eyebrow) { max-width: 760px; margin: 0; font: 400 clamp(1rem,1.4vw,1.18rem)/1.75 "DM Sans",sans-serif; color: #4d4b46; }
.mdl-media-area__places { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2.5rem; }
.mdl-media-area__places span { padding: .7rem 1rem; border: 1px solid rgba(27,27,25,.25); border-radius: 100px; font: 500 .68rem/1 "DM Sans",sans-serif; letter-spacing: .1em; text-transform: uppercase; }
@media (max-width: 767px) {
  .mdl-media-portfolio .mdl-portfolio__title { font-size: clamp(3.3rem,14vw,5rem); }
  .mdl-media-area__inner { grid-template-columns: 1fr; gap: 1.5rem; }
  .mdl-media-area__places { margin-top: 1.8rem; }
}