.media-hero{
    padding:120px 0;
    background:var(--gradient-primary);
    color:var(--white);
}

.hero-tag{
    display:inline-block;
    padding:8px 20px;
    border-radius:50px;
    background:rgba(255,255,255,.15);
    margin-bottom:20px;
}

.media-hero h1{
    font-size:58px;
    font-weight:700;
    margin-bottom:20px;
}

.media-overview,
.brand-guidelines,
.resource-downloads,
.media-cta{
    padding:100px 0;
}

.downloads-section,
.logo-section,
.factory-images{
    padding:100px 0;
    background:var(--light);
}

.section-heading{
    margin-bottom:60px;
}

.section-subtitle{
    color:var(--secondary);
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.section-heading h2,
.media-overview h2,
.brand-guidelines h2{
    color:var(--primary);
    font-weight:700;
}

.image-placeholder,
.asset-placeholder{
    height:320px;
    border:2px dashed var(--secondary);
    border-radius:20px;
    background:var(--light);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:var(--primary);
    font-weight:600;
    box-shadow:var(--shadow);
}

.image-placeholder small,
.asset-placeholder small{
    margin-top:10px;
    opacity:.7;
}

.media-feature,
.guideline-item{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.media-feature i,
.guideline-item i{
    font-size:22px;
    color:var(--primary);
}

.download-card,
.asset-card,
.resource-card{
    background:var(--white);
    padding:35px;
    border-radius:20px;
    text-align:center;
    box-shadow:var(--shadow);
    height:100%;
    transition:.3s;
}

.download-card:hover,
.asset-card:hover,
.resource-card:hover{
    transform:translateY(-8px);
}

.download-card i,
.resource-card i{
    font-size:55px;
    color:var(--primary);
    margin-bottom:20px;
}

.download-card h5,
.resource-card h5{
    color:var(--primary);
    margin-bottom:15px;
}

.cta-box{
    background:var(--gradient-primary);
    color:#fff;
    padding:70px;
    border-radius:25px;
}

.cta-box h2{
    font-weight:700;
    margin-bottom:20px;
}

@media(max-width:991px){

    .media-hero h1{
        font-size:40px;
    }

    .image-placeholder,
    .asset-placeholder{
        height:240px;
    }

    .cta-box{
        padding:40px 25px;
    }

}


/* ==========================================================================
   MEDIA ASSET DOWNLOAD & BRAND KIT STYLES
   ========================================================================== */
.brand-kit-master-banner {
    background: linear-gradient(135deg, #091a2e 0%, #0a4d9c 100%);
    border-radius: 20px;
    padding: 35px 40px;
    color: #ffffff;
    margin-bottom: 50px;
    box-shadow: 0 15px 35px rgba(9, 26, 46, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.asset-preview-box {
    height: 150px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    margin-bottom: 18px;
    position: relative;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.asset-preview-box.transparent-grid {
    background-color: #f8fafc;
    background-image: linear-gradient(45deg, #e2e8f0 25%, transparent 25%),
                      linear-gradient(-45deg, #e2e8f0 25%, transparent 25%),
                      linear-gradient(45deg, transparent 75%, #e2e8f0 75%),
                      linear-gradient(-45deg, transparent 75%, #e2e8f0 75%);
    background-size: 16px 16px;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
}

.asset-preview-box.white-canvas {
    background-color: #ffffff;
}

.asset-preview-box.dark-canvas {
    background-color: #091a2e;
}

.asset-preview-box img {
    max-height: 110px;
    max-width: 90%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.25s ease;
}

.asset-card:hover .asset-preview-box img {
    transform: scale(1.05);
}

.asset-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.asset-badge-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.asset-pill {
    font-size: 10.5px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.asset-pill-format {
    background: #e0f2fe;
    color: #0284c7;
}

.asset-pill-bg {
    background: #f1f5f9;
    color: #475569;
}

.asset-pill-res {
    background: #dcfce7;
    color: #15803d;
}

.asset-card h5 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--primary-dark, #0b2545);
    margin-bottom: 6px;
}

.asset-card p {
    font-size: 0.85rem;
    color: #64748b;
    margin-bottom: 15px;
    line-height: 1.5;
}

.brand-section-header {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 12px;
    margin-top: 40px;
    margin-bottom: 25px;
}

.brand-section-header h3 {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--primary-dark, #0b2545);
    display: flex;
    align-items: center;
    gap: 10px;
}