/* cta bluray card */ .bluray-card background: radial-gradient(ellipse at 30% 20%, #2f2419, #0e0905); border-radius: 42px; padding: 2.5rem; text-align: center; border: 1px solid #e9b74160; box-shadow: 0 20px 35px -8px black;
.specs-grid display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-top: 1rem;
/* additional sun/grunge effect */ .hero::after content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 180px; background: linear-gradient(to top, #0a0704, transparent); z-index: 1; pointer-events: none; -Movie- The Lion King -1994- -BLURAY-
.gallery-item:hover transform: translateY(-5px); box-shadow: 0 20px 28px -8px black;
.year font-size: 1.2rem; font-weight: 300; background: rgba(0,0,0,0.6); display: inline-block; padding: 0.2rem 1rem; border-radius: 40px; backdrop-filter: blur(4px); /* cta bluray card */
.flex-tech display: flex; flex-wrap: wrap; gap: 2rem; justify-content: space-between; align-items: center;
.hero-content position: relative; z-index: 2; max-width: 1100px; padding: 2rem; backdrop-filter: blur(2px); border: 1px solid #e9b74160
.spec-card h3 font-size: 1.5rem; margin-bottom: 0.8rem;
<!-- GALLERY SECTION (BLU-RAY SCREENSHOTS) --> <section> <div class="section-title"> <i class="fas fa-images"></i> Blu-ray Gallery · Iconic Moments </div> <div class="gallery"> <div class="gallery-item"> <img src="https://images.unsplash.com/photo-1574831140180-2a11ff9b66e6?q=80&w=2070&auto=format" alt="Lion King savanna sunrise"> <div class="gallery-caption">Pride Rock Sunrise · HDR restored</div> </div> <div class="gallery-item"> <img src="https://images.unsplash.com/photo-1577024642960-7ca3ed5967df?q=80&w=2070&auto=format" alt="African wildlife silhouette"> <div class="gallery-caption">Simba & Mufasa · The Great Kings</div> </div> <div class="gallery-item"> <img src="https://images.unsplash.com/photo-1547149607-a0c2aac4b7bd?q=80&w=2070&auto=format" alt="Jungle waterfall"> <div class="gallery-caption">Hakuna Matata · Oasis Scene</div> </div> <div class="gallery-item"> <img src="https://images.unsplash.com/photo-1511485973547-3bd2079dfb7f?q=80&w=2070&auto=format" alt="African savanna with storm"> <div class="gallery-caption">The Elephant Graveyard · Moody Lighting</div> </div> </div> <p style="text-align: center; margin-top: 1.5rem; font-style: italic; font-size: 0.85rem;">*Upscaled conceptual stills representing the Blu-ray's restored visuals.</p> </section>
.btn display: inline-flex; align-items: center; gap: 10px; background: rgba(0,0,0,0.65); backdrop-filter: blur(8px); border: 1px solid #e9b741; padding: 0.8rem 2rem; font-weight: 600; border-radius: 50px; text-decoration: none; color: #fae672; transition: 0.25s ease; font-size: 1rem;