.materials-page { background: #fff; color: #292929; }
.materials-intro { padding: 91px 0 86px; text-align: center; }
.materials-intro h1 { margin: 0 0 16px; color: var(--eros-gold); font-size: clamp(38px, 3.2vw, 50px); font-weight: 700; line-height: 1.12; }
.materials-breadcrumb { display: flex; justify-content: center; gap: 5px; font-size: 13px; }
.materials-breadcrumb a { color: var(--eros-gold); }
.materials-content { max-width: 1140px; padding-bottom: 110px; }
.materials-description { max-width: 830px; margin: 0 auto 52px; text-align: center; }
.materials-description p { margin: 0 0 28px; font-size: 19px; line-height: 1.72; }
.materials-description strong { font-size: 19px; }
.materials-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: start; }
.material-card { min-width: 0; text-align: center; }
.material-preview { display: flex; height: 383px; overflow: hidden; background: #050505; }
.material-preview img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.material-card:last-child .material-preview { height: 270px; margin-bottom: 113px; }
.material-card:last-child .material-preview img { object-fit: contain; }
.material-preview:hover img { transform: scale(1.018); }
.material-download { display: inline-flex; align-items: center; justify-content: center; gap: 6px; margin-top: 18px; padding: 9px 20px; font-size: 15px; }
.material-download svg { width: 19px; height: 19px; fill: currentColor; }
@media (max-width: 900px) { .materials-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 45px 25px; } .material-card:last-child .material-preview { height: 383px; margin-bottom: 0; } }
@media (max-width: 560px) { .materials-intro { padding: 62px 0 65px; } .materials-content { padding-bottom: 75px; } .materials-description { margin-bottom: 40px; } .materials-description p, .materials-description strong { font-size: 16px; } .materials-grid { grid-template-columns: 1fr; } .material-preview, .material-card:last-child .material-preview { height: auto; aspect-ratio: 724 / 1024; } .material-card:last-child .material-preview { aspect-ratio: 1; } }