function Experience() {
  return (
    <section id="masterclasses" style={{ padding: "140px 0", background: "var(--coffee)", color: "var(--ivory)" }}>
      <div className="container">
        <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 70, alignItems: "center" }}>
          <div>
            <div className="eyebrow" style={{ color: "var(--marfil)" }}>Masterclasses</div>
            <h2 className="display" style={{ fontSize: "clamp(56px, 8vw, 120px)", margin: "16px 0 0", lineHeight: 0.95 }}>
              Coming
              <span className="italic" style={{ color: "var(--rose-soft)" }}> soon</span>
            </h2>
            <p style={{ fontFamily: "var(--serif)", fontSize: 24, fontStyle: "italic", color: "var(--bridal)", marginTop: 12 }}>
              Formación profesional por Ana Paula Celis.
            </p>
          </div>
          <div className="body-lg" style={{ color: "var(--bridal)", maxWidth: 480, fontSize: 17 }}>
            <p style={{ marginTop: 0 }}>
              Muy pronto compartiremos fechas para masterclasses presenciales
              y programas especializados para maquillistas.
            </p>
            <p style={{ marginBottom: 0 }}>
              Déjanos tu contacto por WhatsApp y te avisamos primero.
            </p>
            <a href="https://wa.me/523320126620" target="_blank" rel="noreferrer" className="btn" style={{ marginTop: 20, borderColor: "var(--ivory)", color: "var(--ivory)" }}>
              Recibir novedades
            </a>
          </div>
        </div>
      </div>
    </section>
  );
}

window.Experience = Experience;