.mb-lots { display: grid; gap: clamp(2rem, 4vw, 3rem); padding: var(--mb-band) var(--mb-inset) 0; }
.mb-lots__head h2 { max-width: 13ch; }
.mb-lots__head p { max-width: 32rem; color: var(--mb-loam-muted); font-size: var(--mb-size-lede); }

.mb-plots { margin: 0; }
.mb-plots__art { display: block; width: 100%; max-width: 30rem; height: auto; }
.mb-plot rect { stroke: var(--mb-loam); stroke-width: 1.5; }
.mb-plot--dark > rect { fill: url(#plot-dark); }
.mb-plot--light > rect { fill: url(#plot-light); }
.mb-plot__ink { fill: var(--mb-bottle); stroke: none; }
.mb-plot__pass { fill: var(--mb-bottle-soft); stroke: none; }
.mb-plot__paper { fill: var(--mb-oat-deep); stroke: none; }
.mb-plot__shade { fill: var(--mb-rule); stroke: none; }
.mb-plot text { font-family: var(--mb-display); font-size: 26px; }
.mb-plot--dark text { fill: var(--mb-clipping); }
.mb-plot--light text { fill: var(--mb-loam); }
.mb-plots__rule { fill: none; stroke: var(--mb-loam); stroke-width: 1.5; }
.mb-plots__caption { margin-top: .75rem; color: var(--mb-loam-muted); font-size: .9375rem; }

.mb-lots__table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.mb-lots__table caption { padding-bottom: .75rem; text-align: left; font-size: var(--mb-size-small); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.mb-lots__table th, .mb-lots__table td { padding: .85rem .5rem; border-bottom: 1px solid var(--mb-rule); text-align: right; }
.mb-lots__table thead th { border-bottom: 1.5px solid var(--mb-loam); font-size: var(--mb-size-small); font-weight: 700; color: var(--mb-loam-muted); }
.mb-lots__table th:nth-child(-n+2), .mb-lots__table td:nth-child(2) { text-align: left; }
.mb-lots__table tbody th { font-family: var(--mb-display); font-weight: 400; font-size: 1.5rem; }
.mb-lots__table tbody tr:hover { background: var(--mb-oat-deep); }
.mb-lots__table td:last-child { font-weight: 700; color: var(--mb-bottle); }

.mb-edges { display: grid; gap: clamp(2rem, 4vw, 4rem); align-items: center; padding: var(--mb-band) var(--mb-inset) 0; }
.mb-edges__photo img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.mb-edges__copy h2 { max-width: 11ch; }
.mb-edges__copy > p { max-width: 30rem; color: var(--mb-loam-muted); font-size: var(--mb-size-lede); }
.mb-edges__rates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 2rem 0 0; border-top: 1.5px solid var(--mb-loam); }
.mb-edges__rates div { padding: 1rem 1rem 1rem 0; border-bottom: 1px solid var(--mb-rule); }
.mb-edges__rates dt { display: flex; align-items: center; gap: .5rem; font-weight: 600; font-size: .9375rem; }
.mb-edges__rates dd { margin: .25rem 0 0; font-family: var(--mb-display); font-size: 1.75rem; }

@media (min-width: 60rem) {
  .mb-lots { grid-template-columns: 5fr 7fr; align-items: end; column-gap: 4rem; }
  .mb-lots__head { grid-column: 1 / -1; display: grid; grid-template-columns: 4fr 8fr; column-gap: 3rem; align-items: end; }
  .mb-lots__head .mb-folio { grid-column: 1 / -1; }
  .mb-lots__head p { margin: 0; }
  .mb-plots { grid-column: 1; }
  .mb-edges { grid-template-columns: 7fr 5fr; padding-left: 0; }
}