.wr-design-page #de-materials.wr-materials { background: #041c1e; color: #eeefef; position: relative; z-index: 2; padding: 100px max(24px, 4.2%); min-height: 0; }
.wr-materials__heading { display: grid; grid-template-columns: 1fr 1.25fr; gap: 60px; margin-bottom: 72px; }
.wr-materials__eyebrow { font-size: 12px; text-transform: uppercase; margin: 14px 0 0; }
.wr-design-page .wr-materials__heading h3 { font-size: 64px; line-height: 1.08; color: #eeefef; margin: 0 0 24px; }
.wr-materials__intro { max-width: 410px; font-size: 16px; line-height: 1.6; margin: 0; color: #b9c8c4; }
.wr-materials__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 64px 32px; align-items: start; }
.wr-material { margin: 0; min-width: 0; }
.wr-material--glass { grid-column: 1 / 8; }
.wr-material--metal { grid-column: 9 / 13; margin-top: 100px; }
.wr-material--stone { grid-column: 2 / 7; margin-top: 70px; }
.wr-material--wood { grid-column: 8 / 13; }
.wr-material__media { aspect-ratio: 4 / 3; overflow: hidden; background: #173b36; clip-path: inset(0); }
.is-ready .wr-material__media { clip-path: inset(var(--reveal-top, 100%) 0 0 0); }
.wr-material--metal .wr-material__media { aspect-ratio: 1; }
.wr-material--wood .wr-material__media { aspect-ratio: 3 / 4; }
.wr-material__media img { display: block; width: 100%; height: 100%; object-fit: cover; transform: translateY(var(--drift, 0px)) scale(1.08); transition: scale 1s cubic-bezier(.22,1,.36,1); }
.wr-material figcaption { display: flex; align-items: baseline; gap: 20px; border-top: 1px solid #36504c; padding-top: 16px; margin-top: 20px; font: 32px/1.15 "Playfair Display", Georgia, serif; color: #eeefef; }
.wr-material__number { color: #a8bbb5; font: 12px/1 Inter, sans-serif; }
.wr-materials__closing { border-top: 1px solid #36504c; margin-top: 80px; padding-top: 32px; display: flex; justify-content: flex-end; }
.wr-materials__closing p { width: 50%; max-width: 590px; margin: 0; font-size: 20px; line-height: 1.6; }
@media (hover: hover) { .wr-material:hover img { scale: 1.035; } }
@media (max-width: 767px) {
    .wr-design-page #de-materials.wr-materials { padding: 56px 20px; }
    .wr-materials__heading { display: block; margin-bottom: 36px; }
    .wr-materials__eyebrow { margin: 0 0 26px; }
    .wr-design-page .wr-materials__heading h3 { font-size: 40px; }
    .wr-materials__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 16px; }
    .wr-material { grid-column: auto; margin-top: 0; }
    .wr-material--metal, .wr-material--wood { margin-top: 35px; }
    .wr-material .wr-material__media { aspect-ratio: 3 / 4; }
    .wr-material figcaption { font-size: 23px; gap: 10px; margin-top: 12px; padding-top: 12px; }
    .wr-materials__closing { margin-top: 40px; padding-top: 24px; }
    .wr-materials__closing p { width: 100%; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .wr-material .wr-material__media { clip-path: none !important; transition: none; }
    .wr-material__media img { transform: none; scale: none !important; transition: none; }
}