/* Contact page CSS — minimal hero only, matching the pricing/platforms `page-hero` style.
   Variables, fonts, the shared contact block (.ct-contact-*) and the CF7 form
   (.ct-wpf-wrap .wpcf7-form) are all defined in main.css, which loads first. */

.page-hero { background:var(--dark); padding:80px 60px; text-align:center; position:relative; overflow:hidden; }
.hero-diamonds-l { position:absolute; left:60px; top:50%; transform:translateY(-50%); display:grid; grid-template-columns:repeat(5,24px); gap:10px; opacity:0.07; }
.hero-diamonds-r { position:absolute; right:60px; top:50%; transform:translateY(-50%); display:grid; grid-template-columns:repeat(5,24px); gap:10px; opacity:0.07; }
.diamond { width:20px; height:20px; transform:rotate(45deg); }
.page-hero-label { font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:1.5px; color:#888; margin-bottom:14px; display:block; }
.page-hero-divider { width:40px; height:3px; background:var(--gold); border-radius:2px; margin:14px auto 24px; }
.page-hero h1 { font-family:'DM Serif Display',serif; font-size:clamp(2rem,4vw,3rem); font-weight:400; color:var(--white); line-height:1.15; margin-bottom:16px; }
.page-hero p { font-size:16px; color:#aaa; line-height:1.7; max-width:580px; margin:0 auto; }

@media (max-width:768px){
  .page-hero { padding:60px 20px; }
  .page-hero h1 { font-size:2rem; }
  .hero-diamonds-l, .hero-diamonds-r { display:none; }
}