/* A calm interiors feature that sits comfortably beside the seasonal skin. */
.rug-delivery {
  padding: 32px 16px 56px;
  background: #fdf8ee;
}

.rug-delivery__inner {
  display: grid;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #ded4c3;
  border-radius: 8px;
  background: #f6efe2;
}

.rug-delivery__image { min-height: 260px; overflow: hidden; background: #e6dac7; }
.rug-delivery__photo { display: block; width: 100%; height: 100%; max-height: 440px; object-fit: cover; }
.rug-delivery__copy { align-self: center; padding: 32px 24px; color: #382c27; }
.rug-delivery__eyebrow { margin: 0 0 16px; color: #7f1d1d; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.rug-delivery h2 { margin: 0; font-family: Georgia, serif; font-size: clamp(32px, 3.4vw, 48px); line-height: 1.12; font-weight: 400; letter-spacing: -.025em; }
.rug-delivery__description { max-width: 410px; margin: 20px 0; font-size: 16px; line-height: 1.7; }
.rug-delivery__benefit { display: flex; align-items: center; gap: 10px; margin: 0 0 26px; color: #7f1d1d; font-size: 14px; font-weight: 700; line-height: 1.5; }
.rug-delivery__benefit svg { flex-shrink: 0; }
.rug-delivery__cta { display: inline-flex; justify-content: center; align-items: center; gap: 24px; min-height: 48px; padding: 12px 24px; border: 1px solid #7f1d1d; border-radius: 4px; color: #fff; background: #7f1d1d; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .15s; }
.rug-delivery__cta:hover { background: #601616; }
.rug-delivery__cta:focus-visible { outline: 3px solid #7f1d1d; outline-offset: 4px; }

@media (min-width: 768px) {
  .rug-delivery__inner { grid-template-columns: 1fr 1.15fr; }
  .rug-delivery__copy { padding: 40px 52px; }
  .rug-delivery__image { min-height: 400px; }
}