/* ==============================================
   RESPONSIVE HERO IMAGES - Super HD WebP
   ============================================== */

/* 
   Strategy: 
   - 3000px for desktop (2x retina on 1500px containers)
   - 1200px for mobile (3x retina on 400px phones)
   - 95% quality WebP for Super HD clarity
*/

/* Blog Index Hero */
.sw-hero-blog-index {
    background-image: url('/images/optimized/blog-index-header-1200.webp');
    background-size: cover;
    background-position: center 70%;
}

@media (min-width: 768px) {
    .sw-hero-blog-index {
        background-image: url('/images/optimized/blog-index-header-3000.webp');
    }
}

/* Blog Post Heroes */
.sw-hero-release-marketing {
    background-image: url('/images/optimized/blog-hero-release-marketing-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-release-marketing {
        background-image: url('/images/optimized/blog-hero-release-marketing-3000.webp');
    }
}

.sw-hero-ecom-marketing {
    background-image: url('/images/optimized/blog-hero-ecom-marketing-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-ecom-marketing {
        background-image: url('/images/optimized/blog-hero-ecom-marketing-3000.webp');
    }
}

.sw-hero-festival-marketing {
    background-image: url('/images/optimized/blog-hero-festival-marketing-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-festival-marketing {
        background-image: url('/images/optimized/blog-hero-festival-marketing-3000.webp');
    }
}

.sw-hero-tour-marketing {
    background-image: url('/images/optimized/blog-hero-tour-marketing-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-tour-marketing {
        background-image: url('/images/optimized/blog-hero-tour-marketing-3000.webp');
    }
}

.sw-hero-promoter-marketing {
    background-image: url('/images/optimized/blog-hero-promoter-marketing-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-promoter-marketing {
        background-image: url('/images/optimized/blog-hero-promoter-marketing-3000.webp');
    }
}

/* Case Studies Hero */
.sw-hero-case-studies,
.sw-hero-case-studies-card {
    background-image: url('/images/optimized/hero-case-studies-1200.webp');
    background-size: cover;
    background-position: center 75%;
}

@media (min-width: 768px) {

    .sw-hero-case-studies,
    .sw-hero-case-studies-card {
        background-image: url('/images/optimized/hero-case-studies-3000.webp');
    }
}

/* Case Study Individual Headers */
.sw-hero-slightly-stoopid {
    background-image: url('/images/optimized/header-slightly-stoopid-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-slightly-stoopid {
        background-image: url('/images/optimized/header-slightly-stoopid-3000.webp');
    }
}

.sw-hero-rebelution-inthemoment {
    background-image: url('/images/optimized/header-rebelution-inthemoment-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-rebelution-inthemoment {
        background-image: url('/images/optimized/header-rebelution-inthemoment-3000.webp');
    }
}

.sw-hero-revivalists {
    background-image: url('/images/optimized/header-revivalists-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-revivalists {
        background-image: url('/images/optimized/header-revivalists-3000.webp');
    }
}

.sw-hero-header-case-studies {
    background-image: url('/images/optimized/header-case-studies-1200.webp');
    background-size: cover;
    background-position: center 75%;
}

@media (min-width: 768px) {
    .sw-hero-header-case-studies {
        background-image: url('/images/optimized/header-case-studies-3000.webp');
    }
}

/* All Individual Case Study Headers */
.sw-hero-rebelution {
    background-image: url('/images/optimized/header-rebelution-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-rebelution {
        background-image: url('/images/optimized/header-rebelution-3000.webp');
    }
}

.sw-hero-all-good-presents {
    background-image: url('/images/optimized/header-all-good-presents-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-all-good-presents {
        background-image: url('/images/optimized/header-all-good-presents-3000.webp');
    }
}

.sw-hero-bamp-project {
    background-image: url('/images/optimized/header-bamp-project-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-bamp-project {
        background-image: url('/images/optimized/header-bamp-project-3000.webp');
    }
}

.sw-hero-easy-star-records {
    background-image: url('/images/optimized/header-easy-star-records-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-easy-star-records {
        background-image: url('/images/optimized/header-easy-star-records-3000.webp');
    }
}

.sw-hero-gnarly-davidson {
    background-image: url('/images/optimized/header-gnarly-davidson-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-gnarly-davidson {
        background-image: url('/images/optimized/header-gnarly-davidson-3000.webp');
    }
}

.sw-hero-night-teacher {
    background-image: url('/images/optimized/header-night-teacher-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-night-teacher {
        background-image: url('/images/optimized/header-night-teacher-3000.webp');
    }
}

.sw-hero-point-break-festival {
    background-image: url('/images/optimized/header-point-break-festival-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-point-break-festival {
        background-image: url('/images/optimized/header-point-break-festival-3000.webp');
    }
}

.sw-hero-boygenius {
    background-image: url('/images/optimized/header-boygenius-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-boygenius {
        background-image: url('/images/optimized/header-boygenius-3000.webp');
    }
}

.sw-hero-usaf-space-force {
    background-image: url('/images/optimized/header-usaf-space-force-1200.webp');
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {
    .sw-hero-usaf-space-force {
        background-image: url('/images/optimized/header-usaf-space-force-3000.webp');
    }
}