.media-style-1 { background-color: var(--secondary-color); padding: 120px 0 60px; text-align: center; color: #fff; }
.media-style-2 { font-size: 3rem; margin-bottom: 15px; }
.media-style-3 { font-size: 1.2rem; opacity: 0.9; }
.media-style-4 { padding: 60px 0; min-height: 60vh; }
.media-style-5 { margin-bottom: 80px; }
.media-style-6 { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.media-style-7 { width: 33.333%; padding: 0 15px; box-sizing: border-box; margin-bottom: 30px; }
.media-style-8 { background: var(--bg-light); padding: 40px 20px; border-radius: 8px; text-align: center; box-shadow: var(--shadow-sm); }
.media-style-9 { font-size: 3rem; color: var(--primary-color); margin-bottom: 20px; }
.media-style-10 { margin-bottom: 15px; }
.media-style-11 { display: inline-block; }
.media-style-12 { margin-bottom: 80px; background: var(--bg-light); padding: 60px 40px; border-radius: 12px; }
.media-style-13 { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 30px; }
.media-style-14 { background: #000; aspect-ratio: 16 / 9; height: auto; border-radius: 8px; position: relative; overflow: hidden; }
.media-style-14 iframe { width: 100%; height: 100%; display: block; border: 0; }
.media-style-17 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.media-style-18 { width: 100%; height: 250px; object-fit: cover; border-radius: 8px; box-shadow: var(--shadow-sm); }