.grid-2 display: flex; flex-wrap: wrap; gap: 40px; margin-top: 40px; align-items: center;
@media (max-width: 768px) .hero-content h1 font-size: 2.5rem; letter-spacing: 4px; h2 font-size: 1.8rem; .grid-2 flex-direction: column; iframe height: 220px; </style> </head> <body>
.cast-card p color: #aaa; font-size: 0.85rem; spectre 007 website
<section class="hero"> <div class="hero-content"> <h1>SPECTRE</h1> <p>The twenty-fourth installment in the James Bond series. A message from the dead. A cryptic ring. The criminal organization behind it all.</p> <a href="#trailer" class="btn">WATCH TRAILER</a> <a href="#synopsis" class="btn" style="background: transparent; border: 1px solid #c9a03d; margin-left: 12px;">SYNOPSIS</a> </div> </section>
.hero-content p font-size: 1.2rem; margin: 1rem 0 2rem; font-weight: 300; max-width: 700px; The criminal organization behind it all
.grid-2 .image flex: 1;
.cast-card h3 margin: 12px 0 4px; font-size: 1.2rem; The criminal organization behind it all.<
.trailer-box background: #000000aa; backdrop-filter: blur(4px); padding: 20px; border-radius: 24px; text-align: center; margin-top: 30px;
<section class="section section-dark"> <h2>🔍 BEHIND THE SCENES</h2> <div class="grid-2"> <div class="image"> <img src="https://images.unsplash.com/photo-1500462918059-b1a0cb512f1d?q=80&w=2069&auto=format&fit=crop" alt="Movie production"> </div> <div class="text"> <p>Filmed across Mexico City, Rome, Tangier, and the Austrian Alps, SPECTRE delivers stunning practical stunts — including a helicopter sequence over a Day of the Dead parade with 1,500+ extras. The legendary Aston Martin DB10 was built exclusively for the film. Sam Mendes returned after <em>Skyfall</em>, crafting a bold bridge between Bond's past and future.</p> <p style="margin-top: 16px;">🎬 Cinematography by Hoyte van Hoytema · Score by Thomas Newman</p> </div> </div> </section>