.rp-hero{position:relative;margin:-32px -32px 40px;height:680px;overflow:hidden;background:#0a0a0a;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.rp-hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0.55}
.rp-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity 0.5s}
.rp-hero.playing video{opacity:0.6}
.rp-hero.playing .rp-hero-poster{opacity:0}
.rp-hero::after{content:”;position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.55) 100%);z-index:2;pointer-events:none}
.rp-hero .inner{position:relative;z-index:3;padding:0 24px;max-width:900px}
.rp-hero .drop-date{background:#d4af37;color:#0a0a0a;display:inline-block;padding:8px 18px;border-radius:24px;font-size:0.85rem;font-weight:800;margin-bottom:24px;letter-spacing:0.1em;text-transform:uppercase}
.rp-hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;margin:0 0 18px;letter-spacing:-0.03em;font-weight:800;text-shadow:0 2px 20px rgba(0,0,0,0.5)}
.rp-hero h1 span{color:#d4af37}
.rp-hero .sub{font-size:clamp(1rem,1.5vw,1.3rem);color:#eee;margin:0 0 28px;line-height:1.55;text-shadow:0 1px 10px rgba(0,0,0,0.6);max-width:680px;margin-left:auto;margin-right:auto}
.rp-hero .specs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:0.92rem;margin-bottom:24px}
.rp-hero .specs span{padding:8px 16px;background:rgba(255,255,255,0.12);border-radius:20px;border:1px solid rgba(255,255,255,0.25)}
.rp-hero-play{background:rgba(255,255,255,0.12);border:1.5px solid rgba(255,255,255,0.4);color:#fff;padding:10px 24px;border-radius:24px;cursor:pointer;font-size:0.92rem;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;gap:10px}
.rp-hero-play:hover{background:rgba(255,255,255,0.22)}
.rp-hero-play.hidden{display:none}
@media (max-width:720px){.rp-hero{height:560px}}

.rp-intro{max-width:780px;margin:0 auto 56px;text-align:center;font-size:1.1rem;line-height:1.75;color:#444;padding:0 16px}
.rp-section-title{font-size:clamp(1.5rem,3vw,2rem);text-align:center;margin:0 0 8px;letter-spacing:-0.02em;font-weight:800}
.rp-section-sub{text-align:center;color:#666;margin:0 0 36px;font-size:1.05rem}
.rp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:0 0 56px;padding:0 24px}
.rp-card{background:#fff;border:1px solid #ececec;border-radius:14px;text-decoration:none;color:#1a1a1a;overflow:hidden;transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.rp-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,0.12)}
.rp-card-img{width:100%;aspect-ratio:1/1;background:#f8f8f8;overflow:hidden}
.rp-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s}
.rp-card:hover .rp-card-img img{transform:scale(1.04)}
.rp-card-body{padding:16px}
.rp-card h3{margin:0 0 4px;font-size:1.1rem;font-weight:700}
.rp-card .meaning{font-size:0.82rem;color:#888;margin:0 0 8px;font-style:italic}
.rp-card .price{font-size:1.2rem;font-weight:800;color:#1a1a1a;margin:0 0 12px}
.rp-card .btn{display:inline-block;background:#1a1a1a;color:#fff;padding:8px 18px;border-radius:6px;font-weight:600;font-size:0.85rem;transition:background 0.2s}
.rp-card:hover .btn{background:#d4af37;color:#0a0a0a}

.rp-trust{background:#fafafa;padding:44px 24px;border-radius:14px;margin:64px 24px 0;text-align:center}
.rp-trust h3{margin:0 0 12px;font-size:1.45rem;font-weight:800}
.rp-trust .row{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:24px}
.rp-trust .row > div{flex:1;min-width:200px}
.rp-trust strong{color:#d4af37;display:block;font-size:1.85rem;margin-bottom:4px;font-weight:800}

(function(){
var hero = document.getElementById(‘rp-hero’);
var video = document.getElementById(‘rp-hero-video’);
var btn = document.getElementById(‘rp-hero-play’);
if (!hero || !video || !btn) return;
btn.addEventListener(‘click’, function(){
// Set src from data-src + play
var sources = video.querySelectorAll(‘source’);
sources.forEach(function(s){ s.src = s.getAttribute(‘data-src’); });
video.load();
video.play().then(function(){
hero.classList.add(‘playing’);
btn.classList.add(‘hidden’);
}).catch(function(){});
});
})();

The Royal Pop is a deliberate mashup — Gérald Genta’s 1972 Royal Oak octagonal design language reimagined as a Bioceramic pocket watch with Swatch’s signature plant-derived composite case. Eight colorways, each named for the number eight in a different language: a quiet tribute to the eight signature screws on the Royal Oak bezel.

All 8 Colorways

Each piece named for “eight” in a different language — a nod to the Royal Oak’s octagonal screws.

Otto Rosso

Italian for 'eight red'

$499.00

View Details →

Huit Blanc

French for 'eight white'

$499.00

View Details →

Green Eight

English for 'eight green'

$499.00

View Details →

Blaue Acht

German for 'eight blue'

$499.00

View Details →

Orenji Hachi

Japanese for 'eight orange'

$499.00

View Details →

Lan Ba

Mandarin for 'eight blue'

$499.00

View Details →

Ocho Negro

Spanish for 'eight black'

$499.00

View Details →

OTG Roz

Polish for 'eight pink'

$499.00

View Details →