.materials-section[data-v-7d720fd1]{background-color:#f8f9fa;padding:80px 20px;width:100%}.materials-container[data-v-7d720fd1]{max-width:1200px;margin:0 auto}.materials-header[data-v-7d720fd1]{text-align:center;margin-bottom:60px}.materials-title[data-v-7d720fd1]{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.materials-subtitle[data-v-7d720fd1]{font-size:18px;color:#666;max-width:700px;margin:0 auto}.materials-grid[data-v-7d720fd1]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.material-card[data-v-7d720fd1]{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.material-card[data-v-7d720fd1]:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000001f}.material-image-wrapper[data-v-7d720fd1]{width:100%;height:240px;overflow:hidden}.material-image[data-v-7d720fd1]{width:100%;height:100%;object-fit:cover}.material-info[data-v-7d720fd1]{padding:24px}.material-name[data-v-7d720fd1]{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.material-description[data-v-7d720fd1]{font-size:16px;color:#666;line-height:1.6;margin:0}@media (max-width: 1024px){.materials-section[data-v-7d720fd1]{padding:60px 16px}.materials-grid[data-v-7d720fd1]{grid-template-columns:repeat(2,1fr);gap:24px}.materials-title[data-v-7d720fd1]{font-size:36px}}@media (max-width: 768px){.materials-section[data-v-7d720fd1]{padding:48px 16px}.materials-header[data-v-7d720fd1]{margin-bottom:40px}.materials-title[data-v-7d720fd1]{font-size:32px}.materials-subtitle[data-v-7d720fd1]{font-size:16px}.materials-grid[data-v-7d720fd1]{grid-template-columns:1fr;gap:20px}.material-image-wrapper[data-v-7d720fd1]{height:200px}.material-info[data-v-7d720fd1]{padding:20px}.material-name[data-v-7d720fd1]{font-size:20px}.material-description[data-v-7d720fd1]{font-size:14px}}@media (max-width: 480px){.materials-section[data-v-7d720fd1]{padding:40px 12px}.materials-title[data-v-7d720fd1]{font-size:28px}.materials-subtitle[data-v-7d720fd1]{font-size:14px}.material-image-wrapper[data-v-7d720fd1]{height:180px}.material-info[data-v-7d720fd1]{padding:16px}.material-name[data-v-7d720fd1]{font-size:18px}}.img-overlay-1[data-v-7d720fd1]{position:relative;display:inline-block;width:400px;height:300px}.img-overlay-1 img[data-v-7d720fd1]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-1[data-v-7d720fd1]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--d97b8f4a)}.img-overlay-2[data-v-7d720fd1]{position:relative;display:inline-block;width:400px;height:300px}.img-overlay-2 img[data-v-7d720fd1]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-2[data-v-7d720fd1]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--d97b8f48)}.img-overlay-3[data-v-7d720fd1]{position:relative;display:inline-block;width:400px;height:300px}.img-overlay-3 img[data-v-7d720fd1]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-3[data-v-7d720fd1]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--d97b8f46)}.img-overlay-4[data-v-7d720fd1]{position:relative;display:inline-block;width:400px;height:300px}.img-overlay-4 img[data-v-7d720fd1]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-4[data-v-7d720fd1]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--d97b8f44)}.img-overlay-5[data-v-7d720fd1]{position:relative;display:inline-block;width:400px;height:300px}.img-overlay-5 img[data-v-7d720fd1]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-5[data-v-7d720fd1]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--d97b8f42)}.img-overlay-6[data-v-7d720fd1]{position:relative;display:inline-block;width:400px;height:300px}.img-overlay-6 img[data-v-7d720fd1]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-6[data-v-7d720fd1]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--d97b8f40)}.img-overlay-7[data-v-7d720fd1]{position:relative;display:inline-block;width:400px;height:300px}.img-overlay-7 img[data-v-7d720fd1]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-7[data-v-7d720fd1]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--d97b8f3e)}