.hero-jewel{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#001f3f} .hero-jewel-bg{position:absolute;inset:0;z-index:1} .hero-jewel-video{width:100%;height:100%;object-fit:cover} .hero-jewel-content{position:relative;z-index:10;max-width:900px;padding:2rem;text-align:center;color:white} .hero-jewel h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:400;line-height:1.1;color:white;margin:0 0 1rem} .hero-jewel-pre{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#C9A227} .hero-jewel-sub{font-family:Lora,Georgia,serif;font-size:clamp(1.1rem,2.5vw,1.4rem);color:rgba(255,255,255,.9);font-style:italic} .hero-jewel-frame{position:absolute;inset:2rem;border:1px solid rgba(201,162,39,.3);pointer-events:none;z-index:5} @media(max-width:768px){.hero-jewel{min-height:60vh}.hero-jewel-frame{inset:1rem}}